@media (min-width: 1200px){
    /*.container {*/
    /*    max-width: 87.75rem;*/
    /*}*/
    html{
        font-size: .5208333333vw;
    }
    .main_section .container{
        max-width: 170rem;
    }
    .gallery_section .container{
        max-width: 130rem;
    }
}
@media (min-width: 761px) {
    html {
        font-size: .5208333333vw!important;
    }
}
@media (max-width: 760px) {
    .header{
        padding: 12px 0;
        background: none;
        box-shadow: none;
    }
    .logo_apartments{
        margin-top: 0;
        position: relative;
        top: 3px;
        margin-left: 30px;
        transition: 0.3s;
    }
    .flats-controls .btn--unstyled.btn--flats{
        width: 36px;
        height: 36px;
        padding: 0;
    }

    .logo_apartments img{
        height: 48px;
    }
    .logo_header_hayat{
        overflow: hidden;
        transition: 0.3s;
        opacity: 0;
        position: absolute;
    }
    .logo_header_apartment{
        transition: 0.3s;
        opacity: 1;
    }
    .header.f-nav .logo_header_apartment{
        overflow: hidden;
        opacity: 0;
        position: absolute;
    }
    .header.f-nav .logo_header_hayat{
        overflow: visible;
        position: static;
        opacity: 1;
    }
    .header.f-nav{
        background: #FFFFFF;
        box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
    }
    .logo_header_hayat img{
        height: 48px;
    }
    .form--flats{
        margin-top: 30px;
    }
    .burger_menu{
        background: #009BB4;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        position: absolute;
        right: 0;
    }
   .second__que{
        position: relative;
	margin-top: 20px;
    	margin-right: 15px;
    	margin-left: 15px;
    	width: auto;
	right:0;
	left: 0;
	}
    .main_section_map{
        width: 265px;
        font-size: 10px;
        margin-top: 140px;
        margin-bottom: 0;
    }
    .submit_section form{
        display: block;
    }
    .advantage_section_item p{
        width: 235px;
        font-size: 14px;
        line-height: 145.5%;
    }
    .advantage_section_item_bottom .advantage_section_item p{
        width: 232px;
    }
    .about_compleks .advantage_section_item p{
        width: 100%;
        font-size: 14px;
        line-height: 130%;
    }
    .logo_apartments img{
        width: 116px;
    }
    .swiper-container.constructionSwiperDate{
        width: 100%;
        margin: 0;
    }
    .main_section h1{
        font-size: 35px;
        line-height: 35px;
        margin-top: 20px;
    }
    .main_section h1 span{
        font-size: 55px;
        line-height: 55px;
    }
    .main_section hr{
        width: 100%;
    }
    .main_section h2{
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
    }
    .main_section h2 span{
        display: block;
        font-size: 22px;
        line-height: 29px;
    }
    .main_section h2 span img{
        width: 17px;
        position: relative;
        top: -2px;
    }
    .main_section h4{
        font-size: 12px;
        line-height: 14px;
        width: 194px;
        margin-top: 20px;
    }
    .main_section a.linkScroll{
        display: block;
        width: 100%;
        font-size: 14px;
        line-height: 50px;
        margin-top: 30px;
    }
    .header_wrap_section{
        height: auto;
        padding-bottom: 0;
    }
    .main_section{
        padding-bottom: 44px;
    }
    .submit_section h3{
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    .submit_section h3 span{
        display: block;
    }
    .submit_section{
        padding: 40px 0;
    }
    .submit_section input{
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        line-height: 28px;
        padding: 11px 20px;
        font-size: 12px;
    }
    .submit_section button{
        width: 100%;
        display: block;
        margin: 0;
        line-height: 50px;
        font-size: 14px;
    }
    .submit_section_img1{
        display: none;
    }
    .advantage_img1{
        position: static;
        height: 360px;
        width: 100vw;
        object-fit: cover;
    }
    .advantage_section h3{
        font-size: 25px;
        line-height: 25px;
        margin-top: 30px;
        margin-bottom: 15px;
        text-align: center;
    }
    .advantage_section_right{
        padding-left: 15px;
    }
    .advantage_section_item_icon{
        margin-right: 20px;
        width: 60px;
        height: 60px;
        padding: 10px;
    }
    .advantage_section_item_bottom{
        margin-bottom: 20px;
    }
    .big_window{
        background: url(../img/big_window_bg.jpg) left top no-repeat;
        padding: 40px 0;
        padding-bottom: 0;
    }
    .big_window h3{
        font-size: 25px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 14px;
        margin-top: 0;
    }
    .big_window h4{
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 14px;
    }
    .big_window p{
        font-size: 16px;
        line-height: 145.5%;
        margin-bottom: 20px;
    }
    .big_window_img1{
        width: 100%;
        height: 300px;
        object-fit: cover;
        margin-top: 20px;
    }
    .about_compleks{
        padding: 40px 0;
        background: none;
    }
    .about_compleks h3{
        font-size: 25px;
        line-height: 25px;
        text-align: center;
    }
    .about_compleks p.about_compleks_text{
        font-size: 14px;
        line-height: 28px;
    }
    .about_compleks .advantage_section_item{
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .advantage_section_item{
        margin-bottom: 10px;
    }
    .about_compleks .advantage_section_item_icon{
        margin: 0 auto;
        margin-bottom: 13px;
    }
    .about_compleks a{
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 50px;
    }
    .about_compleks .container .row .col-md-6 .row{
        gap: 0; 
    }
    .gallery_section{
        overflow: hidden;
        padding: 40px 0;
        padding-bottom: 70px;
    }
    .gallerySwiperNav{
        display: none;
    }
    .gallerySwiper2 .swiper-slide img{
        height: 200px;
        object-fit: cover;
    }
    .gallery_section h3{
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .gallery_section .swiper-pagination-bullet{
        background: rgba(255, 255, 255, 0.7);
    }
    .gallery_section .swiper-button-prev{
        left: -10px;
    }
    .gallery_section .swiper-button-next, .gallery_section .swiper-button-prev{
        margin-top: -5px;
        right: -10px;
    }
    .construction_stages h4{
        display: none;
    }
    .construction_stages h3{
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .construction_stages{
        padding: 40px 0;
    }
    .construction_stages p{
        font-size: 16px;
        line-height: 31px;
    }
    .constructionSwiperWrapper .swiper-button-next, .constructionSwiperWrapper .swiper-button-prev{
        width: 54px;
        height: 54px;
    }
    .constructionSwiperDate .swiper-button-next, .constructionSwiperDate .swiper-button-prev{
        right: 40px;
    }
    .constructionSwiperDate .swiper-button-prev{
        left: 40px;
    }
    .plan_section{
        padding: 40px 0;
        padding-bottom: 0;
        background: url('../img/plan_section_bg.jpg') left top no-repeat;
    }
    .plan_section h3{
        margin-top: 0;
        font-size: 25px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 12px;
    }
    .plan_section p{
        font-size: 16px;
        line-height: 145.5%;
        margin-bottom: 25px;
    }
    .plan_section a{
        width: 100%;
        margin-bottom: 40px;
    }
    section.plan_section > div > div > div.col-md-7.offset-md-1{
        background: url("../img/plan_bg_m.jpg") center top no-repeat;
        background-size: cover;
        padding: 40px 15px;
    }
    .plan_section h4{
        font-size: 25px;
        line-height: 25px;
    }
    .plan_section .swiper-button-next, .plan_section .swiper-button-prev{
        top: 50px;
    }
    .mySwiper .swiper-slide img{
        height: 200px;
    }
    .developer{
        padding: 40px 0;
    }
    .developer h3{
        font-size: 25px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 10px;
    }
    .developer p{
        font-size: 14px;
        line-height: 28px;
        margin-top: 22px;
    }
    .header_menu li a{
        font-size: 14px;
    }
    .contact_wrap{
        position: static;
        width: 100%;
        text-align: center;
        padding: 38px 15px;
    }
    .contact_wrap_map{
        justify-content: center;
    }
    section.contact > div > div > div.col-md-4.offset-md-1{
        padding: 0;
    }
    .contact{
        padding-top: 40px;
    }
    .contact h3{
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    #map{
        height: 300px;
    }
    .contact_social{
        justify-content: center;
    }
    .contact_social li:last-child a{
        margin-right: 0;
    }
    .submit_form_bg3{
        background-size: cover;
    }
    .submit_form_bg3 button{
        background-size: cover;
    }
    .footer{
        text-align: center;
    }
    .footer_logo{
        margin-bottom: 25px;
        width: 180px;
    }
    .footer a{
        text-align: center;
        margin-top: 20px;
    }
    .preloader_wrap img{
        width: 70%;
    }
    .burger_wrap{
        background: url("../img/burger_bg.jpg") center top no-repeat;
        background-size: cover;
        padding-top: 46px;
        position: fixed;
        width: 100%;
        top: 70px;
        padding-left: 20px;
        display: none;
        z-index: 999;
    }
    .header_menu{
        display: block;
        margin: 0;
        margin-bottom: 80px;
    }
    .phone_header_wrap a{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .header_menu li{
        margin-bottom: 20px;
    }
    .phone_header_wrap img{
        width: 40px;
    }
    .phone_header_wrap{
        width: 100%;
        padding: 20px;
    }
    .burger_hayat{
        margin-bottom: 50px;
    }
    .burger_menu_close{
        display: none;
    }
    .burger_menu.active .burger_menu_close{
        display: block;
    }
    .burger_menu.active .burger_menu_burger{
        display: none;
    }
    .flats-title h3{
        text-align: center;
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .flats-tabs label{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .flats-tabs a{
        font-size: 12px!important;
        padding: 8px 10px!important;
    }
    .flats-plan{
        width: 280px!important;
        margin: 0 auto;
    }
    .plan_btn_wraper a{
        font-size: 12px;
        padding: 14px 10px;
    }
    .logo_header{
        padding-right: 0;
        border: 0;
        transition: 0.3s;
    }
    .logo_header img{
        height: 48px;
        width: auto;
    }
    .flats-tabs.flats-tabs--price{
        width: 100%;
    }
    .method_buy h4{
        font-size: 30px;
        margin-bottom: 5px;
    }
    .method_buy_item h5{
        font-size: 18px;
        line-height: 22px;
    }
    .method_buy_item p{
        font-size: 12px;
    }
    .method_buy_item{
        padding: 12px 16px;
        margin-bottom: 12px;
    }
    .method_buy{
        padding-bottom: 0;
    }
    .section.s--flats{
        padding: 40px 0;
    }
    .modal_form h3{
        font-size: 22px;
        line-height: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .modal_thank_text{
        font-size: 16px;
    }
    .modal_form .modal-content .close{
        width: 50px;
        height: 50px;
        right: -2px;
        top: -20px;
    }
    .modal_form input{
        padding: 14px 20px;
        font-size: 12px;
    }
    .modal_form button[type="submit"]{
        font-size: 14px;
        line-height: 50px;
    }
    .modal_form hr{
        display: none;
    }
    .main_section h4 span{
        font-size: 14px;
    }
    .swiper-button-next_gallery, .swiper-button-prev_gallery{
        margin-top: 0;
        width: 50px;
        height: 50px;
    }
    .gallery_slider_swiper .swiper-slide img{
        height: 45vh;
    }
    .section_360 h3{
        font-size: 25px;
        line-height: 25px;
    }
    .section_360_icon{
        display: none;
    }
    .section_360 h4{
        margin-bottom: 20px;
    }
    .div_360_list li{
        font-size: 14px;
    }
    .section_360 p{
        display: none;
    }
    .section_360 {
        padding: 40px 0;
    }
    .section_360 h5{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .constructionSwiperWrapper .swiper-button-prev2, .constructionSwiperWrapper .swiper-button-next2{
        top: 50%;
    }
    .construction_stages{
        overflow: hidden;
    }
    .developer_btn{
        width: 100%;
    }
    .main_section_link{
        position: static;
        width: 100%;
        font-size: 14px;
        line-height: 50px;
        margin-top: 20px;
        margin-right: 15px;
        margin-left: 15px;
        width: auto;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .main_section_link_icon img{
        width: 30px;
    }
    .main_section_link span{
        margin-left: 20px;
    }
}