@media (min-width: 1201px) {
    .services .row > div:first-child {
        padding-right: 35px;
    }
    .services .row > div:last-child {
        padding-left: 35px;
    }
}

@media (max-width: 1200px) {
    .sro-item {
        width: 170px;
    }
    .map-legend {
        justify-content: start;
    }
    .map-legend > div {
        width: 25%;
    }
    .header-logo {
        margin-right: 25px;
    }
    .header-phone {
        margin-left: 25px;
        font-size: 18px;
    }
    .header-menu-item,
    header .top-menu a {
        font-size: 14px;
    }
    .index-slider-title {
        font-size: 36px;
    }
    .index-slider-content,
    .index-slider-next {
        top: 100px;
    }
    .index-slider-next {
        bottom: 100px;
    }
}

@media (max-width: 991px) {
    .services .row > div:first-child > a:last-child {
        border-bottom: none;
    }
    .sro-item {
        width: 220px;
    }
    .map-legend > div {
        width: 33%;
    }
    .logo-list > img {
        margin: 15px 24px;
    }
    .header {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .header-logo > img {
        height: 40px;
    }
    .header-phone {
        margin-left: 0;
    }
    .partner-slider-item {
        flex-direction: column;
    }
    .partner-slider-data {
        margin: 0 0 20px 0;
    }
    .index-slider-title {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .index-slider-content,
    .index-slider-next {
        top: 90px;
    }
    .index-slider-next {
        bottom: 90px;
    }
    .index-slider-num {
        margin-bottom: 15px;
    }
    .index-slider-content {
        padding-left: 15px;
        padding-right: 215px;
        font-size: 14px;
    }
    .index-slider-left {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .map-legend > div {
        width: auto;
    }
    .logo-list > img {
        margin: 5px 18px;
    }
    .popup-content {
        padding: 60px 40px 60px 40px;
    }
    .footer-logo, .footer-phone {
        display: none;
    }
    .sro-item {
        width: 30%;
    }
    .index-slider-content, .index-slider-next {
        top: 72px;
    }
    .index-slider-num {
        margin-bottom: 5px;
        font-size: 32px;
    }
    .index-slider-next {
        width: 140px;
        bottom: 70px;
    }
    .index-slider-content {
        padding-right: 155px;
        font-size: 12px;
    }
    .index-slider-title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .title-water {
        display: none;
    }
}

@media (max-width: 575px) {
    .index-slider-num,
    .index-slider-link,
    .index-slider-next {
        display: none !important;
    }
    .index-slider-content {
        padding-right: 50px;
    }


    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 24px;
    }
    .popup-content {
        padding: 20px 20px 20px 20px;
        font-size: 14px;
        margin-top: 0 !important;
    }
    .popup-title {
        font-size: 24px;
        color: #223241 !important;
        margin-bottom: 30px !important;
    }
    .logo-list > img {
        margin: 20px;
    }
    .header-phone {
        display: none;
    }
}



@media (max-width: 991px) {
    header {
        background: rgba(0,0,0,0.2);
        position: fixed;
    }
    .header-logo {
        margin: 0;
    }
    .btn-mmenu {
        display: inline-block;
        z-index: 3;
    }
    .header-menu,
    header .top-menu {
        position: fixed;
        top: 0px;
        left: 0;
        bottom: 100vh;
        right: 0px;
        background: #fff;
        color: #223241;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: flex-start;
        padding: 0 30px;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    body.open-menu .header-menu,
    body.open-menu header .top-menu {
        bottom: 0px;
        padding: 60px 30px 30px;
    }
    body.open-menu .btn-mmenu {
        color: #223241 !important;
    }

}