@media(max-width: 1440px) {
    header .menu-wrapper a {
        margin-right: 15px
    }

    header .contacts-wrapper .wrapper a {
        margin-left: 10px
    }

    header .logo {
        width: 100px
    }

    header .logo img {
        width: 100%
    }

    section.main-screen .text {
        font-size: 22px
    }

    header {
        padding: 15px 0
    }

    section.about .about-wrapper .scheme {
        width: 600px
    }

    section.about .about-wrapper .scheme img {
        width: 100%
    }

    section.about-facades .text-wrapper {
        width: 50%;
        padding-right: 0
    }

    section.about-facades .row-text .col img {
        width: 90%
    }

    section.about-facades .row-text .col i {
        padding-top: 380px
    }

    section.chars .chars-wrapper .char {
        flex-wrap: nowrap
    }

    section.collection h2 {
        font-size: 32px
    }
}

@media(max-width: 1200px) {
    header .menu-wrapper a {
        font-size: 13px;
        margin-right: 10px
    }

    header .menu-wrapper {
        margin-left: 40px
    }

    header .btn {
        padding: 10px;
        font-size: 13px;
        display: inline-flex;
        align-items: center
    }

    header .contacts-wrapper {
        align-items: flex-start
    }

    section.about .about-wrapper .scheme {
        width: 700px
    }

    section.about .about-wrapper .scheme {
        width: 550px
    }

    section.about-facades .image-wrapper {
        width: 50%
    }

    section.about-facades .image-wrapper img {
        width: 100%
    }

    section.about-facades .text-wrapper {
        font-size: 18px;
        padding-left: 40px
    }

    section.about-facades .slider-wrapper .image-wrapper {
        width: 430px
    }

    section.about-facades .row-text .col i {
        padding-top: 310px
    }

    section.about .about-wrapper {
        flex-direction: column-reverse
    }

    section.about .about-wrapper .text-wrapper {
        margin-top: 40px
    }

    section.about .about-wrapper .text-wrapper .btn {
        width: 100%;
        text-align: center
    }

    section.triggers-wrapper .container .item span {
        word-break: break-word
    }

    section.collection h2 {
        font-size: 28px
    }

    section.collection .row-item {
        align-items: center
    }

    section.collection .row-item .text-wrapper {
        min-height: auto
    }

    section.collection .row-item .text-wrapper b {
        font-size: 28px
    }

    section.collection .row-item .text-wrapper p {
        font-size: 18px
    }
}

@media(max-width: 1024px) {
    .btn-menu {
        display: inline-block;
        background: #0e6735
    }

    .btn-menu:before, .btn-menu:after, .btn-menu span {
        background: #fff
    }

    header .menu-wrapper.active {
        left: 0
    }

    header .menu-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, .9);
        top: 0;
        display: flex;
        flex-direction: column;
        padding-top: 60px;
        align-items: center;
        justify-content: center;
        transition: .3s;
        left: -100vw
    }

    header .menu-wrapper a {
        color: #000;
        font-size: 16px
    }

    header .menu-wrapper a:after {
        background: #0e6735
    }

    header .contacts-wrapper {
        margin-left: auto;
        margin-right: 15px
    }

    section.main-screen .text {
        right: 20px;
        font-size: 18px
    }

    section.about .plus-item .text {
        font-size: 16px
    }

    section.about-collection .container p {
        font-size: 18px
    }

    section.about-facades .text-wrapper {
        padding: 0
    }

    section.about-facades .row-text p, section.about-facades .row-text .col i, section.about-facades p.p {
        font-size: 16px
    }

    section.chars .chars-wrapper .col {
        padding: 45px 15px
    }

    section.pluses .pluses-row .pluses-wrapper .row {
        flex-direction: column;
        padding: 0;
        padding-left: 15px
    }

    section.pluses .pluses-row .pluses-wrapper .row .plus {
        padding: 0;
        margin-bottom: 15px;
        width: 100%
    }

    section.pluses .pluses-row .pluses-wrapper {
        width: 45%
    }

    section.pluses .pluses-row .pluses-wrapper .video-preview {
        width: 55vw
    }

    header .lang-switch {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: auto;
        display: none
    }

    header .menu-wrapper .lang-switch {
        display: block;
        margin: 0;
        margin-top: 40px
    }

    header .lang-switch:after {
        display: flex;
        align-items: center;
        margin-right: 3px
    }

    header .lang-switch .icon {
        z-index: 1
    }

    header .menu-wrapper {
        margin-left: 0
    }

    section.about-facades .image-wrapper {
        width: 100%;
        margin-bottom: 20px
    }

    section.triggers-wrapper .container {
        flex-direction: column
    }

    section.triggers-wrapper .container .item {
        width: 100%;
        margin-bottom: 20px
    }

    section.collection .row-item.reverse {
        flex-direction: column-reverse
    }

    section.collection .row-item {
        flex-direction: column-reverse
    }

    section.collection .row-item .image-wrapper {
        width: 100%;
        margin-bottom: 20px
    }
}

@media(max-width: 992px) {
    .pagetitle {
        font-size: 32px;
        line-height: 40px
    }

    section.about .about-wrapper .scheme {
        width: 100%
    }

    section.about .about-wrapper .pluses-wrapper {
        margin-top: 20px;
        width: 100%
    }

    section.about .plus-item .text {
        width: 100%
    }

    section.about .about-wrapper .plus-item.abs {
        width: 100%
    }

    section.about .plus-item .col {
        width: auto;
        margin-right: 15px
    }

    section {
        padding: 30px 0
    }

    section.about-facades .row-wrapper {
        flex-direction: column
    }

    section.about-facades .text-wrapper {
        width: 100%
    }

    section.about-facades .text-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    section.about-facades .text-wrapper p {
        font-size: 16px;
        margin: 15px 0
    }

    section.about-facades .row-text .col img {
        top: -110px
    }

    section.about-facades .row-text .col i {
        padding-top: 257px
    }

    section.collection h2 {
        font-size: 32px
    }

    section.collection .row-item .text-wrapper {
        flex-direction: column
    }

    section.collection .row-item .text-wrapper {
        width: 100%;
        padding: 0
    }

    section.collection .row-item .text-wrapper .image-wrapper {
        position: initial;
        width: 100%
    }

    section.collection .row-item .text-wrapper .image-wrapper {
        order: -1;
        margin-bottom: 40px
    }

    section.collection .row-item.reverse .text-wrapper {
        padding: 0
    }

    section.chars .chars-wrapper .col {
        width: 100%
    }

    section.chars .chars-wrapper .col .bg {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%)
    }

    section.chars .chars-wrapper .col:nth-child(2) .bg {
        left: 50%
    }

    footer .row-wrapper form.contact-form {
        margin-left: 0;
        margin-top: 40px
    }

    footer .row-wrapper .contacts-wrapper .contact {
        width: 430px
    }

    footer .bg-wrapper {
        background-size: cover
    }
}

@media(max-width: 768px) {
    .pagetitle .line:after {
        content: none
    }

    section.about-facades .text-wrapper p {
        width: 100%
    }

    section.about-facades .text-wrapper {
        margin-top: 40px
    }

    section.about-collection .container p {
        width: 100%
    }

    section.about-facades .row-text .col {
        width: 100%
    }

    section.about-facades .row-text {
        margin-top: 40px
    }

    section.about-facades .row-text .col img {
        position: initial
    }

    section.about-facades .row-text .col i {
        padding-top: 0
    }

    section.collection h2 {
        font-size: 23px
    }

    section.collection .row-item {
        margin-top: 0px
    }

    section.pluses .pluses-row .pluses-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0px
    }

    section.pluses .pluses-row .pluses-wrapper .video-preview {
        width: 100%;
        position: relative;
        display: block;
        height: 400px;
        left: initial;
        right: initial;
        order: -1;
        margin-bottom: 40px
    }

    section.main-screen .container .text-wrapper img {
        max-width: 100%
    }

    section.main-screen .container .text-wrapper h2 {
        font-size: 49px
    }

    .pluses .pagetitle {
        font-size: 19px;
        line-height: 20px
    }

    section.about-collection .container img {
        max-width: 100%
    }

    footer .row-wrapper .contacts-wrapper .contact {
        width: 100%
    }
}

@media(max-width: 568px) {
    header .logo {
        width: 80px;
        display: flex;
        align-items: center
    }

    header .btn {
        font-size: 12px;
        padding: 8px
    }

    header .contacts-wrapper .wrapper a {
        margin-left: 5px
    }

    header .container {
        padding: 0px 5px
    }

    header .contacts-wrapper {
        margin: auto
    }

    header .contacts-wrapper .wrapper {
        padding-top: 5px
    }

    .btn-menu {
        width: 34px;
        height: 34px
    }

    section.main-screen .container .text-wrapper h2 {
        font-size: 26px
    }

    section.main-screen .text {
        align-items: flex-end;
        padding-bottom: 40px
    }

    section.main-screen {
        height: 520px
    }

    .pagetitle {
        font-size: 26px;
        line-height: 28px;
        padding-left: 15px
    }

    section.about .about-wrapper .plus-item.abs {
        position: initial;
        margin-bottom: 10px
    }

    section.about-facades .image-wrapper {
        width: 100%
    }

    section.about-collection .container h3 {
        font-size: 28px
    }

    section.about-collection .container p {
        font-size: 16px
    }

    section.about-facades .slider-wrapper .image-wrapper {
        width: 280px
    }

    section.collection h2 {
        font-size: 20px
    }

    section.collection .row-item .text-wrapper {
        min-height: auto
    }

    section.collection .row-item .text-wrapper img {
        max-width: 100%
    }

    section.collection .row-item {
        margin-bottom: 40px
    }

    section.pluses .pluses-row .pluses-wrapper .video-preview {
        height: 280px
    }

    footer .row-wrapper .contacts-wrapper .contact, footer .row-wrapper .contacts-wrapper .contact.email {
        font-size: 16px
    }

    footer .row-wrapper .contacts-wrapper .contact {
        height: 70px;
        padding: 15px
    }

    footer .row-wrapper .contacts-wrapper {
        width: 100%
    }

    footer .row-wrapper form.contact-form {
        padding: 20px
    }

    footer .row-copyright {
        flex-direction: column
    }

    footer .row-copyright .copyright {
        width: 100%;
        margin-top: 20px
    }

    section.main-screen .container .text-wrapper h2, section.main-screen .container .text-wrapper h2 b {
        font-size: 22px;
        text-align: center;
    }

    section.about .about-wrapper img {
        max-width: 100%
    }

    header .contacts-wrapper {
        margin: 0
    }

    section.about .about-wrapper .text-wrapper .list {
        grid-template-columns: 100%
    }
    
    footer .bg-wrapper {
        background-position: center; 
    }
    
    footer .row-wrapper .contacts-wrapper .contact {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    
    section.main-screen .container .text-wrapper h1 {
        font-size: 24px;
    }
    
    section.main-screen .container .text-wrapper h1 span {
        text-align: center;
    }
    
    section.main-screen .container .text-wrapper h1 b {
        font-size: 32px;
        text-align: center;
    }
}