@charset "utf-8";

@media screen and (max-width: 1599px) {
    .top-menu .menu-item {
        margin: 0 15px;
    }
}

@media screen and (max-width: 1365px) {
    .logo-image {max-width: 190px;}
    .top-menu .menu-item {
        flex-shrink: 0;
    }
    .btn-catalog .button-text span {display: none;}
    .footer-logo-image {
        max-width: 200px;
    }
    h1, .h1 {font-size: 38px;}
    h2, .h2 {font-size: 32px;}
    h3, .h3 {font-size: 26px;}
    h4, .h4 {font-size: 22px;}
}

@media screen and (max-width: 1279px) {
    h2, .h2 {font-size: 35px;}
    .wrap-full {padding-left: 30px; padding-right: 30px;}
    header .btn-catalog {margin-right: 10px;}
    .footer-col {max-width: 260px;}

    header nav {
        order: 3;
        flex-grow: 1;
        width: 100%;
        justify-content: center;
        border-top: 1px solid #dde4e2;
        margin-top: 10px;
        /* margin: 0 0px; */
        padding: 15px 0 0;
        margin: 15px -30px 0;
    }

    .header-inner {
        flex-wrap: wrap;
    }

    .logo-image {
        max-width: 200px;
    }

    .wrap-full {
        max-width: none;
    }

    header {
        padding: 15px 0;
    }

    .header-phone {
        flex-direction: row-reverse;
        align-items: center;
    }
    .header-phone .tel {margin: auto 0 auto 10px;}

    .header-phone button {
        margin-right: 20px;
    }

    .catalog-section {margin-left: -15px; margin-right: -15px;}
    .catalog-section .item {padding-left: 20px; padding-right: 20px;}
    footer {padding-top: 30px;}
    .footer-title {font-size: 17px;}
    .door-type-title {
        font-size: 25px;
    }
}

@media screen and (max-width: 1023px) {
    .logo-image {
        max-width: 160px;
    }
    footer {padding-top: 30q;}
    .footer-col {width: 50%; max-width: none;}
    .footer-logo-image {max-width: 150px;}
    .homepage-offer-content {min-height: 0; height: auto;}
    .homepage-offer-title, h1, .h1, .homepage h2 {font-size: 36px;}
    .homepage #map {min-height: 50vh;}
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3 {font-size: 22px;}
    .process-number {font-size: 35px; width: 60px; height: 60px; line-height: 60px;}
    .config-promo-wide {background-position-x: 200px;}
    section {margin-top: 40px;}
    .section-colored {padding-top: 40px; padding-bottom: 40px;}
    .clients-page {flex-direction: column-reverse;}
    .clients-page-content, .clients-map {width: 100%; padding-left: 0;}
    .top-menu .menu-item {
        margin: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .header-phone  {display: none;}
    .hidden-xs {display: none !important;}
    .footer-grid {flex-wrap: wrap;}
    header {padding: 0;}
    header nav {
        padding: 0;
        border: 0;
        margin: 0;
        flex: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        padding-top: 50px;
        overflow-y: auto;
        justify-content: flex-start;
        align-items: flex-start;
        left: -100%;
        transition: .2s all ease-in-out;
        z-index: 3;
    }
    header nav.active {left: 0;}
    .logo-image {max-height: 20px;}
    .header-inner {padding-left: 0 !important; align-items: center;}
    .config-link {
        display: inline-block;
        margin-left: auto;
        font-size: 13px;
        border-radius: 5px;
    }

    .config-link::before {
        width: 16px;
    }

    .config-link span {
        border-bottom: 1px solid #5c9938;
    }
    .top-menu {
        flex-direction: column;
        align-items: flex-start;
    }

    .top-menu .menu-item {
        margin: 0;
    }

    .top-menu .menu-item-link {
        padding: 10px 15px;
        display: block;
    }

    .top-menu .btn-catalog {
        margin-left: 15px;
        margin-bottom: 10px;
    }
    .top-catalog-item {display: flex;}
    .top-catalog-item-image {width: 80px; flex-shrink: 0;}
    .top-catalog {
        box-shadow: none;
        padding: 0;
        overflow-y: auto !important;
        max-height: calc(100vh - 45px) !important;
    }
    .btn-goback-cat {
        padding: 10px;
        display: block;
        color: #3e8019;
        margin-left: -15px;
        font-weight: 600;
    }
    .landing-video + section .text-block {
        text-align: left;
    }
    .landing-video {
        position: relative;
        padding: 15px 15px 0;
        background-color: #eaeeed;
        margin-bottom: -10px;
    }
    .video-overlay {
        display: none;
    }
    .landing-video::after {display: none;}

    .landing-logo {
        margin-bottom: 20px;
    }
    .step-line {
        left: 50%;
        border-right: 4px dotted #5c9938;
        height: 100px;
        width: auto;
    }
    .step-line svg {display: none;}
    .process-section-list {margin-top: 20px;}
    .process-desc {padding-bottom: 0; padding-top: 10px;}
    .config-promo-wide {flex-wrap: wrap; background-image: none; padding: 20px;}
    .config-promo-wide > div {padding-right: 0;}
    .config-promo-wide .title {font-size: 25px; display: inline;}
    .config-promo-wide .title + p {margin: 10px 0;}
    .btn {width: 100%; max-width: 400px;}
    .btn [class*='e-icon'], .btn-catalog [class*='e-icon'] {
        justify-content: center;
    }
    .footer-col {width: 100%;}
    .footer-bottom {margin-top: 0;}
    header + section {margin-top: 0;}
    #landing-content .text-block.centered {text-align: left;}
    .homepage-offer-content {
        padding: 40px 15px;
        background-color: rgba(255,255,255,.5);
        margin: 0 -15px;
    }
    .homepage-offer-title, h1, .h1, .homepage h2 {font-size: 20px;}
    .homepage-offer-desc {font-size: 15px;}
    .catalog-section .catalog-section-desc {padding-top: 20px; padding-bottom: 20px;}
    .products-carousel .product-item {width: 100%;}
    .tabs-default li {margin-right: 15px;}
    .config-promo-simple {padding: 12px;}

    .widget-icons table {display: block;}
    .widget-icons tr {display: flex; flex-wrap: wrap;}
    .widget-icons td {width: 50%;}

    .section-callback .callback-form-group {
        flex-direction: column;
        padding: 15px;
    }

    .callback-form-group .nice-select {
        width: 100%;
    }

    .callback-form-group > * {
        margin-bottom: 10px;
    }

    .item-contacts-left {
        padding: 0 15px 30px;
    }

    .wrap-full {padding-left: 15px; padding-right: 15px;}
    .door-type-item {
        display: flex;
        height: auto;
        text-align: left;
    }

    .door-type-item img {
        height: 90px;
        margin-right: 10px;
    }

    .door-type-title {
        font-size: 20px;
    }

    .door-type-desc .door-desc {
        font-size: 14px;
    }

    .grid-door-types .item {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .btn-menu-m {display: none;}
}
@media screen and (min-width: 1024px) {

    .footer-grid {
        justify-content: space-between;
        flex-wrap: nowrap !important;
    }
    .item-contacts-left {padding: 150px;}
    .top-menu .menu-item {
        white-space: nowrap;
    }
}


@media screen and (min-width: 1440px) {
    body {font-size: 17px;}

.wrap-full {padding-left: 70px; padding-right: 70px; max-width: 1750px; margin: auto;}
}