@media screen and (max-width: 1399px) {
    .section-home-services .left-services{
        padding-right: 80px;
    }
    .section-home-slider-block {
        height: calc(100vh - 160px);
    }
    .section-gallery-tabs-content .gallery-tab-content.active{
        max-height: 390px;
    }
}
@media screen and (max-width: 1199px) {
    .advantages-items{
        column-gap: 30px;
    }
    .advantages-items .item {
        width: calc((100% - 30px) / 2);
    }
    .section-gallery-tabs-content .gallery-tab-content.active{
        max-height: 320px;
    }

    .services-wrapper{
        column-gap: 40px;
    }
    .services-wrapper .service-item{
        width: calc(50% - 20px);
    }
}
@media screen and (max-width: 991px) {

    .header-logo {
        order: 1;
    }

    .menu-block-wrapper {
        order: 3;
    }

    .header-buttons {
        order: 2;
    }

    .menu-wrapper {
        min-width: 640px;
        position: fixed;
        top: 0;
        left: -650px;
        height: 100vh;
        background: var(--color-light-brown);
        padding: 24px 20px;
        z-index: 110;
        transition: var(--base-transition);
    }

    .menu-wrapper .close-menu-wrapper {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 30px;
    }

    .menu-wrapper .close-menu-wrapper i:before {
        font-size: 22px;
        line-height: 22px;
    }

    .main-menu {
        flex-direction: column;
        height: auto;
        overflow-y: auto;
        row-gap: 20px;
        align-items: flex-start;
    }

    .main-menu > li {
        height: auto;
    }

    .main-menu a {
        color: var(--color-blue);
        font-size: 16px;
        line-height: 22px;
    }

    .open-main-menu .menu-backdrop {
        width: 100vw;
        height: 100vh;
        background: #000;
        z-index: 95;
        opacity: .8;
        backdrop-filter: blur(5px);
        display: block;
        position: fixed;
        top: 0;
        left: 0;
    }

    .open-main-menu {
        overflow: hidden;
        width: 100vw;
        height: 100vh;
    }

    .main-menu .submenu-toggle i:before {
        font-size: 20px;
        transition: var(--base-transition);
    }

    .main-menu .show-sub-menu > .submenu-toggle i:before {
        transform: rotate(180deg);
    }

    .main-menu .submenu-toggle i {
        color: var(--color-blue);
        margin-left: 0;
    }

    .main-menu > li {
        width: 100%;
    }

    .main-menu .has-sub-items {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .main-menu .has-sub-items > ul,
    .main-menu .has-sub-items:hover > ul {
        display: none;
    }

    .main-menu .has-sub-items > ul {
        padding: 0;
        list-style: none;
        position: unset;
        width: 100%;
        flex-direction: column;
        padding-left: 15px;
        margin-top: 15px;
        row-gap: 10px;
    }

    .main-menu .has-sub-items.show-sub-menu > ul {
        display: flex;
    }

    .header-buttons {
        margin-left: auto;
        column-gap: 15px;
        margin-right: 15px;
    }

    .open-main-menu .menu-wrapper {
        left: 0;
    }

    .swiper-home-slider-item-content-wrapper .slider-content {
        row-gap: 15px;
    }

    .swiper-home-slider-item-content-wrapper .slider-content .home-slider-title {
        font-size: 40px;
        line-height: 45px;
    }

    .swiper-home-slider-item-content-wrapper .slider-content .home-slider-caption {
        font-size: 24px;
        line-height: 28px;
    }

    .section-home-services .left-services {
        width: 100%;
        padding-right: 0;
        margin-bottom: 35px;
    }

    .section-home-services .right-services {
        width: 100%;
    }

    .section-home-services .right-services .btns {
        display: flex;
        justify-content: center;
    }

    .section-home-services .left-services {
        padding-right: 0px;
    }

    .swiper-product-item .image,
    .swiper-product-item .image {
        display: flex;
        height: 100%;
    }

    .swiper-product-item .image picture img {
        height: 100%;
    }

    .home-products-swiper-pagination {
        position: unset;
        margin-top: 15px;
        justify-content: center;
    }

    .section-faq-form .form-section {
        padding-right: 0px;
    }

    .section-home-products .swiper .swiper-button-prev,
    .section-home-products .swiper .swiper-button-next {
        display: none;
    }

    .section-faq-form .row .col-12:first-of-type {
        order: 5;
    }

    .section-faq-form .row {
        row-gap: 60px;
    }

    .section-faq-form .h2 {
        margin-bottom: 30px;
    }

    .section-faq-form .text .h2 {
        margin-bottom: 10px;
    }

    .swiper-home-slider-item-content-wrapper .slider-content {
        padding-right: 0;
    }
    .section-gallery-tabs-content .gallery-tab-content.active{
        max-height: 370px;
    }
    .popup-call-widget{
        bottom: 5px;
        right: 5px;
    }
}
@media screen and (max-width: 767px) {
    .section-footer{
        padding: 32px 0;
        background: var(--color-light-brown);

    }
    .section-footer .footer-logo,
    .section-footer .footer-column{
        margin-bottom: 30px;
    }
    .menu-wrapper{
        min-width: 500px;
        left: -520px;
    }
    .section-home-products .row{
        flex-direction: column-reverse;
    }
    .swiper-product-item .content{
        border: none;
    }
    .section-faq .h2{
        margin-bottom: 15px;
    }
    .section-faq .text{
        margin-bottom: 20px;
    }
    .section-home-slider-block{
        margin-bottom: 50px;
    }
    .section-faq-form .form-section{
        margin-bottom: 50px;
    }
    .swiper .swiper-button-prev,
    .swiper .swiper-button-next{
        display: none;
    }
    .section-contacts .right-contacts{
        align-items: flex-start;
        margin-top: 35px;
    }
    .section-contacts{
        margin-top: 60px;
    }
    .section-contacts .left-contacts a, .section-contacts .right-contacts a, .section-contacts .left-contacts, .section-contacts .right-contacts {
        font-size: 18px;
        line-height: 30px;
    }
    .catalog-category-view .section-catalog-header .row{
        flex-direction: column-reverse;
    }
    .section-products-category-grid {
        margin-top: 40px;
    }
    .section-galleries-block{
        padding-bottom: 38px;
    }
    .section-galleries-block .h2{
        margin-bottom: 30px;
    }
    .section-galleries-block .galleries-tabs{
        gap: 12px;
    }
    .section-galleries-block .galleries-tabs .gallery-tab{
        padding: 10px 15px;
    }
    .section-gallery-tabs-content .gallery-tab-content.active{
        max-height: 280px;
    }
    .services-wrapper .service-item{
        width: 100%;
    }
    .services-wrapper .service-divider{
        display: none;
    }
    .services-wrapper .service-item:not(:last-of-type){
        border-bottom: 1px solid var(--color-light-brown);
    }
}

@media screen and (max-width: 575px) {
    .menu-wrapper{
        min-width: 100vw;
        left: -105vw;
    }
    .header-logo img{
        height: 42px;
    }
    .section-home-services .right-services .text,
    .section-home-services .right-services .h2{
        margin-bottom: 20px;
    }
    .section-home-services .left-services ul{
        column-gap: 30px;
    }
    .section-home-services .left-services ul li {
        width: calc((100% - 30px) / 2);
    }
    .section-home-services .left-services{
        padding-right: 0;
    }
    .swiper-product-item .header{
        margin-bottom: 15px;
    }
    .swiper-product-item .text{
        margin-bottom: 20px;
    }
    .swiper-product-item .content{
        padding: 15px 20px;
    }
    header .section-header{
        padding: 14px 0;
    }
    .advantages-items .item {
        width: 100%;
    }
    .advantages-items{
        row-gap: 30px;
    }
    .section-catalog-item-text .content{
        font-size: 24px;
        line-height: 28px;
    }
    .swiper-home-slider-item-content-wrapper .slider-content .home-slider-caption{
        font-size: 16px;
    }
    .swiper-home-slider .swiper-wrapper .swiper-slide:nth-of-type(4) .swiper-home-slider-item-content-wrapper .slider-content .home-slider-caption,
        .swiper-home-slider .swiper-wrapper .swiper-slide:nth-of-type(2) .swiper-home-slider-item-content-wrapper .slider-content .home-slider-caption{
        padding: 15px 20px;
    }
    .section-map iframe{
        height: 400px;
    }
    .home-slider-arrow {
        margin-top: 20px;
    }
    .section-home-slider-block{
        margin-bottom: 20px;
    }
    .section-home-slider-block {
        height: calc(100vh - 250px);
    }
    .section-home-services .col-lg-7{
        order: 5;
    }
    .section-gallery-tabs-content .gallery-tab-content.active{
        max-height: 100vw
    }
    .services-wrapper .service-item .bottom{
        padding: 0;
    }
    .list-2-columns li{
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .section-home-services .left-services ul li {
        width: 100%
    }
    .section-values.section-how-we-works .item .text{
        padding: 0;
    }
}
@media screen and (max-width: 400px) {
    .header-buttons a i:before {
        font-size: 21px;
        line-height: 21px;
    }
    .header-buttons a img {
        height: 21px;
        width: 21px;
    }
    .header-buttons{
        column-gap: 12px;
    }
}