@media screen and (max-width:1180px){

}
@media screen and (max-width: 1024px){
    body, html {
        overflow-x: hidden;
    }
    .container {
        padding: 0 25px;
    }
	.s-trial-popup .--form {
		padding: 20px;
	}
	.s-trial-popup > .--wrap .--close {
		right: 15px;
	}
	.s-trial-images {
		grid-template-columns: 100%;
	}
    .s-home--start h1 {
        font-size: 2rem;
    }
    button.ui-menu svg {
        height: 30px;
    }

    header {
        margin-bottom: 10px;
    }
    .s-home--start {
        min-height: calc(50vh - 50px);
        margin-top: -20px;
        margin-bottom: -20px;
        font-size: 20px;
        line-height: 1.2;
    }

    .s-1 {
        padding: 50px 0;
        position: relative;
        z-index: 1;
    }

    .s-1 .s-wrap, .s-1.reverse .s-wrap {
        grid-template-columns: 100%;
        width: 100%;
        gap: 24px;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .s-header > .label, .s-ellipse > .wrap h2, .s-careers .s-header .label, .s-faq.style--1 .s-header > .label, .s-4 .s-header > .label, .title--1.wp-block-heading, .s-header > .label.medium, .s-1.reverse.style--1 .s-wrap .s-header > .label {
        font-size: 1.6rem;
        width: auto;
    }

    header .logo img {
        height: 30px;
    }
    .product--wrapper > .main {
        padding-left: 80px;
    }
    .s-1.s-contact-content .s-wrap {
        width: 100%;
        gap: 24px;
    }

    .ui-btn {
        padding: 12px 25px;
        font-size: 14px;
    }

    .s-1 .s-wrap p {
        margin-bottom: 10px;
    }

    .ui-vector > div {
        width: 100%;
        height: 45vh;
        background-repeat: no-repeat !important;
    }

    .s-home--features .ui-icons, .s-home--features .ui-icons.grid-5 {
        grid-template-columns: 50% 50%;
        width: calc(100% - 30px);
        gap: 30px;
    }

    .s-home--features {
        padding: 50px 0;
    }

    .s-home--features > .bg > div {
        transform: scale(1.3);
    }

    .ui-vector {
        height: 41vh;
        max-width: 200px;
    }

    .s-1.reverse .s-wrap {
        flex-direction: column-reverse;
    }

    .s-1.reverse .s-wrap .col-right {
        width: 100%;
    }

    .s-1 .s-wrap .col-right {
        width: 100%;
    }

    .s-banner {
        padding: 30px;
        border-radius: 0px 30px;
    }

    .s-banner > .s-wrap {
        flex-direction: column;
        align-items: baseline;
        gap: 24px;
        min-height: auto;
    }

    .s-blog .items {
        grid-template-columns: 100%;
        width: 100%;
    }

    .s-blog {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .s-ellipse, .s-ellipse.large, section#rootella {
        padding: 100px 0;
        padding-top: 110px;
        margin-bottom: -2vh;
        margin-top: -2vh;
    }

    body {
        font-size: 14px;
        overflow-x: hidden;
    }

    .s-ellipse > .wrap {
        font-size: 16px;
    }

    .s-ellipse p {
        margin-bottom: 18px;
    }

    footer .wrap-primary {grid-template-columns: 100%;width: 100%;margin-bottom: 30px;padding-top: 50px;gap: 20px;}

    footer .wrap-secondary {
        flex-wrap: wrap;
        gap: 24px;
        padding-bottom: 50px;
        padding-top: 30px;
    }

    footer .wrap-secondary > ul {
        flex-wrap: wrap;
        gap: 12px;
    }
    .s-ellipse .title.large {
        font-size: 2rem;
        white-space: inherit;
    }

    .s-3 .wp-block-columns.is-layout-flex {
        flex-direction: column;
    }

    .s-3 {
        font-size: 18px;
        padding: 60px 0;
    }

    .s-ellipse .s-1 .s-wrap, .s-ellipse .s-1.reverse .s-wrap {
        width: 100%;
        gap: 20px;
    }

    .s-about-features {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .s-about-features .items {
        grid-template-columns: 100%;
        width: 100%;
        gap: 40px;
        font-size: 16px;
        margin: auto;
        margin-top: 40px;
    }

    .s-about-features .items .item .title {
        font-size: 23px;
        line-height: 1.2;
    }


    .block-items > .item {
        width: 100%;
        font-size: 16px;
        padding: 30px;
    }

    .block-items > .item .title {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    .s-single--start {
        padding-top: 50px;
    }

    .s-careers {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-careers .s-wrap {
        gap: 30px;
        flex-wrap: wrap;
        font-size: 16px;
    }

    .s-careers .s-wrap .col-right {
        width: 100%;
    }

    .accordion--item .--wrap > .header .row {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 15px;
        font-size: 1;
    }

    .ui_form__fieldset > .field > label {
        left: 0;
    }

    .ui_form__fieldset > .field > input {
        padding-left: 0;
    }

    .upload-file > .w {
        padding-left: 0;
    }
    .s-1.s-contact-content h2 {
        font-size: 1.4rem;
    }

    .s-1.s-contact-content .s-wrap p {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .s-2 {
        font-size: 18px;
    }

    .ui-team .items {
        gap: 24px 12px;
        width: 100%;
    }

    .ui-team .items > .item {
        width: calc(50% - 6px);
        overflow: hidden;
    }

    .team--item.style--1 img {
        height: 150px;
        border-radius: 10px;
    }

    .s-faq .s-header {
        margin-bottom: 30px;
    }

    .s-faq.style--1 {
        padding: 40px 0;
    }
    .ui-post--card--1 {
        width: 100%;
    }

    .posts--list .s-content .ui-post--card--1:first-child > .wrapper, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper {
        gap: 18px;
        flex-direction: column;
    }

    .posts--list .s-content {
        gap: 50px;
    }

    .posts--categories > .wrap a {
        font-size: 18px;
    }

    .ui-post--card--1 > .wrapper .title a, .posts--list .s-content .ui-post--card--1:first-child > .wrapper .title a, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper .title a {font-size: 20px;}

    .posts--list .s-content .ui-post--card--1:first-child > .wrapper, .posts--list .s-content .ui-post--card--1:nth-child(4n+1) > .wrapper {
        font-size: 16px;
    }

    .ui-post--card--1 > .wrapper > .thumbnail > div {
        border-radius: 12px;
    }
    .s-product-filter .f-products > .wrap {
        gap: 12px;
        grid-template-columns: 50% 50%;
        width: calc(100% - 12px);
    }

    .ui-product--card .details .title {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .ui-product--card .details  .caption {
        /* height: 63px; */
    }

    .s-faq {
        padding: 80px 0;
    }

    .s-faq .s-header {
        font-size: 18px;
    }

    .style--1 .accordion--item .--wrap > .header .row {
        flex-direction: row;
    }

    .style--1 .accordion--item .content {
        padding-left: 0;
    }

    .accordion--item {
        padding: 16px 0;
    }

    .s-border-top-dark, .s-border-bottom-dark, .s-border-top-white, .s-border-bottom-white {
        height: 60px;
    }

    .ui-product--card {
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .ui-product--card .wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .ui-product--card .wrapper .details {
        display: flex;
        flex-direction: column;
        height: 50%;
    }

    .ui-product--card .ui-btn {
        margin-top: auto;
    }

    .s-product-filter .filters > .filter.active {
        z-index: 1;
    }

    .s-product-filter .filters {
        gap: 20px;
    }

    .s-product-filter .f-header {
        padding-bottom: 20px;
    }
    .s-ellipse .medium.title {
        font-size: 2rem;
    }

    .s-4 > .s-wrap > div {
        width: 100%;
    }

    .s-4 > .s-wrap {
        flex-direction: column;
        gap: 50px;
    }


    .s-home--features .ui-icons.grid-3 {
        grid-template-columns: 100%;
        width: 100%;
    }

    .ui-accordions.style--2 .items {
        width: 100%;
        grid-template-columns: 100%;
        gap: 30px;
    }

    .ui-accordions.style--2 .items .title {
        font-size: 20px;
    }

    .ui-accordions.style--2 .items .content {
        font-size: 16px;
    }

    .s-ellipse p:last-child {
        margin-bottom: 0;
    }
    footer:before {
        height: 70px;
    }
    .swal2-container.swal2-center {
        padding: 0;
    }

    div.swal2-popup.swal2-modal {
        border-radius: 16px;
        padding: 25px;
    }

    .newsletter {
        flex-wrap: wrap;
        gap: 15px 20px;
    }
    .s-about-features .items > .item {
        width: 100%;
    }

    .s-home--features .ui-icons.grid-5 h3 {
        font-size: 16px;
        line-height: 1.3;
    }

    .carbot-works-labels {
        font-size: 15px;
        background-position: center;
        background-size: contain;
        min-height: initial;
    }

    .carbot-works-labels > .item {
        gap: 4px;
    }

    .carbot-works-labels > .item img {
        height: 18px;
    }

    img {
        max-width: 100%;
    }

    .ui-icons-1 > .wrap {
        grid-template-columns: 100%;
    }

    .ui-icons-1 > .wrap > .item {
        max-width: initial;
        width: 100%;
    }

    .accordion--item .--wrap > .header .title {
        font-size: 17px;
    }
    .ui-menu-area .wrap > .scrollarea > .window > .bg {
        right: -50px;
        transform: scale(1.1);
    }
    .team--item > .--wrap .title {
        font-size: 16px;
    }

    .team--item > .--wrap {
        gap: 4px;
        font-size: 12px;
        display: flex;
        flex-direction: column;
    }

    .team--item.style--1 .image {
        margin-bottom: 5px;
        min-height: 150px;
        border-radius: 12px;
    }
    .team--item.style--1 .image:after {
        width: 50px;
        height: 50px;
    }

    .team--item .image {
        border-radius: 0;
        min-height: 170px;
        border-radius: 16px;
    }
    .team--item img {
        height: 170px;
        border-radius: 16px;
    }
    .distributors--map {
        margin: 0 -25px;
    }

    .distributors--list {
        top: inherit !important;
        position: fixed;
        bottom: 0;
        left: 0 !important;
        width: 100%;
    }

    .distributors--map > * {
        margin: 0 25px;
    }

    .distributors--list .distributor img {
        width: 100px;
        min-width: 100px;
    }
    .s-5 {
        font-size: 16px;
    }

    .team--logos img {
        width: calc(50% - 10px);
    }

    .team--logos {
        gap: 20px;
        justify-content: center;
        padding-top: 20px;
    }
    .s-6 .wp-block-columns {
        flex-direction: column;
        gap: 20px;
        margin: 30px 0;
    }

    .s-6 img {
        border-radius: 16px;
    }

    .s-6 ul {
        font-size: 14px;
    }

    .title--1.wp-block-heading {
        margin: 60px 0;
    }

    .s-single {
        padding-top: 60px;
    }

    .s-single h1 {
        font-size: 1.3rem !important;
        line-height: 1.3 !important;
        margin-bottom: 20px;
    }

    .ph-appear {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .s-single p {
        line-height: 1.5 !important;
        margin-bottom: 16px !IMPORTANT;
        background: transparent !important;
    }

    .lm-mb-0 {
        margin-bottom: 0 !important;
    }

    .lm-mt-0 {
        margin-top: 0 !important;
    }
    .lm-mt-50 {
        margin-top: 30px !important;
    }
    .lm-mb-30 {
        margin-bottom: 30px !important;
    }
    .lm-mb-50 {
        margin-bottom: 50px !important;
    }
    .s-home--start .wrap .container p, .rc-start-btn {
        font-size: 21px;
    }
    h3 {
        font-size: 18px;
    }
    .product--wrapper {
        flex-wrap: wrap;
        margin: 0 -25px;
        gap: 30px;
        padding-right: 25px;
    }

    .products--leaf {
        display: flex;
        gap: 10px;
        overflow-x: hidden;
        overflow-y: hidden;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
    }

    .product--wrapper .sidebar, .sidebar.fixed.absolute {
        left: 25px !important;
    }

    .product--details > .wrap {
        flex-direction: column;
        width: 100%;
    }

    .s-product--content.columns .wrap {
        flex-wrap: wrap;
        width: 100%;
    }

    .s-product--content {
        padding: 30px 25px;
        border-radius: 18px;
    }

    .s-product--content.columns .wrap .col-left, .s-product--content.columns .wrap .col-right {
        width: 100%;
    }
    .products--leaf .item svg {
        width: 30px;
    }

    .products--leaf::-webkit-scrollbar {
        display: none;
    }
    .product--details > .wrap {
        font-size: 16px;
    }

    .product--details > .wrap .title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .s-product--content h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    ul#menu-footer-menu-3 {
        display: none;
    }
    .window--member .wrap {
        padding: 16px;
        flex-direction: column;
        padding-top: 65px;
        gap: 20px;
    }

    .modal .window.window--member {
        max-width: initial;
    }

    .modal > .scrollarea {
        width: 100%;
    }

    .window--member .wrap .image img {
        max-width: initial;
    }
    .blogSwiper .swiper-slide {
        max-width: 360px;
    }

    .distributors--map > .scrollarea .map svg {
        width: 100%;
        height: auto;
    }

    .distributors--map > .scrollarea .wrap .pins > .pin {
        width: 20px;
        height: 20px;
    }

    .pin.pin--south-america {
        left: 28% !important;
        top: 66% !important;
    }

    .pin.pin--middle-east {
        left: 57% !important;
        top: 46% !important;
    }

    .pin.pin--western-europe {
        top: 26% !important;
    }

    .pin.pin--africa {
        left: 50% !important;
        top: 53% !important;
    }

    .pin.pin--asia {
        left: 72% !important;
        top: 40% !important;
    }

    .s-7 {
        margin: 100px 0;
        font-size: 18px;
    }

    .impact--card > .wrap {
        flex-direction: column;
        gap: 20px;
    }

    .impact--card > .wrap .details {
        display: flex;
        flex-direction: column;
        border-radius: 18px;
    }

    .impact--card > .wrap .details > .col-left {
        border-radius: 15px;
    }

    .ui-img {
        margin-top: 20px;
    }

    .s-quote .content > .text {
        font-size: 24px;
        line-height: 1.2;
    }

    .s-quote > .wrapper {
        display: flex;
        flex-direction: column;
    }

    .s-quote {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .s-quote .quote >.content .author .name {
        font-size: 24px;
    }

    .s-quote .quote >.content {
        gap: 0px;
    }
    .lm-fs-16 {
        font-size: 16px !important;
    }
    .lm-fs-24 {
        font-size: 24px !important;
    }
    .s-quote .quote .text:before, .s-quote .quote .text:after {
        width: 40px;
        background-size: contain;
        height: 31px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .rc-logo p {
        font-size: 27px;
    }

    .rc-logo img {
        height: 70px;
    }

    .title-2 {
        font-size: 20px;
    }

    .title-3 {
        font-size: 18px;
        line-height: 1.4;
        margin: 0;
    }

    .s-ellipse.style--3 p {
        font-size: 22px;
    }

    .s-ellipse.style--3 {
        padding: 75px 0px;
        padding-top: 80px;
    }

    .rc--blocks .wrap {
        grid-template-columns: 50% 50%;
        gap: 5px;
        width: calc(100% - 5px);
    }

    .rc--blocks .wrap .item .placeholder {
        padding: 20px;
        font-size: 18px;
        height: 100%;
    }

    .rc--blocks .wrap .item .hover {
        padding: 15px;
        font-size: 13px;
    }

    .rc--blocks .wrap .item:first-child+.item+.item .placeholder, .rc--blocks .wrap .item:first-child+.item+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item+.item .hover  {
        border-radius: 0px 0px 0px 0px;
    }

    .rc--blocks .wrap .item:first-child+.item+.item+.item .placeholder, .rc--blocks .wrap .item:first-child+.item+.item+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item+.item+.item .hover  {
        border-radius: 0px 0px 0px 0px;
    }

    .rc--blocks .wrap .item:first-child+.item .placeholder, .rc--blocks .wrap .item:first-child+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item .hover  {
        border-radius: 0px 60px 0px 0px;
    }

    .rc--blocks .wrap .item:first-child+.item+.item+.item+.item .placeholder, .rc--blocks .wrap .item:first-child+.item+.item+.item+.item .placeholder:after, .rc--blocks .wrap .item:first-child+.item+.item+.item+.item .hover  {
        border-radius: 0px 0px 0px 60px;
    }

    .rc--blocks .wrap .item .placeholder img {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    .s-1.reverse.style--1 .s-wrap .s-header > .label {}

    .rc-bars > .wrap {
        flex-wrap: wrap;
    }

    .rc-bars > .wrap > .item {
        width: 100%;
        flex: auto;
        padding: 20px;
        height: 200px;
        font-size: 18px;
    }

    .rc-bars > .wrap > .item:hover {
        flex: inherit;
        width: 100%;
    }

    .rc-bars > .wrap > .item .title {
        font-size: 26px;
    }

    .rc-bars > .wrap > .item:hover .title {
        transform: translate3d(0px, 0%, 0px);
    }

    .rc-bars > .wrap > .item .hover {
        margin-top: 50px;
    }

    .rc-bars > .wrap > .item .title br {
        display: none;
    }
    .lm-hide {
        display: none !important;
    }

    .s-home--features .ui-icons > .item .icon {
        height: 80px;
        width: 80px;
        margin-left: auto;
        margin-right: auto;
    }
    .lm-pt-inherit {
        padding-top: inherit !important;
    }
    .lm-pt-100 {
        padding-top: 100px !important;
    }

    .s-1.reverse.style--1 .s-wrap {
        gap: 30px;
    }
    .fixed-btn {
        left: -82px;
    }
	.card--video iframe {
   	 height: 210px;
		border-radius: 16px;
	}

	.card--video figure.wp-block-embed {
		max-width: 100%;
	}

	.s-single--start.s-trial-start h1.label {
		font-size: 26px;
	}

	.s-single--start.s-trial-start {
		margin-bottom: 30px;
	}

	.s-trial-1 .s-wrap {
		flex-direction: column;
		align-items: center;
	}

	.s-trial-1 .s-wrap > .--left {
		gap: 20px;
		height: 260px;
	}

	.s-trial-1 .s-wrap .--label {
		top: 150px !important;
		font-size: 18px;
		position: absolute;
		left: 15px;
		line-height: 1;
	}

	.s-trial-1 .s-wrap .--label.--2 {
    right: 15px;
    left: inherit;
    top: 106px !important;
}

.s-ellipse.s-trial-1 .bg > div {
    background-position: 30% 0 !IMPORTANT;
}

	.--btn-get-free {
		font-size: 26px;
	}

	.s-trial-1 .s-wrap .--right {
		width: 100%;
	}

	.--btn-get-free br {
		display: none;
	}

	.s-trial-1 .s-wrap > .--right .--caption {
		font-size: 18px;
		margin-top: 50px;
	}

	section.s-home--features.s-trial-benefits .ui-icons {
		gap: 50px 20px;
		margin: 0;
		width: calc(100% - 20px);
	}

	section.s-home--features.s-trial-benefits {
		padding-bottom: 0;
	}

	.s-trial-form {
		margin: 50px 0;
		flex-direction: column;
		gap: 50px;
	}

	.s-trial-review > .s-wrap {
		flex-direction: column;
		gap: 20px;
	}

	.s-trial-about > .s-wrap {
		flex-direction: column;
		gap: 40px;
	}

	.s-trial-about > .s-wrap .--left img {
		width: 180px;
		height: 180px;
	}

	.s-trial-about h3 {
		font-size: 24px;
	}

	.s-trial-about ul {
		font-size: 16px;
		gap: 5px;
	}

	.s-trial-about ul li:before {
		margin-top: 8px;
	}

	.s-trial-about .--btn {
		font-size: 24px;
		width: 100%;
		padding: 10px;
		text-align: center;
	}

	section.s-trial-explore {
		margin-top: 50px;
	}

	.s-trial-explore a {
		font-size: 16px;
	}

	.s-trial-review > .s-wrap .--review-text .--block.--user img {
		width: 60px;
	}

	.s-trial-review > .s-wrap .--review-text .--block.--user {
		gap: 20px;
	}

	.s-trial-review > .s-wrap .--review-text .--block {
		padding: 15px;
	}
	
	.ui-post--card--2 {
		margin: -15px 0;
		padding-bottom: 25px;
	}

	.ui-post--card--2 h2.title a {
		font-size: 18px;
	}
	.s-trial-contact {
		margin-bottom: 50px;
		padding: 40px 20px;
		border-radius: 50px 0 50px;
	}

	.s-trial-contact .s-header .label {
		font-size: 20px;
	}
	
	.--modal-career > .--window {
	 margin-top: 10vh;
	}
}

@media screen and (max-width: 760px){
	.s-home--features iframe {
	   height: 240px;
	}
    .s-home--features > .bg {
    }
    .ui-menu-area .wrap > .scrollarea > .window {
        right: 0;
        padding-left: 25px;
        padding-right: 25px;
    }


    .ui-menu-area .wrap {
        background: #fffcf1;
    }

    .ui-menu-area .wrap > .scrollarea > .window .close {
        right: 25px;
        top: 25px;
    }

    .ui-menu-area .wrap > .scrollarea > .window .col-left {
        border: 0px;
        padding: 0;
        gap: 30px;
    }

    .ui-menu-area .wrap > .scrollarea > .window > .col-right {
        display: none;
    }

    ul#menu-header-menu > li {
        right: 0px !important;
    }

    ul#menu-header-menu {
        gap: 20px;
    }

    ul#menu-header-menu a {
        font-size: 24px;
    }

    .ui-menu-area .wrap > .scrollarea > .window .col-left .footer p {
        left: 0 !important;
    }
    ul#menu-header-menu .current-menu-item ul.sub-menu {
        display: grid;
        list-style: none;
        padding-left: 0;
    }

    ul#menu-header-menu > li.current-menu-item .sub-menu a {
        font-size: 18px;
        color: rgb(0 0 0 / 72%) !important;
    }
    .toggle-footer-menu {
        display: block;
    }
    .impactSlider > .swiper-wrapper {
        display: flex;
        gap: 0px;
    }

    .impact--card > .wrap .details .label {
        font-size: 21px;
    }
	.rc-tab {
		position: fixed;
		bottom: 0;
		background: #363636;
		left: 0;
		z-index: 11;
		padding: 50px 30px;
	}
	.rc-tab .close {
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 1;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="4" y="5.41406" width="2" height="20" transform="rotate(-45 4 5.41406)" fill="%23FFF"/><rect width="2" height="20" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 20 5.41406)" fill="%23FFF"/></svg>');
		width: 30px;
		height: 30px;
		background-size: contain;
		cursor: pointer;
	}
}