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

}

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

}

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

}

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

}

@media screen and (max-width: 1440px) {
    .section_aboutus .container{
        padding: 0 50px;
    }
}

@media screen and (max-width: 1280px) {
    .container{
        width: 100%;
        padding: 0 50px;
    }
    .row_masterplan img, .row_masterplan .col-xs-4{
        height: 500px;
    }
    .section_ig{
        padding: 50px;
    }
    .section_intro {
        padding: 0 0 50px 0;
    }
    .section_nearby{
        padding: 50px 0;
    }
    .row_intro {
        margin: 50px -25px 0;
    }
    .row_nearby {
        margin: 50px -15px 0;
    }
    .section_ourteam{
        padding: 50px 0;
    }
    .section_aboutus .row_aboutus{
        margin-bottom: 50px;
    }
    .images_aboutus{
        height: 500px;
    }
    .section_aboutus{
        padding-bottom: 50px;
    }
    .section_location {
        padding-bottom: 50px;
    }
    .section_googlemap {
        padding: 0 50px 50px;
    }
    .section_contactus {
        padding-bottom: 50px;
    }
    .images_introtiara img{
        width: 100%;
    }
    .section_tiara {
        padding: 0;
    }
    .section_tiara .row_tiara{
        margin: 0 0 50px 0;
    }
    .section_progress{
        padding: 50px 0;
    }
    .details_tiara .col-xs-6:nth-last-child(2) {
        padding-right: 30px;
    }
    .register_button {
        margin-bottom: 50px;
    }
}

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

}

@media screen and (max-width: 1100px) {
    .row_intro .col-xs-6{
        width: 100%;
    }
    .row_intro .col-xs-6:nth-child(1) .images_intro{
        margin-bottom: 50px;
    }
    .images_intro, .images_intro img{
        height: auto!important;
    }
    .row_masterplan .col-xs-4{
        width: 100%;
    }
    .row_masterplan .col-xs-8{
        width: 700px;
        float: none;
        margin: 0 auto;
    }
    .row_masterplan img{
        height: auto;
        width: 700px;
        margin: 0 auto;
    }
    .row_masterplan .col-xs-4{
        height: auto;
        position: inherit;
        display: block;
        margin-top: 25px;
    }
    .row_masterplan ul{
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
    .row_masterplan li {
        list-style: none;
        padding: 10px 20px;
        float: left;
    }
    .row_masterplan label{
        margin-right: 10px;
    }
    .row_nearby .col-xs-4{
        width: 70%;
    }
    .row_nearby .col-xs-2{
        width: 30%;
    }
    .row_nearby .col-xs-5 .col-xs-3{
        width: 100%;
    }
    .details_nearby{
        padding: 0 50px 50px;
        height: auto!important;
    }
    .row_nearby .col-xs-5{
        width: 100%;
    }
    .row_nearby .col-xs-7{
        width: 100%;
        margin-top: 30px;
    }
    .row_footer .col-xs-3{
        width: 100%;
        margin-bottom: 15px;
    }
    .section_footer{
        text-align: center;
    }
    .section_footer h4{
        display: none;
    }
    .row_footer .col-xs-3:nth-child(2){
        display: none;
    }
    .row_footer .col-xs-3:nth-last-child(1){
        margin-bottom: 0;
    }
    .section_footer ul {
        margin: 0 auto;
        display: inline-block;
    }
    .section_footer p > label, .section_copyright p {
        display: inline;
    }
    .section_footer img {
        height: 60px;
    }
    .section_copyright p:nth-child(1) {
        float: none;
    }
    .section_copyright p:nth-last-child(1) {
        float: none;
    }
    .section_header{
        padding: 0 30px;
    }
    .header_contact{
        right: 30px;
    }
    .button_container{
        left: 30px;
    }
    .container{
        padding: 0 30px;
    }
    .slideshow{
        border: 30px solid #f2ebe9;
        border-top: 60px solid #f2ebea;
    }
    .section_intro {
        padding: 30px 0 50px 0;
    }
    .section_masterplan{
        padding: 0 30px 50px;
    }
    .details_nearby {
        padding: 0 30px 50px;
    }
    .details_nearby p:nth-last-child(1){
        margin-bottom: 0;
    }
    .section_ig {
        padding: 50px 30px;
    }
    h1{
        font-size: 38px;
    }
    h2{
        font-size: 38px;
    }
    body{
        font-size: 16px;
    }
    .section_copyright, .btn_discover{
        font-size: 14px;
    }
    h3{
        font-size: 24px;
    }
    .details_aboutus h2{
        font-size: 26px;
    }
    .overlay ul{
        padding: 0 30px;
    }
    .logo_al {
        bottom: 30px;
        left: 30px;
    }
    .section_aboutus .col-xs-8{
        width: 100%;
    }
    .section_aboutus .col-xs-4{
        width: 100%;
    }
    .images_aboutus, .images_aboutus img{
        height: auto;
    }
    .section_aboutus .container{
        padding: 0 30px;
    }
    .details_aboutus {
        padding: 30px 0 0!important;
    }
    .section_location .container{
        display: inherit;
    }
    .section_location .col-xs-6{
        width: 100%;
    }
    .details_location{
        padding: 50px 0 0 0;
    }
    .images_location img{
        width: 600px;
        margin: 0 auto;
    }
    .section_googlemap {
        padding: 0 30px 50px;
    }
    .section_contactus .col-xs-6{
        width: 100%;
    }
    .section_contactus .col-xs-6:nth-child(1){
        padding: 0 0 50px;
    }
    .row_tiara .col-xs-6{
        width: 100%;
    }
    .row_tiara .col-xs-6:nth-last-child(1) .images_tiara{
        height: auto!important;
    }
    .details_tiara .col-xs-6:nth-last-child(2) {
        padding-right: 50px;
    }
    .details_tiara {
        padding: 50px 30px 0;
        display: flex;
        align-items: start;
    }
    .row_masterplan .col-xs-8 .a1 {
        right: 29%;
    }
    .row_masterplan .col-xs-8 .a2 {
        right: 39%;
    }
    .row_masterplan .col-xs-8 .a3 {
        right: 49%;
    }
    .row_masterplan .col-xs-8 .a4 {
        right: 59%;
    }
    .row_masterplan .col-xs-8 .b1 {
        right: 70%;
        top: 81%;
    }
    .row_masterplan .col-xs-8 .e1 {
        right: 38%;
        top: 65%;
    }
    .row_masterplan .col-xs-8 .a5 {
        right: 60%;
    }
    .row_masterplan .col-xs-8 .a6 {
        right: 62%;
    }
    .row_masterplan .col-xs-8 .a7 {
        right: 65%;
    }
    .row_masterplan .col-xs-8 .a8 {
        right: 67%;
    }
    .row_masterplan .col-xs-8 .d1 {
        right: 76%;
    }
    .row_masterplan .col-xs-8 .e2 {
        right: 87%;
    }
    .row_masterplan .col-xs-8 .a9 {
        right: 48%;
    }
    .row_masterplan .col-xs-8 .a10 {
        right: 41%;
        top: 43%;
    }
    .row_masterplan .col-xs-8 .a11 {
        right: 33%;
        top: 50%;
    }
    .row_masterplan .col-xs-8 .c1 {
        right: 21%;
    }
}

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

}


@media screen and (max-width: 768px) {
    .row_masterplan li{
        float: none;
    }
    .images_nearby, .images_nearby img{
        height: auto;
    }
    .row_nearby .col-xs-7 .col-xs-2{
        width: 100%;
    }
    .row_nearby .col-xs-7 .col-xs-4{
        width: 100%;
        margin-bottom: 50px;
    }
    .row_nearby .col-xs-7{
        margin-top: 50px;
    }
    .section_slideshow {
        height: 60vh;
    }
    .images_location img {
        width: 400px;
    }
    .section_googlemap iframe {
        height: 400px;
    }
    .images_tiara{
        height: 400px;
    }
    .images_gallery{
        height: 200px;
    }

}

@media screen and (max-width: 640px) {
    .section_ig p{
        display: inline-grid;
    }
    .section_ig p > a{
        margin-top: 15px;
    }
    .section_header{
        height: 60px;
    }
    .brand_logo{
        height: 60px;
        padding: 12px 0;
    }
    .button_container:before{
        content: none;
    }
    h1{
        font-size: 30px;
    }
    .row_intro .col-xs-6:nth-child(1) .images_intro {
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .row_intro .col-xs-6:nth-child(2) .images_intro {
        margin-bottom: 30px;
    }
    .row_intro .col-xs-12 {
        padding: 30px 25px 0;
    }
    .row_nearby .col-xs-7 {
        margin-top: 30px;
    }
    .row_nearby .col-xs-7 .col-xs-4{
        margin-bottom: 30px;
    }
    .section_slideshow {
        height: 50vh;
    }
    .logo_al img{
        height: 50px;
    }
    .text_ourteam{
        left: 120px;
    }
    .section_slideshow {
        height: 300px;
    }
    .text_ourteam{
        position: inherit;
        left: auto;
        text-align: center;
        margin-bottom: 50px;
    }
    h2, .details_tiara h2 {
        font-size: 30px;
    }
    .logo_al {
        bottom: 15px;
        left: 15px;
    }
    .images_location img {
        width: 100%;
    }
    .details_location .distance{
        float: none;
        text-align: left;
        width: 100%;
    }
    .details_location .distance label:nth-child(1){
        margin-right: 15px;
    }
    .section_googlemap iframe {
        height: 250px;
    }
    .overlay.open{
        width: 100%;
    }
    .details_tiara {
        display: initial;
        width: 100%;
    }
    .details_tiara .col-xs-6:nth-last-child(2) {
        padding-right: 0;
    }
    .box_gallery .col-xs-4{
        width: 100%;
    }
    .images_tiara {
        height: 350px;
    }
    .slick-next {
        right: 15px;
    }
    .slick-prev {
        left: 15px;
    }
    .images_gallery {
        height: 250px;
    }
    .row_masterplan img, .row_masterplan .col-xs-8{
        width: 400px;
    }
    .row_masterplan .col-xs-8 label {
        font-size: 11px;
        width: 20px;
        height: 20px;
    }
    .box_masterplan .container{
        padding: 0;
    }
    .section_intro_ourteam img {
        height: auto;
        width: 320px;
    }
    .details_aboutus img {
        height: 80px !important;
    }
}

@media screen and (max-height: 550px) {
    .section_slideshow{
        height: 100vh;
    }
}

@media screen and (max-width: 450px) {
    .row_masterplan img, .row_masterplan .col-xs-8{
        width: 100%;
    }
    .row_masterplan .col-xs-8 label {
        font-size: 8px;
        width: 15px;
        height: 15px;
    }
}


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

}

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

}

@media screen and (max-width: 330px) {
    .section_intro_ourteam img.logo_brandmark {
        height: auto;
        width: 100%;
    }
}