@media screen and (min-width: 1920px) {

}

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

}

@media screen and (max-height: 650px) {

}

@media screen and (max-height: 600px) {
    .button_slideshow{
        bottom: 50px;
    }
}

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

}

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

}

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

}

@media screen and (max-width: 1200px) {
    .container{
        width: 100%;
        padding: 0 50px;
    }
    .details_nearby ul{
        width: 100%;
    }
    .section_widget{
        padding: 50px;
    }
    .row_highlights, .section_abutus{
        padding: 50px 0;
    }
    .row_highlights li{
        width: calc(33% - 2%);
    }
    .section_location, .section_location_info{
        padding: 50px 0;
    }
    .section_footer, .section_contactus, .section_gallery{
        padding: 50px 0;
    }
    .section_destination, .section_detailvillaplan{
        padding: 0 0 50px;
    }
    .section_map{
        height: 600px;
    }
    .contact_form{
        margin: 50px auto 0;
    }
    .slide_nearby button{
        left: -40px;
    }
    .slide_nearby button.slick-next {
        left: auto;
        right: -40px;
    }
}

@media screen and (max-width: 1100px) {
    .section_intro .col-xs-6{
        width: 100%;
    }
    .images_intro, .images_intro img{
        height: auto;
    }
    .details_intro{
        text-align: center;
    }
    .details_intro h2 {
        margin-bottom: 0;
    }
    .details_intro .btn_more{
        margin-top: 25px;
    }
    .row_highlights li{
        padding: 20px 5px;
    }
    .section_masterplan .tooltip, .section_villaplan .tooltip{
        width: 20px;
        height: 20px;
    }
    .section_masterplan .tooltip > label, .section_villaplan .tooltip > label{
        padding: 7px 15px;
        transform: translate(-45%, -42px);
        font-size: 14px;
    }
    .row_embrace .col-xs-6{
        width: 100%;
    }
    .details_embrace{
        padding: 50px;
        text-align: center;
    }
    .images_embrace, .images_embrace img{
        height: auto;
    }
    .row_nearby{
        display: block;
    }
    .row_nearby .col-xs-6{
        width: 100%;
    }
    .details_nearby{
        height: auto;
        text-align: center;
    }
    .row_footer .col-xs-3, .row_footer .col-xs-6{
        width: 100%!important;
    }
    .section_footer, .row_footer{
        text-align: center;
    }
    .row_footer .col-xs-3:nth-child(1){
        display: none;
    }
    .list_address p>label{
        display: inline;
    }
    .list_contact li>label{
        width: auto;
    }
    .list_contact ul{
        display: inline-block;
    }
    .row_footer h4{
        display: none;
    }
    .list_sitemap, .list_contact, .list_address{
        padding: 0 25px;
    }
    .social_footer {
        margin: 25px 0;
    }
    .button_slideshow{
        bottom: 50px;
    }
    .brand_logo_footer {
        margin-bottom: 25px;
    }
    .row_thevilla .col-xs-6{
        width: 100%;
    }
    .images_thevilla, .images_thevilla img{
        height: auto;
    }
    .section_destination .container{
        width: 100%;
    }
    .images_nearby, .slide_nearby button{
        height: 500px;
    }
    .images_gallery{
        height: 200px;
    }
    .overlay.open{
        grid-template-columns: 2.3fr 2fr;
    }
    .section_detailvillaplan td{
        width: 15%;
    }
    .section_detailvillaplan td:nth-last-child(1){
        width: 20%;
    }

}

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

}


@media screen and (max-width: 768px) {
    .row_highlights li {
        width: calc(50% - 2%);
    }
    .details_materplan{
        position: initial;
        width: 100%;
    }
    .btn_moremasterplan{
        border: 1px solid #ffffff;
    }
    .details_materplan{
        padding: 50px;
    }
    .images_nearby, .slide_nearby button {
        height: 400px;
    }
    .row_destination .col-xs-6{
        width: 100%;
    }
    .row_destination .col-xs-6 {
        width: 100%;
        padding: 0 0 30px;
    }
    .section_destination .row_destinationL:nth-last-child(1) .col-xs-6:nth-last-child(1){
        padding-bottom: 0;
    }
    .section_map {
        height: 400px;
    }
    .contact_form{
        width: 100%;
    }
    .row_contactus .col-xs-4{
        width: 100%;
        margin-bottom: 30px;
    }
    .row_contactus .col-xs-4:nth-last-child(1){
        margin-bottom: 0;
    }
    .images_gallery {
        height: 150px;
    }
    .row_photogallery .col-xs-4 {
        padding: 10px;
    }
    .row_photogallery {
        margin: 50px -10px 0;
    }
    .section_villaplan .details_materplan{
        margin-top: 50px;
    }
    .section_detailvillaplan td {
        width: 10%;
    }
    .section_detailvillaplan table, .section_detailvillaplan thead{
        font-size: 16px;
    }
    .images_villaplan .tooltip16 {
        top: 18%;
        left: 80%;
    }
    .images_villaplan .tooltip1 {
        top: 55%;
        left: 25%;
    }
    .images_villaplan .tooltip19 {
        top: 23%;
        left: 91%;
    }
    .images_villaplan .tooltip12 {
        top: 68%;
        left: 78%;
    }
    .images_villaplan .tooltip13 {
        top: 56%;
        left: 77%;
    }
    .section_villaplan .details_materplan {
        margin-top: 50px;
        padding: 30px;
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .container{
        padding: 0 30px;
    }
    .hamberger_menu{
        left: 30px;
    }
    .social_header{
        right: 30px;
    }
    .social_header li{
        padding: 0 5px;
    }
    .images_icon{
        width: 20px;
        height: 20px;
    }
    .btn_slideshow{
        padding: 0 10px;
        display: none;
    }
    h1{
        font-size: 24px;
    }
    .brand_logo{
        height: 80px;
        top: 30px;
    }
    .btn_more{
        padding: 8px 20px;
    }
    .button_slideshow ul li{
        padding: 0 5px;
    }
    .button_slideshow {
        bottom: 30px;
    }
    .scroll_menu .brand_logo {
        height: 55px;
        bottom: 0;
        top: 0;
    }
    .details_intro{
        padding: 50px 30px;
    }
    .section_highlights{
        padding: 15px;
    }
    .row_highlights li {
        width: calc(100% - 2%);
    }
    .details_materplan{
        padding: 50px 0 30px;
        text-align: center;
    }
    .btn_moremasterplan{
        position: inherit;
    }
    .section_masterplan{
        background: var(--pimary-color);
        text-align: center;
        padding-bottom: 50px;
    }
    .details_embrace, .details_nearby{
        padding: 50px 30px;
        background-position: top;
    }
    .images_location{
        height: 300px;
    }
    .details_nearby h2 {
        margin-bottom: 30px;
    }
    .details_nearby .btn_more {
        margin-top: 30px;
    }
    .section_widget{
        padding: 50px 30px;
    }
    .images_widget {
        margin-top: 30px;
    }
    .list_sitemap, .list_contact, .list_address {
        padding: 0;
    }
    .section_masterplan img{
        transform: scale(1.1);
        object-position: right;
    }
    .images_masterplan{
        overflow: hidden;
    }
    .section_masterplan .tooltip, .section_villaplan .tooltip {
        width: 15px;
        height: 15px;
        border: 2px solid #e6e6e6;
    }
    .tooltip1 {
        top: 30%;
        left: 12%;
    }
    .tooltip2 {
        top: 28%;
        left: 18%;
    }
    .tooltip3 {
        top: 38%;
        left: 18%;
    }
    .tooltip4 {
        top: 33%;
        left: 25%;
    }
    .tooltip5 {
        top: 27%;
        left: 40%;
    }
    .tooltip6 {
        top: 22%;
        left: 47%;
    }
    .tooltip7 {
        top: 18%;
        left: 53%;
    }
    .tooltip8 {
        top: 11%;
        left: 55%;
    }
    .tooltip9 {
        top: 18%;
        left: 69%;
    }
    .tooltip10 {
        top: 22%;
        left: 64%;
    }
    .tooltip11 {
        top: 25%;
        left: 59%;
    }
    .tooltip12 {
        top: 30%;
        left: 54%;
    }
    .tooltip13 {
        top: 35%;
        left: 46%;
    }
    .tooltip14 {
        top: 37%;
        left: 58%;
    }
    .tooltip15 {
        top: 45%;
        left: 60%;
    }
    .tooltip16 {
        top: 54%;
        left: 65%;
    }
    .tooltip17 {
        top: 64%;
        left: 71%;
    }
    .tooltip18 {
        top: 46%;
        left: 75%;
    }
    .tooltip19 {
        top: 55%;
        left: 81%;
    }
    .tooltip20 {
        top: 65%;
        left: 87%;
    }
    .overlay.open{
        width: 100%;
    }
    .overlay ul{
        padding: 0 30px;
    }
    .brand_logo_footer img{
        height: 70px;
    }
    .project_highlights ul{
        width: 100%;
    }
    .project_highlights li>label {
        width: 100%;
    }
    .project_highlights li{
        padding: 10px 0;
    }
    .details_thevilla{
        padding: 50px 30px;
    }
    .details_thevilla li{
        padding: 15px 0;
    }
    .images_nearby, .slide_nearby button, .section_map {
        height: 300px;
    }
    .row_destination img{
        width: 30px;
    }
    .row_destination img{
        margin-right: 0;
    }
    .row_destination ul{
        padding: 0 0 0 40px;
    }
    .row_destination li>label{
        width: auto;
    }
    .slide_nearby button{
        left: -30px;
    }
    .slide_nearby button.slick-next {
        left: auto;
        right: -30px;
    }
    .row_contactus .col-xs-4:nth-child(2) p>label{
        width: auto;
    }
    .contact_form{
        padding: 50px 30px;
    }
    .g-recaptcha{
        padding-left: 0!important;
        float: left;
    }
    .row_input ul{
        padding: 0 0 0 10px;
    }
    .nav-tabs.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        border-bottom: 1px solid #ffffff26;
        border-radius: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .nav-tabs.nav-tabs-dropdown::after,
    .nav-tabs-dropdown::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #ffffff;
        position: absolute;
        left: auto;
        right: 10px;
        top: 16px;
        margin: auto;
        transition: all 0.25s;
    }

    .nav-tabs-dropdown a {
        border-bottom: 1px solid #04234121 !important;
        text-align: left;
    }

    .nav-tabs.nav-tabs-dropdown.open a,
    .nav-tabs-dropdown.open a {
        position: relative!important;
        display: block;
    }

    .nav-tabs.nav-tabs-dropdown.open > li.active > a,
    .nav-tabs-dropdown.open > li.active > a {
        background: var(--pimary-color)!important;
    }
    .section_portfolio .nav li.active a{
        padding: 10px 15px;
    }

    .nav-tabs.nav-tabs-dropdown li,
    .nav-tabs-dropdown li {
        display: inline;
        width: 100%;
        padding: 0!important;
        vertical-align: bottom;
        margin: 0 !important;
    }

    .nav-tabs.nav-tabs-dropdown > li > a,
    .nav-tabs-dropdown > li > a {
        position: absolute!important;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        border-color: transparent;
        background: #ffffff!important;
        padding: 5px 10px;
    }

    .nav-tabs.nav-tabs-dropdown > li > a:focus,
    .nav-tabs-dropdown > li > a:focus,
    .nav-tabs.nav-tabs-dropdown > li > a:hover,
    .nav-tabs-dropdown > li > a:hover,
    .nav-tabs.nav-tabs-dropdown > li > a:active,
    .nav-tabs-dropdown > li > a:active {
        border-color: transparent;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a,
    .nav-tabs-dropdown > li.active > a {
        display: block;
        border-color: transparent;
        position: relative!important;
        z-index: 0;
        background: var(--pimary-color)!important;
        color: #ffffff!important;
        padding: 5px 10px;
    }

    .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs-dropdown > li.active > a:focus,
    .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs-dropdown > li.active > a:hover,
    .nav-tabs.nav-tabs-dropdown > li.active > a:active,
    .nav-tabs-dropdown > li.active > a:active {
        border-color: transparent;
    }
    .row_photogallery .col-xs-4{
        width: 50%;
    }
    .row_photogallery {
        margin: 0 -10px 0;
    }
    .images_gallery {
        height: 120px;
    }
    .overlay.open{
        grid-template-columns: 1fr;
    }
    .overlay ul{
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0;
    }
    .section_detailvillaplan table{
        display: inline-block;
        overflow: scroll;
    }
    .section_detailvillaplan td{
        padding: 5px;
    }
    .btn_enlarge label{
        display: none;
    }
    .images_villaplan .tooltip1 {
        top: 55%;
        left: 24%;
    }
    .images_villaplan .tooltip2 {
        top: 58%;
        left: 32%;
    }
    .images_villaplan .tooltip3 {
        top: 60%;
        left: 40%;
    }
    .images_villaplan .tooltip4 {
        top: 44%;
        left: 33%;
    }
    .images_villaplan .tooltip5 {
        top: 47%;
        left: 40%;
    }
    .images_villaplan .tooltip6 {
        top: 49%;
        left: 49%;
    }
    .images_villaplan .tooltip7 {
        top: 43%;
        left: 64%;
    }
    .images_villaplan .tooltip8 {
        top: 58%;
        left: 65%;
    }
    .images_villaplan .tooltip9 {
        top: 67%;
        left: 66%;
    }
    .images_villaplan .tooltip10 {
        top: 76%;
        left: 67%;
    }
    .images_villaplan .tooltip11 {
        top: 85%;
        left: 68%;
    }
    .images_villaplan .tooltip12 {
        top: 67%;
        left: 78%;
    }
    .images_villaplan .tooltip14 {
        top: 47%;
        left: 76%;
    }
    .images_villaplan .tooltip18 {
        top: 15%;
        left: 90%;
    }
    .images_villaplan .tooltip15 {
        top: 26%;
        left: 80%;
    }
    .section_masterplan .tooltip > label, .section_villaplan .tooltip > label{
        padding: 4px 10px;
        transform: translate(-45%, -30px);
        font-size: 12px;
    }
    .section_masterplan .tooltip, .section_villaplan .tooltip{
        width: 13px;
        height: 13px;
        border: 2px solid #e6e6e6
    }
    .section_masterplan .tooltip > label:before, .section_villaplan .tooltip > label:before{
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid var(--pimary-color);
        bottom: -7px;
    }
}

@media screen and (max-height: 600px) {

}

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

}

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

}

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

}

@media screen and (max-width: 360px) {
    .g-recaptcha{
        transform: scale(0.7)!important;
        -webkit-transform: scale(0.7)!important;
    }
    .scroll_menu .brand_logo{
        height: 45px;
    }
}