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

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

}


@media screen and (max-height: 800px) {
    .line_footer{
        height: 180px;
    }
    body{
        font-size: 14px;
    }
    .text_address ul {
        margin-bottom: 30px;
    }
    .details_havewhat h2{
        font-size: 20px;
        margin: 10px 0;
    }
    .social_media .images_icon{
        width: 20px;
        height: 20px;
    }
    .text_address li{
        padding: 5px 0;
    }
    .overlay_menu ul li{
        padding: 14px 0;
    }
    p{
        margin: 10px 0;
    }
    .aboutpage .section_04 .images_havewhat, .row_properties .images_havewhat{
        height: 400px;
    }
    .timeline-items .dates-container .date-item{
        min-height: 40px;
    }
    .details_properties li{
        padding: 7px 0;
    }
    .details_properties li>h1{
        font-size: 30px;
    }
    .invest .section_03 .details_havewhat, .row_input{
        gap: 15px;
    }
}

@media screen and (max-width: 1280px) {
    .container{
        padding: 0 50px;
        width: 100%;
    }
    .details_havewhat {
        padding: 0 50px;
    }
    .row_living{
        padding: 50px 50px 0;
    }
    .text_slide1{
        padding: 0 50px;
    }
    .details_havewhat{
        padding: 50px;
    }
    .row_properties {
        padding: 0 50px;
    }
    .invest .section_02 .row_havewhat {
        padding: 0 50px;
    }
    .row_policy {
        padding: 0 50px;
    }
    .row_blog_info{
        padding: 0 50px;
    }
    .row_timeline {
        padding: 0 50px;
    }
    .propertiespage .details_properties {
        padding: 0 50px;
    }
    .row_constrruction{
        padding: 50px;
    }
    .row_timeline_new{
        margin-top: 50px;
    }
    .contactus .contact_address {
        padding: 50px 50px;
    }

}

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

@media screen and (max-width: 1100px) {
    .sidebar, .bottom_a{
        display: none;
    }
    .button_container, .whatsapp-floating{
        right: 50px;
    }
    .text_details{
        width: 100%;
    }
    .row_havewhat .col-xs-6, .row_living, .section_04 h2, .row_havewhat .col-xs-5, .row_havewhat .col-xs-7{
        width: 100%;
    }
    .images_living, .images_havewhat img, .slide_homepage, #fullpage, .section, .fp-tableCell, .section_02 img, .section_01 img, .images_havewhat{
        height: auto!important;
    }
    .row_havewhat{
        width: 100%;
    }
    body:not(.no-js) .section.active .image-wrap {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        visibility: visible;
        transform: skewY(0);
    }

    body:not(.no-js) .section.active img {
        transform: scale(1);
        transition: 2s ease-out;
    }
    .text_fixed{
        display: none;
    }
    .section_04{
        padding: 50px 0;
    }
    .row_living{
        grid-template-columns: repeat(1, 1fr);
    }
    .social_media{
        margin-top: 50px;
    }
    .social_media ul:nth-child(1){
        margin-bottom: 15px;
    }
    .section_01, .section_01 img{
        height: 100vh!important;
    }
    .section_02 .slides img{
        height: 600px!important;
    }
    .overlay_menu .right{
        padding-left: 50px;
    }
    .aboutpage .section_04 .details_havewhat {
        padding: 50px 0;
    }
    .who-container{
        height: 200px;
    }
    .slide_team .images_team{
        height: 400px;
    }
    .row_team{
        padding-bottom: 50px;
    }
    .text_properties img{
        height: 30px!important;
        width: auto!important;
    }
    .text_properties{
        padding: 0 50px;
    }
    .properties .section_02{
        padding: 50px 0;
    }
    .row_properties .details_properties{
        padding: 50px 0 0;
    }
    .section_blog .details_havewhat{
        padding: 50px 0 0;
    }
    .logo_prop img{
        width: auto!important;
        height: 20px!important;
    }
    .invest .section_02{
        padding: 50px 0;
    }
    .contactus .contact_address {
        padding: 0 50px;
    }
    .contact_address .col-xs-4{
        width: 100%;
    }
    .contact_address .col-xs-8{
        width: 100%;
    }
    .images_address, .images_address img{
        height: auto!important;
    }
    .details_address {
        padding: 50px 0 0;
    }
    .row_policy{
        padding: 100px 50px 50px;
        display: flow-root;
        width: 100%;
    }
    .details_policy{
        height: auto;
        max-height: inherit;
    }
    .details_blog{
        height: auto;
    }
    .scroll_blog{
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem 2rem;
    }
    .images_blog_details img, .images_invest_info, .row_details_blog .images_blog_info, .row_details_blog .images_blog_info img{
        height: auto!important;
    }
    .row_blog_info{
        overflow-y: hidden;
    }
    .row_blog_info {
        padding: 0 50px 50px;
    }
    .details_faq .panel-default > .panel-heading{
        padding: 30px 0;
    }
    .details_faq .panel-body{
        padding: 0 0 30px;
    }
    .invest .section_03 .details_havewhat{
        gap: 30px;
    }
    .blog_info .row_blog_info{
        padding: 50px;
    }
    .details_properties img{
        height: 30px!important;
    }
    .propertiespage .details_properties{
        padding: 50px;
    }
    .row_masterplan{
        width: 100%;
        height: auto;
    }
    .btn_gallery img{
        height: 30px!important;
        width: auto!important;
    }
    .row_photogallery .col-xs-8{
        width: 100%;
    }
    .row_photogallery .col-xs-4{
        width: 100%;
    }
    .details_photogallery{
        height: auto;
        padding: 50px;
    }
    .row_constrruction{
        width: 100%;
    }
    .propertiespage .section_04{
        padding: 0!important;
    }
    .row_location {
        width: 100%;
    }
    .images_location{
        height: auto;
    }
    .row_timeline_new .col_right{
        padding: 0;
    }
    .update_timeline .timeline-items .dates-container li:nth-last-child(1) .date-item .title:after{
        content: '';
    }
    .col_right .update_timeline{
        margin-top: 0;
    }
    .col_right .update_timeline .timeline-items .dates-container li:nth-last-child(1) .date-item .title:after{
        content: none;
    }
    .slide_location .col-xs-6{
        width: 100%;
    }
    .slide_location .col-xs-6:nth-child(1){
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    header{
        background: #000c !important;
        height: 60px;
    }
    .brand_logo{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 30px;
    }
    .button_container{
        right: 30px;
        top: 0;
        bottom: 0;
    }
    .text_slide1 p:nth-child(1){
        width: 70%;
    }
    .text_slide1 p:nth-last-child(1){
        width: 30%;
    }
    .text_slide1{
        height: auto!important;
        padding: 0 30px;
    }
    .details_havewhat{
        padding: 50px 30px;
    }
    .row_living{
        padding: 50px 30px 0;
    }
    .overlay_menu .right {
        padding-left: 30px;
    }
    .container{
        padding: 0 30px;
    }
    .row_properties {
        padding: 0 30px;
    }
    .invest .section_02 .row_havewhat {
        padding: 0 30px;
    }
    .contactus .contact_address {
        padding: 0 30px 50px;
    }
    body.contactus.fp-responsive header .button_container span{
        background: #ffffff!important;
    }
    body.properties.fp-responsive header .button_container span{
        background: #ffffff!important;
    }
    body.blog.fp-responsive header .button_container span{
        background: #ffffff!important;
    }
    .row_policy {
        padding: 0 30px;
    }
    .row_policy{
        padding: 100px 30px 50px;
    }
    .row_blog_info {
        padding: 100px 30px 50px;
    }
    .row_timeline {
        padding: 50px 30px;
    }
   /* .timeline-items .dates-container {*/
   /*     display: flex;*/
   /*     overflow-x: auto;*/
   /*     overflow-y: hidden;*/
   /*     height: auto;*/
   /*     gap: 20px;*/
   /* }*/
   /*.timeline-items .dates-container .date-item {*/
   /*     height: 100%;*/
   /*     padding-bottom: 10px;*/
   /*     flex-direction: column;*/
   /*     flex: 0 0 auto;*/
   /* }*/
   /* .timeline-items .dates-container .date-item .date {*/
   /*     padding-bottom: 0;*/
   /*     margin-bottom: 25px;*/
   /*     font-size: 1rem;*/
   /* }*/
   /* .timeline-items .dates-container .date-item .title {*/
   /*     padding: 5px 0 20px;*/
   /*     margin-left: 0;*/
   /*     margin-right: 0;*/
   /* }*/
    /*.timeline-items .dates-container .date-item .title:after {*/
    /*    left: 0;*/
    /*    top: -13px;*/
    /*    width: 100%;*/
    /*    height: 1px;*/
    /*}*/
    /*.timeline-items .dates-container .date-item .title:before{*/
    /*    content: none;*/
    /*}*/
    /*.row_timeline .nav-tabs{*/
    /*    display: flex;*/
    /*}*/
    /*.row_timeline li {*/
    /*    float: left;*/
    /*    margin: 0;*/
    /*    width: max-content;*/
    /*    padding: 0 15px;*/
    /*}*/
    .aboutpage .section_07{
        overflow: hidden;
    }
    .tab-content {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-top: 50px;
    }
    .row_constrruction .tab-content{
        margin: 0;
    }
    .row_timeline .tabs-left{
        display: block;
    }
    .aboutpage .section.section_07 .tab-pane{
        display: none;
        visibility: hidden;
        height: auto !important;
        position: inherit;
    }
    .blog_info .section_01, .images_timeline, .images_timeline img{
        height: auto!important;
    }
    .aboutpage .section.section_07 .tab-pane.active{
        display: block;
    }
    .details_timeline {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .blog_info .row_blog_info {
        padding: 50px 30px;
    }
    .propertiespage .details_properties {
        padding: 50px 30px;
    }
    .details_photogallery{
        padding: 50px 30px;
    }
    .row_constrruction{
        padding: 50px 30px;
    }
    .btn_gallery{
        left: 30px;
        bottom: 30px;
    }


}
@media screen and (max-width: 768px) {
    .slide_team .images_team {
        height: 450px;
    }
    .contactus .section_02{
        overflow: hidden;
    }
}


@media screen and (max-width: 600px) {
    .section_02 .slides img {
        height: 400px !important;
    }
    .text_slide1 p:nth-child(1){
        width: 100%;
    }
    .text_slide1 p:nth-last-child(1){
        width: 100%;
        text-align: left;
    }
    .section_04 h2{
        padding: 0 30px;
    }
    .details_living p{
        display: none;
    }
    .whatsapp-floating img{
        width: 40px;
    }
    .button_container span{
        background: #ffffff!important;
        width: 40px;
    }
    .whatsapp-floating{
        right: 30px;
        bottom: 30px!important;
    }
    .scroll-down-wrapper{
        bottom: 30px;
    }
    .button_container span:nth-of-type(2){
        top: 9px;
    }
    .button_container span:nth-of-type(3) {
        top: 18px;
    }
    .button_container {
        width: 40px;
        height: 20px;
    }
    .button_container.active .top{
        -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
        transform: translateY(9px) translateX(0) rotate(45deg);
    }
    .button_container.active .bottom {
        -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
        transform: translateY(-9px) translateX(0) rotate(-45deg);
    }
    .overlay_menu .left{
        display: none;
    }
    .overlay_menu.open{
        grid-template-columns: 1fr;
    }
    .text_slide1 {
        height: auto !important;
        position: relative !important;
        z-index: 1;
        display: flow-root;
    }
    .slick-arrow{
        top: 350px;
        bottom: auto;
    }
    .details_living h3{
        font-size: 18px;
    }
    .details_havewhat p>label{
        display: inline;
    }
    body.aboutpage .section_01, body.aboutpage .section_01 img{
        height: 500px!important;
    }
    .properties .section_01, .properties .section_01 img{
        height: 100vh!important;
    }
    .properties .section_01 .text_properties img {
        height: 20px !important;
        width: auto !important;
    }
    .details_properties li>label{
        float: none;
        width: 100%;
        text-align: left;
    }
    .section_04.section_blog h2{
        padding: 0;
    }
    .invest .section_01 .images_havewhat img{
        height: 100vh!important;
    }
    .contactus .section_01 img{
        height: 100vh!important;
    }
    .box_input .col-xs-3{
        width: 100%;
    }
    .box_input .col-xs-9{
        width: 100%;
    }
    .input_data{
        text-align: left;
    }
    .form p>label {
        display: inline-block;
        width: 100%;
    }
    .form p {
        text-align: left;
    }
    .google_recaptcha{
        padding: 0;
    }
    .row_input .col-xs-12{
        text-align: left!important;
    }
    .details_address li{
        display: block;
    }
    .contact_address iframe{
        height: 350px;
    }

    .details_faq .panel-title>i{
        top: 5px;
    }
    .blog .section_01{
        height: auto!important;
    }
    .tab_properties li{
        width: 100%;
        margin: 0;
    }
    .tab_properties li:nth-child(1){
        margin-bottom: 15px;
    }
    .name_villa_plan{
        font-size: 8px;
    }
    .name_villa_plan label {
        font-size: 16px;
        line-height: 12px;
    }
    .name_villa_plan{
        padding: 5px 8px;
    }
    .box_gallery .col-xs-4{
        width: 50%;
    }
    .box_imagesgallery{
        height: 120px;
    }
    .villaplan_1 {
        left: 22%;
        top: 24%;
    }
    .villaplan_2 {
        left: 26%;
        top: 62%;
    }
    .villaplan_3 {
        left: 47%;
        top: 43%;
    }
    .villaplan_4 {
        left: 73%;
        top: 24%;
    }
    .villaplan_5 {
        left: 70%;
        top: 62%;
    }
    .text_masterplan{
        font-size: 14px;
    }
    .title_location{
        display: block;
        text-align: center;
    }
    #index-video-2{
        display: block;
    }
    #index-video{
        display: none;
    }
    .details_properties li>h1 {
        font-size: 30px;
    }
    .images_living{
        height: 24vh!important;
    }
}

@media screen and (max-width: 375px) {
    .google_recaptcha{
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }

}

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

}