@media screen and (min-width: 1921px) {
    body, html {
        /* font-size: 1vw; */
    }
}
@media screen and (min-width: 1601px) {
    div[class*="col"].col-ulg-12 { max-width: 100%;} div[class*="col"].col-ulg-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-ulg-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-ulg-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-ulg-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-ulg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-ulg-6 { max-width: calc(100% / 2);} div[class*="col"].col-ulg-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-ulg-4 { max-width: calc(100% / 3);} div[class*="col"].col-ulg-3 { max-width: calc(100% / 4);} div[class*="col"].col-ulg-2 { max-width: calc(100% / 6);} div[class*="col"].col-ulg-1 { max-width: calc(100% / 12);}
    
    .o-ulg-1 {order: 1;} .o-ulg-2 {order: 2;} .o-ulg-3 {order: 3;} .o-ulg-4 {order: 4;} .o-ulg-5 {order: 5;} .o-ulg-6 {order: 6;} .o-ulg-7 {order: 7;} .o-ulg-8 {order: 8;} .o-ulg-9 {order: 9;} .o-ulg-10 {order: 10;} .o-ulg-11 {order: 11;} .o-ulg-12 {order: 12;} .o-ulg-13 {order: 13;} .o-ulg-14 {order: 14;} .o-ulg-15 {order: 15;} .o-ulg-16 {order: 16;}
    
    .scrn-xlg {display: none!important;} .scrn-lg {display: none!important;} .scrn-md {display: none!important;} .scrn-sm {display: none!important;} .scrn-xsm {display: none!important;} .scrn-ulg {display: inherit!important;}
}
@media screen and (max-width: 1380px) {

}
@media screen and (max-width: 1200px) {
    div[class*="col"].col-lg-12 { max-width: 100%;} div[class*="col"].col-lg-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-lg-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-lg-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-lg-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-lg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-lg-6 { max-width: calc(100% / 2);} div[class*="col"].col-lg-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-lg-4 { max-width: calc(100% / 3);} div[class*="col"].col-lg-3 { max-width: calc(100% / 4);} div[class*="col"].col-lg-2 { max-width: calc(100% / 6);} div[class*="col"].col-lg-1 { max-width: calc(100% / 12);}
    
    .o-lg-1 {order: 1;} .o-lg-2 {order: 2;} .o-lg-3 {order: 3;} .o-lg-4 {order: 4;} .o-lg-5 {order: 5;} .o-lg-6 {order: 6;} .o-lg-7 {order: 7;} .o-lg-8 {order: 8;} .o-lg-9 {order: 9;} .o-lg-10 {order: 10;} .o-lg-11 {order: 11;} .o-lg-12 {order: 12;} .o-lg-13 {order: 13;} .o-lg-14 {order: 14;} .o-lg-15 {order: 15;} .o-lg-16 {order: 16;}
    
    .scrn-ulg {display: none!important;} .scrn-xlg {display: none!important;} .scrn-md {display: none!important;} .scrn-sm {display: none!important;} .scrn-xsm {display: none!important;} .scrn-lg {display: inherit!important;}
    
    nav .nav-logo { max-width: 2rem;}
    nav .nav-sub { max-width: calc(100% - 2rem - var(--main-gap-05) * 3 - 5rem - 14rem);}

    :root { --size-nav: 3rem;}
    nav .nav-sub {
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 100%;
        left: 0;
        height: 100%;
        order: 12;
        min-height: 100vh;
        flex-flow: column;
        display: none;
    }
    nav .nav-sub ul.nav-sub-list {
        display: flex;
        flex-flow: column;
        background: white;
    }
    nav .nav-sub-list .nav-el {
        width: 100%;
        height: fit-content;
        min-height: auto;
    }
    nav .nav-contacts { margin-left: auto;}
    nav.--alt { border-radius: 0;}
    nav .nav-el-sub.--active, nav .nav-el-sub, .nav-el:hover .nav-el-sub { display: none;}
    
    nav .nav-menu {
        width: var(--size-nav);
        height: var(--size-nav);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 0;
    }
    .nav-menu .btn, .nav-menu .btn:hover, .nav-menu .btn:active {
        display: flex;
        position: relative;
        padding: .5rem;
        cursor: pointer;
        width: 50px;
        min-width: auto;
        box-shadow: none;
        transform: none;
        margin: 0;
        background: transparent;
        border: 0;
        transform: translateX(.5em);
        z-index: 100;
    }
    .nav-menu .btn:after, .nav-menu .btn:before {
        display: none;
    }
    .nav-menu .btn i.icn-menu:before, .nav-menu .btn i.icn-menu:after {
        background: var(--clr-text-sub);
        position: absolute;
        content: '';
        width: 100%;
        height: .25em;
        width: calc(100% - 1em);
        left: 0;
        transition: var(--trns-15);
        left: .5em;
        border-radius: var(--r-4);
    }
    .nav-menu .btn i.icn-menu:before { top: calc(50% - .125em - .4em);}
    .nav-menu .btn i.icn-menu:after { top: calc(50% - .125em + .4em);}
    
    .nav-menu .btn.menu-close i.icn-menu:before {
        top: calc(50% - .125em);
        transform: rotateZ(45deg);
    }
    .nav-menu .btn.menu-close i.icn-menu:after {
        top: calc(50% - .125em);
        transform: rotateZ(-45deg);
    }

}
@media screen and (max-width: 1080px) {
    div[class*="col"].col-md-12 { max-width: 100%;} div[class*="col"].col-md-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-md-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-md-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-md-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-md-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-md-6 { max-width: calc(100% / 2);} div[class*="col"].col-md-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-md-4 { max-width: calc(100% / 3);} div[class*="col"].col-md-3 { max-width: calc(100% / 4);} div[class*="col"].col-md-2 { max-width: calc(100% / 6);} div[class*="col"].col-md-1 { max-width: calc(100% / 12);}
    
    .o-md-1 {order: 1;} .o-md-2 {order: 2;} .o-md-3 {order: 3;} .o-md-4 {order: 4;} .o-md-5 {order: 5;} .o-md-6 {order: 6;} .o-md-7 {order: 7;} .o-md-8 {order: 8;} .o-md-9 {order: 9;} .o-md-10 {order: 10;} .o-md-11 {order: 11;} .o-md-12 {order: 12;} .o-md-13 {order: 13;} .o-md-14 {order: 14;} .o-md-15 {order: 15;} .o-md-16 {order: 16;}
    
    .scrn-ulg {display: none!important;} .scrn-xlg {display: none!important;} .scrn-lg {display: none!important;} .scrn-sm {display: none!important;} .scrn-xsm {display: none!important;} .scrn-md {display: inherit!important;}
    
    .modal[id*="modal-work-"] .modal__container.modal__container_md { max-width: 38rem;}
}

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

}
@media screen and (min-width: 1200px) {
    nav .nav-menu { display: none;}
}
@media screen and (max-width: 734px) {
    div[class*="col"].col-sm-12 { max-width: 100%;} div[class*="col"].col-sm-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-sm-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-sm-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-sm-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-sm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-sm-6 { max-width: calc(100% / 2);} div[class*="col"].col-sm-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-sm-4 { max-width: calc(100% / 3);} div[class*="col"].col-sm-3 { max-width: calc(100% / 4);} div[class*="col"].col-sm-2 { max-width: calc(100% / 6);} div[class*="col"].col-sm-1 { max-width: calc(100% / 12);}
    
    .o-sm-1 {order: 1;} .o-sm-2 {order: 2;} .o-sm-3 {order: 3;} .o-sm-4 {order: 4;} .o-sm-5 {order: 5;} .o-sm-6 {order: 6;} .o-sm-7 {order: 7;} .o-sm-8 {order: 8;} .o-sm-9 {order: 9;} .o-sm-10 {order: 10;} .o-sm-11 {order: 11;} .o-sm-12 {order: 12;} .o-sm-13 {order: 13;} .o-sm-14 {order: 14;} .o-sm-15 {order: 15;} .o-sm-16 {order: 16;}
    
    .scrn-ulg {display: none!important;} .scrn-xlg {display: none!important;} .scrn-lg {display: none!important;} .scrn-md {display: none!important;} .scrn-xsm {display: none!important;} .scrn-sm {display: inherit!important;}
    
    .h2, h2 {
        font-size: 2rem;
        line-height: 1.15;
    }
    .h2 + .subtitle, h2 + .subtitle {
        font-size: 1.25rem;
    }
    
    .h3, h3 {
        font-size: 1.5rem;
        line-height: 1.15;
    }
    
    :root {
        --main-gap: 1rem;
        --main-gap-05: .5rem;
    }
    
    section {
        padding: calc(var(--clear) / 2) 0;
    }
    
    .terms {
        text-align: left;
    }
    .logo-area p {
        display: inline;
    }
    
    .swiper-slide.slide-products {
        width: fit-content;
    }
    .container.overset .swiper.slider-products {
        padding: 1rem;
    }
    .swiper-slide.slide-products img {
        max-width: 18rem;
        max-height: 20rem;
    }
    .btn {
        min-width: calc(17rem - 4.5rem);
    }
    .about-partners {
        min-height: 14rem;
    }
    .box { padding: calc(var(--main-gap) * 1.5) calc(var(--main-gap) * 1);}
    .schem-video { border-radius: 0;}
    .contacts-box .schem .adres {
        height: auto;
        width: 100%;
        margin: 0;
        max-width: 100%;
        border-radius: var(--r-2) var(--r-2) 0 0;
    }
    
    .modal form {
        display: flex;
        flex-flow: column;
        width: 100%;
        gap: 1rem;
    }
    .input-radio-wrap {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        gap: .5rem;
    }
    div[class*="col-main"], div[class*="col-comment"], div[class*="col-submit"] { gap: 1rem;}
    
    .h2.h-acnt, h2.h-acnt {
        --fnt-wght: 500;
        font-size: 6rem;
    }
    .utp-dscr-head:after { font-size: 3rem;}
    .utp-dscr-sub, .utp-dscr-head { padding-left: 3rem;}
    .utp-dscr-head { font-size: 1.25rem;}
    
    .uslugi .icn { height: 3rem;}
    .uslugi .icn img { height: 3rem; width: 3rem;}
    .uslugi a.box p {
        min-height: auto;
        font-size: 1.25rem;
        line-height: 1.15;
        color: var(--clr-text-sub);
    }
    .uslugi a.box { min-height: auto; border-radius: var(--r-2);}
    .uslugi .price {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    
    .swiper-slide.slide-work { width: calc(100% / 2)}
    .swiper .shadow { display: none;}
    
    .article .article-icn {
        max-width: 7rem;
        min-height: 7rem;
        max-height: 7rem;
        padding: 1rem;
    }
    
    .first-screen-video {
        height: 16rem;
        transform: none;
        border-radius: 0 0 var(--r-2) var(--r-2);
        width: calc(100% + 2rem);
        max-width: calc(100% + 2rem);
        margin: -3rem -1rem 0 -1rem;
    }
    .first-screen h1 { font-size: 2.25rem;}
    .first-screen h1 + .subtitle { font-size: 1.5rem;}
    .first-screen .list-point li { font-size: 1rem;}
    .u-about-wrap { gap: 1rem; border-radius: 0;}
    .u-about .box .num { font-size: 3rem;}
    .u-about .box { min-height: auto;}
    .u-about .container { padding: 0;}
    .tools .img-wrap.--l, .tools .img-wrap.--r, .tools .box.--l, .tools .box.--r { transform: none;}
    .tools .box[data-theme="white"] { padding: 1.5rem; border-radius: var(--r-2);}
    .tools .img-wrap { flex-flow: column;}
    .img-wrap .onimg-wrap, .img-wrap .onimg-wrap.--l, .img-wrap .onimg-wrap.--r, .img-wrap .onimg-wrap.--t, .img-wrap .onimg-wrap.--b {
        position: relative;
        width: 100%;
        flex-flow: wrap !important;
        bottom: auto;
        left: auto;
        top: auto;
        right: auto;
        gap: .25rem;
    }
    .img-wrap .onimg-wrap .box[data-theme="white"] {
        padding: .5rem 1rem;
        border-radius: var(--r-4);
        height: fit-content;
    }
    .img-wrap .onimg-wrap .box img { width: 2rem;}
    .tools .row { gap: 1.5rem 0;}
    
    
    .work-dscr { gap: 1rem;}
    .work-img { justify-content: center; position: relative;}
    
    .work-img .slider-arrow { left: -2.25rem; width: 3rem; transform: none;}
    .work-img .slider-arrow:after { transform: scale(.8);}
    .work-img .slider-arrow.--next:after { transform: scale(.8) rotate(180deg);}
    .work-img .slider-arrow.--next { left: auto; right: -2.25rem;}
}
@media screen and (max-width: 512px) {
    div[class*="col"].col-xsm-12 { max-width: 100%;} div[class*="col"].col-xsm-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-xsm-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-xsm-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-xsm-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-xsm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-xsm-6 { max-width: calc(100% / 2);} div[class*="col"].col-xsm-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-xsm-4 { max-width: calc(100% / 3);} div[class*="col"].col-xsm-3 { max-width: calc(100% / 4);} div[class*="col"].col-xsm-2 { max-width: calc(100% / 6);} div[class*="col"].col-xsm-1 { max-width: calc(100% / 12);}
    
    .o-xsm-1 {order: 1;} .o-xsm-2 {order: 2;} .o-xsm-3 {order: 3;} .o-xsm-4 {order: 4;} .o-xsm-5 {order: 5;} .o-xsm-6 {order: 6;} .o-xsm-7 {order: 7;} .o-xsm-8 {order: 8;} .o-xsm-9 {order: 9;} .o-xsm-10 {order: 10;} .o-xsm-11 {order: 11;} .o-xsm-12 {order: 12;} .o-xsm-13 {order: 13;} .o-xsm-14 {order: 14;} .o-xsm-15 {order: 15;} .o-xsm-16 {order: 16;}
    
    .scrn-ulg {display: none!important;} .scrn-xlg {display: none!important;} .scrn-lg {display: none!important;} .scrn-md {display: none!important;} .scrn-sm {display: none!important;} .scrn-xsm {display: inherit!important;}
    
    .footer-nav.cl-2 li {
        max-width: 100%;
    }
    
    .steps-list ul {
        flex-flow: column;
        gap: 1rem;
    }
    .steps-list ul li {
        max-width: 100%;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        line-height: 1.15;
    }
    .steps-list ul li:before {
        margin: 0;
        width: calc(3rem + 2vw);
        height: calc(3rem + 2vw);
        min-width: calc(3rem + 2vw);
        min-height: calc(3rem + 2vw);
    }
    .steps-list ul li:after, .steps-list ul li:first-child:after {
        left: calc((3rem + 2vw) / 2);
        width: 1px;
        height: 100%;
    }
    .steps-list ul li:last-child:after {
        display: none;
    }
    .container.steps + .container {
        padding: 0 var(--main-gap);
    }
    
    .main-form div[class*="col-main"], .main-form div[class*="col-comment"] {
        max-width: 100%;
    }
    .footer-nav li.link-icn {
        max-width: 3.5rem;
    }
    .footer-nav li.link-icn svg, .footer-nav li.link-icn img {
        max-height: 3rem;
    }
    
    .about .container {
        padding: 0;
    }
    .about-wrap {
        border-radius: 0;
        box-shadow: none;
    }
    .about-content .box {
        backdrop-filter: none;
        border: none;
        gap: 2rem;
        background: var(--clr-tr);
    }
    .about-content .schem {
        margin-bottom: 0;
        border-radius: 0;
    }
    .about-content .schem .schem-video {
        width: 18rem;
        height: 20rem;
        object-fit: cover;
        object-position: center;
        margin: 0 auto;
        border-radius: var(--r-3);
        margin-bottom: 1rem;
    }
    .schem .adres {
        position: relative;
        width: 18rem;
        top: auto;
        left: auto;
        margin: 0 auto;
        z-index: 0;
        margin-bottom: -3rem;
        padding-bottom: 4rem;
        background: var(--clr-white);
    }
    
    .swiper-slide.slide-work { width: 15rem;}
    button[type="submit"], .btn {
        width: min-content;
        box-sizing: border-box;
        max-width: 100%;
        min-width: calc(100% - 4.5rem);
    }
    .schem.schem-modal video.schem-video { height: 22rem;}
}
@media screen and (max-width: 480px) {

}    
@media screen and (max-width: 380px) {
    .slide-work .box {
        max-width: 15rem;
    }
    .h2, h2 { font-size: 1.5rem;}
}

@media screen and (min-width: 1401px) {
    header {
        display: none;
    }
    .header-nav {
        position: fixed;
        transform: translateY(-4rem);
        transition: .15s ease;
    }
    .header-nav.--active {
        transform: translateY(0);
    }
}
@media screen and (max-width: 1400px) {

    .onvideo-header-wrap {
        display: none;
    }
    .video-spectr video {
        margin: 0;
    }
    .onvideo-header-title {
        top: 0;
    }
    .header-nav {
        width: 600px;
    }
    .link-ribbon[data-num="11"] { left: 33%;}
}

@media screen and (min-width: 1367px) {
    .video-spectr-wrap {          
        --font-size-ribbon: .85rem;
    }
}
@media screen and (min-width: 901px) {
    .main-page {
        display: none;
    }
}
@media screen and (max-width: 900px) {

    .main-page {
        display: flex;
        flex-flow: column;
    }
}