@media(max-width: 1200px) {
    section.about-us .grid {
        grid-template-columns:100%;
        gap:30px
    }
    section.about-us .grid .video {
        height:350px
    }
}
@media(max-width: 992px) {
    header .menu.desktop {
        display:none
    }
    header .logo {
        margin-right:auto
    }
    header a.contact.desktop {
        margin-right:15px
    }
    header .mobile-menu {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        position:fixed;
        left:-100vw;
        top:0;
        width:100%;
        height:100%;
        background:#000918;
        z-index:-1;
        padding:80px 40px;
        transition:.4s
    }
    header .mobile-menu .menu {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:25px;
        margin-bottom:25px
    }
    header .mobile-menu .menu a {
        margin:0;
        font-size:22px
    }
    header .mobile-menu.active {
        left:0
    }
    header .btn-menu {
        display:inline-block
    }
    section.our-services .service-grid {
        grid-template-columns:50% 50%;
        grid-template-rows:230px 230px 230px
    }
    section.our-services .service-grid .item:first-child {
        grid-row:initial;
        grid-column:2 span
    }
    section.about-us .grid .glosspoint .row {
        flex-direction:column
    }
    section.about-us .grid .glosspoint .row .test-wrapper {
        width:100%;
        padding-right:0;
        padding-bottom:30px
    }
    section.about-us .grid .glosspoint .row .image {
        width:100%;
        margin-bottom:30px
    }
    section.about-us .grid .glosspoint .row .image img {
        width:100%
    }
    section.faq .faq-wrapper {
        flex-direction:column;
        padding-right:0
    }
    section.faq .faq-wrapper .image-wrapper {
        width:100%;
        height:320px
    }
    section.faq .faq-wrapper .ps-wrapper {
        width:100%
    }
    section.contacts .container {
        justify-content:center
    }
    footer .container {
        flex-direction:column;
        gap:30px
    }
}
@media(max-width: 768px) {
    section.main-screen .pagetitle {
        font-size:52px
    }
    section.main-screen p {
        font-size:18px
    }
    .pagetitle {
        font-size:52px
    }
    section.main-screen .btn-wrapper {
        flex-direction:column;
        gap:30px;
        margin-top:30px
    }
}
@media(max-width: 568px) {
    section.main-screen .scroll {
        display:none
    }
    section.our-services .service-grid {
        grid-template-columns:100%;
        grid-auto-rows:230px;
        grid-template-rows:auto
    }
    section.our-services .service-grid .item:first-child {
        grid-column:auto;
        grid-row:auto
    }
    section.our-services .service-grid .item {
        height:230px
    }
    section.about-us .grid .glosspoint .row .icons-wrapper {
        gap:15px
    }
    section.slider-sect .image {
        width:280px;
        height:280px
    }
    section.contacts .card {
        padding:20px
    }
    .modal .card {
        padding:20px
    }
    .modal .card .pagetitle.sm {
        font-size:32px
    }
}