@media (min-aspect-ratio: 16/9) {
    /* #videoFS {
        width: 100%;
        height: auto;
    } */
}

@media (max-aspect-ratio: 16/9) {
    /* #videoFS {
        width: auto;
        height: 100%;
    } */
}

/* md */
@media (max-width: 1500px) {

    header {padding-top: 25px;}
    header .logo {width: 100px; height: 74px; top: 15px; left: 30px;}
    header nav {text-align: right;}

    h1 {font-size: 50px; margin-bottom: 20px;}
    h2 {}
    h3 {font-size: 20px;}

    p {font-size: 14px;}

    #home .text {width: 320px;}

    header .def-nav-btn {padding: 0 25px;}

    #benefits .text {margin-top: 0;}

    #technology .wrapper {width: auto;}
    #technology .col {display: inline-block; width: 350px; vertical-align: top;}
    #technology .col:first-child {margin-right: 40px;}

    .pricelist .content {padding: 120px 0 100px;}
    .pricelist .col {font-size: 14px;}

    #contacts .content {bottom: 210px;}
    #contacts .content .wrapper:first-child {width: 400px !important;}
    #contacts .content a img {width: 50px;}
    #map {height: 200px;}
    
}

@media (max-width: 1400px) {

    
}

/* md */
@media (max-width: 1200px) {

    /* MENU */ 
    header {font-size: 16px;}
    header #respMenuBtn {display: block;}

    header nav {display: none; position: absolute; top: 15px; right: 15px; padding: 35px 30px 0; border-radius: 15px; border-top-right-radius: 0; text-align: right; background-color: rgba(0,0,0,.9);}

    header .def-nav-btn {max-width: none; margin: 0; padding: 0; display: block; text-shadow: none; text-align: center;}
    header .def-nav-btn:after {display: none;}
    header .contacts-btn {position: static; font-weight: 500;}
    /* --  MENU -- */ 

    #benefits .right-side h1 {margin-bottom: 30px;}
}

/* sm */
@media (max-width: 992px) {
    


}

/* xs */
@media (max-width: 768px) {

    header .logo {width: 80px; height: 59px; top: 15px; left: 15px;}

    .content {padding-top: 50px;}
    .section {background-position: center !important;}

    h1 {font-size: 36px; line-height: 36px;}
    h2 {font-size: 28px; line-height: 28px; margin-bottom: 10px;}
    /*h3 {font-size: 28px; line-height: 28px;}*/
    p {font-size: 14px;}

    .def-btn {font-size: 18px; height: 30px; line-height: 30px; padding: 0 20px;}


    #home {background-image: url('../images/home-mobile-bgr.jpg');}
    #benefits {background-image: url('../images/benefits-mobile-bgr.jpg');}
    #benefits2 {background-image: url('../images/benefits2-mobile-bgr.jpg');}
    #procedure {background-image: url('../images/procedure-mobile-bgr.jpg');}
    #technology {background-image: url('../images/technology-mobile-bgr.jpg');}
    #feedback {background-image: url('../images/feedback-mobile-bgr.jpg');}
    #contacts {background-image: url('../images/contacts-mobile-bgr.jpg');}

    #home .text {margin: 0 auto; width: 320px;}
    #benefits .text {margin: 0 auto; width: 320px;}
    #benefits2 .text {margin: 0 auto; width: 320px;}

    #feedback .t-uline {padding-bottom: 20px !important;}
    #feedback img {width: 180px;}

    .pricelist .content {padding-left: 20px; padding-right: 20px;}
    .pricelist .col {width: 100%; max-width: 400px;}
    .pricelist .c1 {margin-bottom: 50px; margin-right: 0;}
    .pricelist ul li {margin-bottom: 5px;}

    #technology .wrapper {width: 80%; max-width: 400px; margin: 0 auto;}
    #technology .col {width: 100%;}
    #technology .content {padding-bottom: 120px; padding-top: 140px;}
    #technology .col:first-child {margin-right: 0; margin-bottom: 20px;}

    #procedure .wrapper, #feedback .wrapper {width: 90%; max-width: 400px; padding: 0 40px;}
    #procedure .cta, #feedback .cta {margin-top: 20px; font-size: 14px;}

    #contacts .content {bottom: 190px;}
    #contacts .content .wrapper:first-child {width: auto !important;}
    #contacts .contact-info {margin-top: 20px;}
    #contacts .ci-cell {margin: 0 8px;}
    #contacts .ci-cell p {font-size: 9px;}
    #contacts .t-uline {padding: 0;}
    #contacts .t-uline:after {display: none;}
    #map {height: 180px;}
}

@media (max-width: 460px) {

}