@media (max-width: 1429px) {
    .container {
      width: 1170px;
    }
    .offer-block {
        height: 270px;
    }
    .offer-block p {
        max-width: 230px;
    }
    .flat-photo {
        width: 500px;
    }
    .flat-content {
        width: calc(100% - 550px);
    }
    .flat-numbers li{
        width:34px;
        height:34px;
        font-size:14px;
    }
    .flat-numbers li:nth-child(7) {
        top: 60px;
        left: 33px;
    }
    .flat-numbers li:nth-child(5) {
        top: 60px;
        left: 118px;
    }
    .flat-numbers li:nth-child(2) {
        top: 60px;
        left: 265px;
    }
    .flat-numbers li:nth-child(6) {
        top: 145px;
        left: 415px;
    }
    .flat-numbers li:nth-child(3) {
        top: 215px;
        left: 170px;
    }
    .flat-numbers li:nth-child(1) {
        top: 215px;
        left: 265px;
    }
    .flat-numbers li:nth-child(4) {
        top: 305px;
        left: 405px;
    }
    .list-lines-page li:nth-child(4),
    .list-lines-page li:nth-child(8){
        display:none;
    }
}
@media (max-width: 1199px) {
    .container {
        width: 970px;
    }
    .section {
        padding-top: 120px;
    }
    .section:before {
        top: 60px;
    }
    .section-top .title {
        width: 320px;
    }
    .section-top .section-content {
        width: calc(100% - 335px);
    }
    .about-photos {
        margin-top: 100px;
    }
    .offer-margin-left,
    .offer-margin-right {
        margin:0;
    }
    .offer-block {
        width: calc(33% - 5px);
    }
    .tour {
        margin-top: 120px;
    }
    .tour iframe {
        height: 500px;
    }
    .booking-free, .booking-form {
        padding: 50px 25px 60px;
    }
    .chouse-zone {
        gap: 20px;
        margin-bottom: 30px;
    }
    .footer-map {
        width: calc(100% - 330px);
    }
    .list-lines-page li{
        display:none;
    }
    .list-lines-page li:nth-child(1) {
        left: 100px;
        display:block;
    }
    .list-lines-page li:nth-child(2) {
        left:auto;
        right: 100px;
        display:block;
    }
    #map {
        height: 535px;
    }
}
@media (max-width: 991px) {
     .container {
       width: 750px;
     }
    .header-menu-list {
        gap: 12px;
    }
    .header-logo{
        width:115px;
    }
    .banner-bottom{
        flex-direction:column;
        gap:15px;
    }
    .btn-info {
        padding: 17px 20px;
        font-size: 16px;
    }
    .banner-text-info {
        font-size: 16px;
        padding-top: 20px;
        text-align:center;
        margin-top:23px;
    }
    .btn-info.btn-arrow:before {
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
        right: 12px;
    }
    .btn-info.btn-arrow {
        padding-right: 80px;
    }
    .section-top .section-content p{
        font-size:16px;
    }
    .offer-block {
        width: calc(50% - 7px);
    }
    .swiper-gallary {
        margin: 60px 0 110px;
    }
    .flat-content {
        width: calc(100% - 515px);
    }
    .booking-title {
        font-size: 22px;
        margin-bottom: 27px;
    }
    .zone-name{
        width:100%;
    }
    .event-photo-block {
        width: calc(50% - 9px);
        text-align: center;
    }
    .footer {
        padding: 115px 0 50px;
    }
    .coworking-text{
        text-align:center;
        margin-top:25px;
    }
}
@media (max-width: 767px) {
     .container {
       width: 100%;
     }
    .header-menu {
        width: 100%;
        height: 100vh;
        flex-direction: column;
        padding: 90px 10px 15px;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 10;
        background: #1D1D1D;
        transform: translateX(-100%);
        transition: 0.3s
    }
    .header-menu-list {
        gap:40px;
        flex-direction: column;
    }
    .header-menu.active {
        transform: translateX(0);
    }
    .header-phone{
        margin:0;
    }
    .header-logo {
        width: 150px;
    }
    .menu_mob {
        display: block;
    }
    .overflow-wrap {
        width: calc(100% + 15px);
    }
    .header-mobile-info{
        display:block;
    }
    .banner-content h1{
        font-size:58px;
    }
    .banner-bottom p{
        display:none;
    }
    .banner-bottom-btns{
        flex-direction:column;
        gap:20px;
    }
    .btn-info{
        text-align:center;
    }
    .about-photos {
        margin-top: 40px;
    }
    .section-top .title {
        width: 320px;
    }
    .section-top .title{
        margin-bottom:50px;
    }
    .section-top .title,
    .section-top .section-content {
        width: 100%;
    }
    .about-photos{
        gap:12px;
    }
    .about-photo-left,
    .about-photo-right {
        width: 100%;
        height:280px;
    }
    .about-photo-left img,
    .about-photo-right img{
        width:100%;
        margin:auto;
    }
    .offer-wrap{
        display:none;
    }
    .swiper-offer-wrap{
        display:block;
    }
    .gallary-title{
        margin-top:50px;
    }
    .gallary-pagination {
        width: 100%;
        justify-content: center;
        gap: 170px;
        position: absolute;
        bottom: -18px;
        left: 0;
    }
    .swiper-gallary {
        margin: 5px 0 100px;
    }
    .flat-wrap{
        flex-direction:column-reverse;
    }
    .flat-content {
        width: 100%;
        margin-bottom:35px;
    }
    .flat-photo {
        width: 370px;
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .flat-numbers li:nth-child(7) {
        top: 40px;
        left: 7%;
    }
    .flat-numbers li:nth-child(5) {
        top: 40px;
        left: 23%;
    }
    .flat-numbers li:nth-child(2) {
        top: 40px;
        left: 47%;
    }
    .flat-numbers li:nth-child(3) {
        top: 155px;
        left: 34%;
    }
    .flat-numbers li:nth-child(1) {
        top: 155px;
        left: 51%;
    }
    .flat-numbers li:nth-child(6) {
        top: 105px;
        left: 82%;
    }
    .flat-numbers li:nth-child(4) {
        top: 220px;
        left: 76%;
    }
    .tour iframe {
        height: 350px;
    }
    .booking-text-bottom {
        margin-top: 50px;
    }
    .booking-wrap{
        gap:14px;
    }
    .booking-free, .booking-form {
        width: 100%;
    }
    .video-btn {
        width: 290px;
        font-size: 24px;
    }
    .video-container {
        max-width: calc(100% - 20px);
        border-radius: 20px;
    }
    .events-list {
        margin-bottom: 30px;
    }
    .events .button {
        margin-top: 10px;
    }
    .event-photo-block {
        width: 100%;
    }
    .events-photo{
        gap:8px;
    }
    #map {
        height: 375px;
    }
    .footer-contact {
        width: 100%;
    }
    .footer-map{
        width:100%;
        margin-top:50px;
    }
    .modal .modal-form .booking-title {
        font-size: 21px;
    }
    .modal .modal-form {
        padding: 45px 25px;
    }
    .preloader-text {
        font-size: 74px;
        margin-bottom:50px;
    }
    .progress-bar-inner span {
        top: -38px;
        left: calc(50vw - 55px);
        font-size: 22px;
    }
    #advantages .title{
        margin-bottom:125px;
    }
    #advantages{
        overflow:hidden;
    }
    #advantages .swiper-container {
        overflow: inherit;
    }
    .video-container img {
        transform: scale(1.2);
        object-fit: cover;
        object-position: center;
        height: 400px;
    }
    .events .button{
        width:200px;
        display:block;
        margin:auto;
    }
    .event-photo-block img{
        width:100%;
        height:280px;
        object-fit:cover;
        object-position:center;
    }
    .modal .modal-form.modal-form-order {
        width: 100%;
        max-width: 100%;
        height: 100%;
        border-radius: 0;
        padding-top:80px;
    }
    .banner-text-info br{
        display:block;
    }
    .banner-content {
        height: calc(100vh - 285px);
        padding-top:80px;
    }
    .offer-slider-block {
        background-color: #1D1D1D;
    }
    .events .section-top .section-content p{
        margin-bottom:70px;
    }
    .gallary-pagination:before,
    .gallary-pagination:after {
        content: '';
        position: absolute;
        top: 0;
        width: calc(50% - 130px);
        height: 60px;
        background-color: #1d1d1d;
        z-index: 100;
    }
    .gallary-pagination:before{
        left:-15px;
    }
    .gallary-pagination:after{
        right:-15px;
    }

}