@media (min-width: 2400px) {
    #benefits {margin-bottom: 620px;}
}

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

    h1 {font-size: 100px; line-height: 100px;}
    h2 {font-size: 46px; line-height: 42px; margin-bottom: 30px;}
    p, #procedure .cta, #feedback .cta {font-size: 18px;}

    header {font-size: 18px; padding-top: 40px; line-height: normal; font-weight: normal;}
    header .logo {width: 80px; height: 59px;}
    header .def-nav-btn {margin: 0 30px;}
    header .contacts-btn {top: 46px;}

    header.yellow .logo {background-position: 0 -59px;}

    .content {padding-top: 80px;}
    
    #home .wrapper, 
    #technology .wrapper, 
    #benefits .wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }
    
    #home .wrapper,
    #technology .wrapper {padding-right: 10%;}
    
    #benefits {margin-bottom: 0;}
    #benefits h2 {margin-bottom: 10px;}
    #benefits p {margin-bottom: 30px;}
    
    #contacts .content {padding-bottom: 300px;}
    #contacts .wrapper h2 {margin-bottom: 20px;}
    #contacts .wrapper a img {width: 50px;}
}

@media (max-width: 1400px) {
    
    #benefits {margin-bottom: 60px;}
    
    .def-btn {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
}

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

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

    header nav {display: none; position: absolute; top: 15px; right: 15px; z-index: 9999999; padding: 10px 20px; border-radius: 22px; border-top-right-radius: 0; text-align: right; background-color: #fff;}
    header nav a, header nav a:hover, header nav a:focus {color: #2da6bf;}

    header .def-nav-btn {max-width: none; margin: 0 0 10px 0; display: block;}
    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) {

    body {background-image: none;}
    
    h1 {font-size: 25px; line-height: 25px;}
    h2 {font-size: 25px; line-height: 25px; margin-bottom: 15px;}
    p, #procedure .cta, #feedback .cta {font-size: 14px;}

    .content {padding-top: 50px;}

    p {font-size: 14px;}

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

    header {font-size: 14px;}
    header .logo {top: 15px; left: 15px;}
    
    .section {background-position: center; background-size: cover; background-repeat: no-repeat;}
    
    #home {background-image: url('../images/bgr-mobile.png'); background-size: cover; background-position: center bottom;}
    #home .wrapper {width: 50%;}
    #home h1 span {font-size: 18px; margin-left: 3px;}
    
    #benefits {background-image: url('../images/benefits-bgr-mobile.png'); background-size: 100% auto; background-position: center top;}
    #benefits .wrapper {width: 100%;}
    #benefits .content {padding-top: 100px;}
    #benefits p {margin-bottom: 20px;}
    #benefits .inner-cta .def-btn {padding: 0 10px; font-size: 14px;}
    
    #technology {background-image: url('../images/technology-bgr-mobile.png'); background-size: 100% auto; background-position: center 130%;}
    /*#technology {background-image: url('../images/technology-bgr_test.png'); background-size: 100% auto; background-position: center 130%;}*/
    #technology .wrapper {width: 100%; text-align: center; position: absolute; top: 15%; left: 0;}
    
    #procedure .bgr-c {display: block;}
    /*#procedure {background-image: url('../images/procedure-bgr-mobile.png');}*/
    #procedure .wrapper, #feedback .wrapper {width: 100%;}
    #procedure .cta, #feedback .cta {font-size: 14px;}
    
    /*#feedback {background-image: url('../images/feedback-bgr-mobile.png'); background-size: 100% 100%;}*/
    #feedback {background-image: none;}
    /*#feedback {background-image: url('../images/feedback-bgr-mobile_test.png'); background-size: 100% auto; background-position: center top;}*/
    #feedback .wrapper img {width: 100%;}
    #feedback .wrapper p {margin: 20px 0;}
    #feedback .name {font-size: 18px;}
    
    #contacts .fp-tableCell {padding-bottom: 120px;}
    #contacts .content {padding-bottom: 0;}
    #contacts .content h2 {font-size: 42px; line-height: 42px;}
    #contacts .content a {margin: 0 10px 0 0;}
    #contacts .content a img {width: 40px;}
    #contacts .contacts {position: static; padding: 0 20px; margin-top: 30px;}
    #contacts .contacts .dpiblock {display: block;}
    #contacts .contacts p {margin-top: 10px; margin-bottom: 10px;}
    
    #home .wrapper, #technology .wrapper {
        padding-right: 5%;
    }
    
    #map {height: 120px;}

    #home .cta,
    #technology .cta {display: block;}
    
    .section .inner-cta {text-align: center;}

    .slide-ctrl-arrows .arrow-left {left: 30px;}
    .slide-ctrl-arrows .arrow-right {right: 30px;}
    .arrow-up {border-left-width: 16px; border-right-width: 16px; border-bottom-width: 24px;}
    .arrow-down {border-left-width: 16px; border-right-width: 16px; border-top-width: 24px;}
    .arrow-right {border-top-width: 16px; border-bottom-width: 16px; border-left-width: 24px;}
    .arrow-left {border-top-width: 16px; border-bottom-width: 16px; border-right-width: 24px;}
}

@media (max-width: 460px) {

}