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

    .inner-block,
    .comments-section .inner-block {
        width: 980px;
    }

    .header-contacts {
        padding: 32px 0 0 20px;
    }

    .page .top-menu {
        padding-top: 32px;
    }

    .top-info__complexes-list {
        top: 32px;
    }

    .page .top-menu li {
        padding: 0 10px 0 0;
    }

    .header-contacts a,
    .page .top-menu li a {
        font-size: 14px;
    }

    .stylish-select .selectedTxt {
        font-size: 16px;
    }

    .top-info__tel {
        margin: 0 20px 0 0;
    }

    .top-info__tel:nth-of-type(2) {
        margin: 0;
    }

    .select-language {
        padding: 25px 0 0 100px;
    }

    .about-box .video-box {
        width: 750px;
    }

    .about-box .info {
        width: 565px;
        font-size: 11px;
        line-height: 15px;
        padding: 55px 40px 50px;
    }

    .about-box .info .row {
        padding: 24px 0 40px;
    }

    .about-box .info .row .advantage {
        width: 107px;
        height: 80px;
    }

    .about-box .info .row .advantage.item-1:after {
        width: 25px;
        height: 25px;
    }

    .about-box .info .row .advantage.item-2:after {
        width: 22px;
        height: 23px;
    }

    .about-box .info .row .advantage.item-3:after {
        width: 26px;
        height: 26px;
    }

    .about-box .info .row .advantage.item-4:after {
        width: 26px;
        height: 26px;
    }

    .about-box .info p {
        padding: 0 0 15px;
    }

    .general-plan-section {
        padding: 0 0 100px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-1 {
        bottom: 55px;
        left: 195px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-2 {
        bottom: 120px;
        left: 200px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-3 {
        bottom: 163px;
        left: 407px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-4 {
        top: 270px;
        left: 378px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-5 {
        top: 95px;
        left: 615px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-6 {
        bottom: 236px;
        left: 588px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-7 {
        bottom: 110px;
        left: 707px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-8 {
        bottom: 40px;
        left: 735px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-9 {
        bottom: 180px;
        left: 615px;
    }

    .general-plan-section .plan-block .slide-icon-box.p-10 {
        bottom: 270px;
        left: 815px;
    }

    .general-plan-section .inner-block .info {
        padding: 57px 30px 47px;
    }

    .general-plan-section .inner-block .info article {
        font-size: 13px;
    }

    .general-plan-section .inner-block .info article.item-1 .time:after {
        width: 95px;
    }

    .general-plan-section .inner-block .info article.item-2 .time:after {
        width: 75px;
    }

    .general-plan-section .inner-block .info article.item-3 .time:after {
        width: 75px;
    }

    .general-plan-section .inner-block .info article.item-4 .time:after {
        width: 65px;
    }

    .technologies-section {
        padding: 0 0 200px;
    }

    .technologies-section figure {
        right: -440px;
    }

    .technologies-section article.item-2,
    .technologies-section article.item-3 {
        animation-delay: 0s;
    }

    .about-box .info .row {
        padding: 24px 0 30px;
    }

    .comment-box .title .name {
        font-size: 22px;
    }

    .news-section .slide.media .title {
        font-size: 18px;
    }

    .news-section .slide.media .photo {
        height: 245px;
    }

    .building-box.item-1 {
        top: 227px;
        left: 193px;
    }

    .building-box.item-1 .building-map {
        width: 169px;
    }



    .comments-section .owl-nav {
        width: 1000px;
        margin: 0 0 0 -5px;
    }

    .contacts-block.special .info.left {
        width: 400px;
        padding: 56px 30px 25px 30px;
    }

    .contacts-block.special .map.right {
        width: 560px;
    }

    .news-article {
        width: 306px;
    }

    .news-article-section .news-sidebar {
        width: 250px;
    }

    .shadow-box .news-navigation {
        padding: 100px 10% 0;
    }

    .shadow-box .inner {
        padding: 0;
    }

    .action-box .row .counter-box {
        width: 470px;
    }

    .counter-box .counter-inner-box {
        width: 114px;
    }

    .counter-box .counter-inner-box .big-text {
        font-size: 68px;
    }

    .counter-box .counter-inner-box .small-text {
        font-size: 16px;
    }

    .action-box .action-date {
        width: 300px;
        font-size: 18px;
        line-height: 22px;
    }

    .action-info-box {
        width: 415px;
    }

    .action-info-box a .title {
        font-size: 18px;
        line-height: 24px;
    }

    .project-section .inner-block {
        width: 1240px;
    }

    .special-offers-section .slide .photo,
    .news-section .slide .photo {
        height: auto;
    }

    .about-box .row .advantage {
        max-width: 195px;
        height: 105px;
    }

    .about-box .video-box .about-section-logo {
        background-size: 50% auto;
    }

    .news-article-section .news-articles-column {
        width: 700px;
    }

    .news-article-section .news-articles-column .news-article {
        width: 335px;
    }

    .progress.info-section .news-list .news-article {
        width: 290px;
    }

    .project-box .info .location,
    .project-box .info .comfort {
        font-size: 14px;
    }

    .about-box .row .advantage .title {
        font-size: 22px;
    }

    .about-box .row .advantage .text {
        font-size: 11px;
        line-height: 15px;
    }

    /*footer section*/

    .footer-section {
        font-size: 12px;
        color: #828282;
        line-height: 18px;
        padding: 75px 0 0;
        background: #fff;
    }

    .footer-section .row {
        padding: 0 0 65px;
    }

    .footer-section .footer-box.item-1 {
        width: 210px;
        padding: 0 20px 0 0;
    }

    .footer-section .footer-box.item-2 {
        width: 240px;
        padding: 0 20px 0 0;
    }

    .footer-section .footer-box.item-3 {
        width: 360px;
        padding: 0 20px 0 0;
    }

    .footer-section .footer-box.item-4 {
        width: 110px;
    }

    .footer-section .footer-box .title {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        line-height: 20px;
        text-transform: uppercase;
        padding: 0 0 25px;
    }

    .footer-section .footer-box .title a {
        color: #000;
    }

    .footer-section .footer-box ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .footer-section .footer-box ul li {
        padding: 8px 0 0;
    }

    .footer-section .footer-box ul li:first-child {
        padding: 0;
    }

    .footer-section .footer-box a.button {
        color: #fff;
    }

    .footer-section .footer-box.item-4 p {
        padding: 0 0 10px;
    }

    .footer-section .socials {
        padding: 0 0 15px;
    }

    .footer-section .socials .social {
        width: 22px;
        height: 22px;
        margin: 0 0 0 17px;
    }

    .footer-section .socials .social:first-child {
        margin: 0;
    }

    .footer-section .socials .social.item-1 {
        background: url("../images/footer-social-icon-1.svg") no-repeat;
    }

    .footer-section .socials .social.item-2 {
        background: url("../images/footer-social-icon-2.svg") no-repeat;
    }

    .footer-section .socials .social.item-3 {
        background: url("../images/footer-social-icon-3.svg") no-repeat;
    }

    .footer-banner {
        height: 52px;
        font-weight: bold;
        font-size: 28px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        line-height: 52px;
        letter-spacing: 1px;
        margin: 0 0 25px;
        background: url("../images/footer-banner-img.jpg") no-repeat 50%;
        background-size: 100% auto;
    }

    .footer-bottom-line {
        line-height: 54px;
        border-top: 1px solid #000;
    }

    .footer-bottom-line .copyrights {
        width: 360px;
        padding: 0 10px 0 0;
    }

    .footer-bottom-line .site-map {
        display: inline-block;
        margin: 0 50px 0 0;
    }

    .footer-bottom-line .cookies {
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .footer-bottom-line .developers {
        width: 210px;
    }

    .footer-section a {
        color: #828282;

        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;

    }

    .footer-section a:hover {
        color: #7a0045;
    }

    /*end footer section*/

    .contacts-block .row .box.item-2 {
        max-width: 250px;
    }

}

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

    .project-section .inner-block {
        width: 980px;
    }

    .project-box,
    .project-section .project-box {
        width: 313px;
    }

    .project-box figure,
    .project-section .project-box figure {
        height: 215px;
    }

    .contacts-block .row .box .title {
        font-size: 20px;
    }

    .project-box figure .top-box .project-logo img {
        max-width: 130px !important;
    }

    .project-box figure .top-box .white-small-button {
        margin: 20px 0 0;
    }

}

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

    .top-section h2, .top-section h1 {
        top: 70%;
    }
    .select-language .dd {
        font-size: 14px;
    }
    .header-contacts {
        padding: 32px 0 0 8px;
    }
}

@media screen and (max-width: 1100px) {
    .header-contacts a, .page .top-menu li a {
        font-size: 12px;
    }
    h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .inner-block,
    .project-section .inner-block {
        width: 940px;
    }

    .nav__hidden-menu {
        padding: 90px 0 0 4px;
    }

    .nav__icon {
        margin-right: 4px;
    }

    .project-section .row {
        margin: 0 -10px;
    }

    .project-box,
    .project-section .project-box {
        width: 300px;
        margin: 0 10px;
    }

    .iphone-banner {
        display: none;
    }

    .about-box .info {
        width: 540px;
    }

    .about-box .info .row .advantage {
        width: 105px;
    }

    .building-box.item-1 {
        top: 221px;
        left: 187px;
    }

    .building-box.item-1 .building-map {
        width: 177px;
    }

    .building-box.item-2 {
        top: 180px;
        left: 442px;
    }

    .building-box.item-2 .building-map {
        width: 131px;
    }

    .building-box.item-3 {
        top: 60px;
        left: 492px;
    }

    .building-box.item-3 .building-map {
        width: 109px;
    }

    .building-box.item-4 {
        top: 130px;
        right: 156px;
    }

    .building-box.item-4 .building-map {
        width: 181px;
    }

    .building-box.item-5 {
        top: 55px;
        right: 114px;
    }

    .building-box.item-5 .building-map {
        width: 147px;
    }

    .contacts-block.special .map.right {
        width: 540px;
    }

    .news-article-section .news-articles-column .row {
        margin: 0 -10px;
    }

    .news-article {
        width: 300px;
        margin: 0 10px 30px;
    }

    .news-article-section .news-sidebar {
        width: 250px;
    }

    .top-section h2, .top-section h1 {
        padding: 0 50px;
    }

    .action-info-box {
        width: 395px;
        margin: 0 0 40px;
    }

    .row:last-child .action-info-box {
        margin-bottom: 0;
    }

    .project-box figure,
    .project-section .project-box figure {
        height: 200px;
    }

    .about-box .row .advantage {
        max-width: 185px;
    }

    .news-article-section .news-articles-column {
        width: 660px;
    }

    .news-article-section .news-articles-column .news-article {
        width: 320px;
    }

    .progress.info-section .news-list .news-article {
        width: 276px;
    }

    .project-info-popup.popup {
        width: 700px;
    }

    .project-box figure .top-box .project-logo img {
        max-width: 70px;
    }

    .swiper-container.nav-slider .swiper-slide .content .title {
        font-size: 14px;
    }
}