/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

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

}





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

    .header {left: 140px; right: 140px;padding: 30px 35px 20px;}

    .content { margin: 0 140px; } 

}

@media (min-width: 1500px) and (max-width: 1599px){



/* .newIdeologySection .learnMoreButton { bottom: 0; } */

.content { margin: 0 140px; } 

.header {left: 140px; right: 140px;padding: 30px 35px 20px;}



.navbar-nav .nav-item {

    position: relative;

    padding: 0 16px;

}

.luxury-images .text-block {

    padding: 0 35px;

}



.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}



.lifestyle-home .luxuxy-top {

    padding-top: 55px;

}



.luxuxy-top {

    padding: 122px 60px 40px 60px;
    padding: 92px 30px 30px 30px;

}



.main-item img {

    height: calc(100vh - 240px);

}



.main-banner .banner-title {

    bottom: 20%;

}



.floor-content .section-title {

    padding-top: 55px;

}



.contact-section {

    padding-top: 40px;

}



.location-list ul li {

    padding: 6px 22px;

    margin-bottom: 24px;

}

.location-list ul li:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 42px;

}



.location-list ul li * {

    padding: 0 17px;

}



.location-sec {

    padding-right: 70px;

}



}







@media (min-width: 1400px) and (max-width: 1499px){

/* .newIdeologySection .learnMoreButton { bottom: 0; } */

.content { margin: 0 140px; } 

.header {left: 140px; right: 140px; padding: 30px 35px 20px;}



.navbar-nav .nav-item {

    position: relative;

    padding: 0 16px;

}



.navbar-nav .nav-item .nav-link {

    font-size: 11px;

}



.luxury-images .text-block {

    padding: 0 10px;

}



.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}



.lifestyle-home .luxuxy-top {

    padding-top: 75px;

}



.luxuxy-top {

    padding: 192px 30px 30px 30px;
    padding: 92px 30px 30px 30px;

}



.luxuxy-top {

    padding: 122px 60px 40px 60px;
    padding: 92px 30px 30px 30px;

}



.floor-content .section-title {

    padding-top: 35px;

}

.contact-section {

    padding-top: 40px;

}

.commonForm textarea {

    height: 81px;

}

.luxury-home .luxury-images .l-logo {

    left: 31.5%;

}





.v-logo {

    padding:15px 0 0;

}



.lifestyle-home .luxury-images .l-logo {

    right: -52px;

    left: auto;

}



.location-list ul li {

    padding: 6px 22px;

    margin-bottom: 24px;

    padding: 6px 15px;

}



.location-list ul li:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 42px;

    width: 86px;

}



.location-list ul li * {

    padding: 0 15px;

    font-size: 9px;

}



.location-sec {

    padding-right: 60px;

    padding-left: 70px;

}





.location-image  img {

    max-height: 460px;

}



.left-logo {

    position: absolute;

    left: -57px;

    top: 20.3%;

    width: 150px;

    z-index: 999;

    top: 53.6vh;

}

.gallery-page .left-logo {

    top: 42vh;

}



.location-sec .v-logo img {

    width: 100px;

}



.luxury-home-sec {

    height: auto!important;

}



}



@media (min-width: 1300px) and (max-width: 1399px){

    .left-logo {

        top: 47.6vh;

    }



    .gallery-page .left-logo {

        top: 42vh;

    }



    .left-logo {

        top: 40.6vh;

    }



/* .newIdeologySection .learnMoreButton { bottom: 0; } */

.content { margin: 0 100px; } 

.header {left: 100px; right: 100px;padding: 30px 35px 20px;}

.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}

.navbar-nav .nav-item {

    position: relative;

    padding: 0 11px;

}

.navbar-nav .nav-item .nav-link {

    font-size: 11px;

}





.luxury-images .text-block {

    padding: 0 10px;

}



.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}
.main-banner .banner-title {
    bottom: 24%;
}



.lifestyle-home .luxuxy-top {

    padding-top: 75px;

}



.luxuxy-top {

    padding: 192px 30px 30px 30px;
    padding: 92px 30px 30px 30px;
    

}

.luxuxy-top {

    padding: 60px 60px 40px 60px;

}



.floor-content {

    padding-left: 105px;
    padding-top: 30px;

}

.floor-block .type {

    padding: 8px;

}

.floor-content .section-title {

    padding-top:35px;
    padding-top: 0;

}

.footer-sec {
    padding-top: 25px !important;
}

.f-social {
    padding: 15px 0 20px;
}



.v-logo {

    padding:15px 0 0;

}

.location-list ul li {

    padding: 6px 22px;

    margin-bottom: 24px;

}

.location-list ul li:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 42px;

}



.location-list ul li * {

    padding: 0 17px;

}



.location-sec {

    padding: 0 30px 0 80px;

    /* height: calc(100vh - 135px); */

}



.location-image {

    text-align: right;

}



.location-image img {

    height: 400px;

}

.location-list {

    padding: 30px 0 0;

}

.location-main .f-social {

    padding: 0 0 20px;

    margin-top: -10px;

}



.location-sec .v-logo img {

    width: 100px;

}



.luxury-home-sec {

    height: auto!important;

}



}



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



/* .newIdeologySection .learnMoreButton { bottom: 0; } */

.content { margin: 0 100px; } 

.header {left: 100px; right: 100px;padding: 30px 35px 20px;}

.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}

.main-item img {

    height: calc(100vh - 230px);

}

.navbar-nav .nav-item {

    position: relative;

    padding: 0 11px;

}

.navbar-nav .nav-item .nav-link {

    font-size: 11px;

}

.main-banner .banner-title {

    bottom: 22%;

}



.commonSection {

    padding-top: 92px;

}





.luxury-images .text-block {

    padding: 0 10px;

}



.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}



.lifestyle-home .luxuxy-top {

    padding-top: 75px;

}



.luxuxy-top {

    padding: 192px 30px 30px 30px;
    padding: 92px 30px 30px 30px;

}



.luxury-home .luxury-images .l-logo {

    width: 120px;

    left: 33.5%;

    top: -47px;

}

.lifestyle-home .luxury-images .l-logo {

    right: -22px;

    bottom: -105px;

    left: auto;

    top: auto;

}

.btnWhiteOverlay {

    letter-spacing: 1px;



}

.left-logo {

    left: -49px;

    width: 130px;

    z-index: 999;

    top: 56.6vh;

}

.navbar-brand img {

    width: 214px;

}

.floor-content .section-title {

    color: #666666;

    padding-top: 0;

    font-size: 38px;

    line-height: 38px;

}

.floor-block {

    height: 100%;

}

.floor-block .type h2 {

    font-size: 20px;

    line-height: 20px;

}



.floor-content .row .row [class*=col-] {

    width: 25%;

}

.floor-block .type {

    padding: 8px;

}



.floor-content {

    padding-top: 0px;

}

.facility-block {

    height: auto;

}

.footer-sec {

    padding-top: 15px !important;

}

.location-sec {

    padding: 0 30px 0 30px;

    height: calc(100vh - 135px);

}

.v-logo {

    padding:40px 0 0;

}

.location-list ul li {

    padding: 6px 22px;

    margin-bottom: 24px;

}

.location-list ul li:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 42px;

}



.location-list ul li * {

    padding: 0 17px;

}

.gallery-item img {

    height: calc(100vh - 190px);

}



.luxury-home-sec {

    height: auto!important;

}







}



@media (min-width: 992px) and (max-width: 1199px){

.section-title { font-size: 40px; line-height: 45px; }



/* .itsTimeLiveDots { bottom: 130px; } */

.content { margin: 0 0; } 

.header {left: 0; right: 0;padding: 20px 20px;}

.navbar-nav .nav-item .nav-link {

    font-size: 11px;

}

.navbar-nav .nav-item {

    padding: 0 11px;

}





.luxury-images .text-block {

    padding: 0 10px;

}



.luxury-home {

    padding-left: 25px;

    padding-right: 25px;

}

.main-banner .banner-title {

    bottom: 26%;

    left: 145px;

}



.lifestyle-home .luxuxy-top {

    padding-top: 75px;

}



.luxuxy-top {

    padding: 192px 30px 30px 30px;
    padding: 50px 30px 30px 30px;

}



.luxury-home .luxury-images .l-logo {

    width: 120px;

    left: 33.5%;

    top: -50px;

}

.lifestyle-home .luxury-images .l-logo {

    right: -22px;

    bottom: -105px;

    left: auto;

    top: auto;

}



.commonSection {

    padding-top: 83px;

}



.btnWhiteOverlay {

    letter-spacing: 1px;



}

.left-logo {

    left: 0;

    width: 130px;

    z-index: 999;

    top: 53vh;

}



.navbar-brand img {

    width: 214px;

}

.floor-content .section-title {

    color: #666666;

    padding-top: 0;

}

.floor-content .row .row [class*=col-] {

    width: 25%;

}

.floor-block .type {

    padding: 8px;

}



.floor-content {

    padding-top: 0px;

}

.facility-block {

    height: auto;

}

.footer-sec {

    padding-top: 15px !important;

}

.location-sec {

    padding: 0 30px 0 30px;

    height: calc(100vh - 135px);

}

.v-logo {

    padding: 0;

}

.location-list ul li {

    padding: 6px 22px;

    margin-bottom: 24px;

}

.location-list ul li:after {

    position: absolute;

    left: -10px;

    top: -10px;

    height: 42px;

}

.gallery-item img {

    height: calc(100vh - 180px);

}





}



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

.section-title { font-size: 35px; line-height: 40px; }



/* .header { padding: 30px 0; } */

.header { padding: 15px 0; }

/* .navbar-brand img { width: 225px; } */

.navbar-nav .nav-item .nav-link { font-size: 10px; line-height: 10px;letter-spacing: 1px;  }





.footer ul li { padding: 0 8px; font-size: 11px; }



.contact-section { padding-top: 0; }

.content { margin: 0 0; } 

.footer {left: 0; right: 0;}

.header {left: 0; right: 0;padding: 20px 15px;}

.navbar-nav .nav-item {

    padding: 0 8px;

}

.navbar-nav .nav-item::after {

    right: -4px;

}

.navbar-brand img {

    width: 160px;

}



.main-banner .banner-detail .detail {

    padding: 30px 22px 50px 30px;

}



.luxury-images .text-block {

    padding: 0 10px;

}



.luxury-home {

    padding-left: 20px;

    padding-right: 20px;

}



.main-banner .banner-title {

    bottom: 18%;

    bottom: 24%;

    left: 115px;

}



.footer-sec {

    padding-top: 35px !important;

}



.luxury-images .text-block p {

    font-size: 10px;

    line-height: 20px;

    margin: 0;

}



.main-item img {

    height: calc(100vh - 240px);

}



.luxuxy-top .luxury-content {

    max-width: 450px;

}



.commonSection {

    padding-top: 72px;

}





.luxuxy-top {

    padding: 192px 30px 30px 30px;

}



.luxury-home .luxury-images .l-logo {

    width: 120px;

    left: 33.5%;

    left: 31.5%;

    top: -27px;

}

.lifestyle-home .luxury-images .l-logo {

    right: -22px;

    bottom: -105px;

    left: auto;

    top: auto;

}

.btnWhiteOverlay {

    letter-spacing: 1px;



}

.left-logo {

    left: -10px;

    width: 130px;

    z-index: 999;

}



.floor-content {

    padding-left: 115px;

    padding-right: 15px;

    padding-top: 30px;

}

.floor-content .row .row [class*=col-] {

    width: 33.333333%;

}



.modal-content .modal-body {

    padding: 30px 15px;

}



.floor-content [class*=col-]:last-child {

    width: 40%;

}



.floor-content [class*=col-]:first-child {

    width: 60%;

}



.floor-block {

    padding-top: 40px;

}

.floor-block .type {

    padding: 8px;

}

.floor-content .section-title {

    padding-top: 35px;

}



.facility-block {

    height: auto;

}



.floor-main .fp-scroller {

    height: auto;

}



.location-sec {

    padding: 0 30px 0 30px;

    height: auto;

}



.location-main.fullScreenSection .fp-scroller {

    height: auto;

}



.v-logo {

    padding: 0;

}



.location-list ul li {

    margin-bottom: 32px;

}

.gallery-item img {

    height: calc(100vh - 190px);

}





}



@media (min-width: 768px) {

.navbar-nav .nav-item .nav-link.dropdown-toggle::after { display: none; }

.navbar-nav .nav-item:hover > .dropdown-menu { display: block; }

.navbar-nav .nav-item.show > .dropdown-menu { display: none; }

.navbar-expand-md .navbar-collapse {
    display: block !important;
    flex-basis: auto;
}

}



@media (max-width: 767px) {

.section-title { 

    font-size: 24px;

    line-height: 30px;

 }



/* .header { padding: 20px 0; } */

.header { padding: 10px 0; }

/* .navbar-brand img { width: 175px; } */

.navbar-brand img { width: 150px; }

.navbar-nav .nav-item .nav-link { font-size: 10px; line-height: 16px;     padding: 5px 0;    display: inline-block; }

.commonSection { padding-top: 30px; padding-left: 12px; padding-right: 12px; padding-bottom: 0; }

.newIdeologySection .learnMoreButton { position: relative; right: auto; bottom: auto; padding-left: 20px;}

/* .newIdeologySection { padding-left: 12px; padding-top: 90px; background: unset !important; padding-left: 0; padding-right: 0; background-color: #fff !important; margin-bottom: 0;} */

.newIdeologySection { padding-left: 12px; padding-top: 66px; background: unset !important; padding-left: 0; padding-right: 0; background-color: #fff !important; margin-bottom: 0;}

.newIdeologySection .detail { padding-right: 0; }

.contact-section { padding-top: 30px; padding-left: 0; padding-right: 0; }

.contact-form { max-width: 100%; }

.itsTimeToLiveDescription .sitelink { text-align: left; }



.footer { padding: 12px 0; position: relative; left: auto; right: auto; bottom: auto; }

.footer ul { justify-content: center !important; margin: 5px 0; }





.header {left: 0; right: 0;padding: 20px 15px;}

.navbar-nav .nav-item {

    padding: 0 0 10px;

}

.navbar-nav .nav-item::after {

    right: -4px;

    display: none;

}

.navbar-brand img {

    width: 160px;

}



.main-banner .banner-detail .detail {

    padding: 30px 20px;

}



.luxury-images .text-block {

    padding: 10px;

}



.luxury-home {

    padding-left: 15px;

    padding-right: 15px;

}

.luxury-home .luxuxy-top .luxury-content {

    max-width: 225px;

}

.luxury-home .luxuxy-top .luxury-content .section-title {
    
    padding: 0;

}

.luxury-home .luxuxy-top .luxury-content .section-title br {

    display: block;

}



/* .main-banner .banner-title {

    bottom: 0;

    left: 145px;

    top: 180px;

    left: 20px;

    bottom: auto;

} */

.main-banner .banner-title {

    /* bottom: 0;

    left: 145px; */

    top: 200px;

    left: 50px;

    bottom: auto;

    max-width: 105px;

    width: 100%;

}





.luxuxy-top .section-title,

.main-banner .banner-title .section-title {

    font-size: 20px;

    line-height: 30px;

    /* background: rgba(0,0,0,0.5); */

    padding: 4px;

    right: 0;

}


.inner-page .main-banner .section-title {
    /* background: transparent !important; */
    /* color: #fff; */
}


.luxury-images .text-block p {

    font-size: 10px;

    line-height: 20px;

    margin: 0;

}

.lifestyle-home .luxury-images {

    padding: 0;

}



.commonSection {

    padding-top: 72px;

}

.lifestyle-home .luxuxy-top {

    padding: 192px 10px 10px 10px;

    padding-top: 25px;

}



.luxuxy-top {

    padding: 30px 20px;

    position: relative;

    z-index: 99;

}



.section-title * br {

    display: none;

}

.luxuxy-top .luxury-content p {

    font-size: 10px;

    line-height: 18px;

}

.luxuxy-top .luxury-content p br {

    display: none;

}

/* .luxuxy-top:after {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0,0,0,0.5);

    content: "";

    z-index: -1;

} */



.main-item {

    z-index: 999;

}



/* .main-item:after {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0,0,0,0.5);

    content: "";

} */



.main-item img {

    height: 370px;
    /* height: calc(100vh - 300px); */

}



.luxury-home .luxury-images .l-logo {

    width: 120px;

    left: 33.5%;

    display: none;

}

.luxury-images [class*=col-]:first-child {

    padding-bottom: 0;

}

.luxury-images [class*=col-]:first-child,

.luxury-images [class*=col-] {

    width: 100%;

    padding-bottom: 10px;

}



.luxury-images {

    padding: 10px 0 0;

}



.lifestyle-home .luxury-images .l-logo {

    right: -22px;

    bottom: -105px;

    left: auto;

    top: auto;

}

.btnWhiteOverlay {

    letter-spacing: 0;

    padding: 12px 17px;



}

.left-logo {

    left: -10px;

    width: 130px;

    z-index: 999;

    /* display: none; */



    left: -5px;

    z-index: 999;

    /* display: none; */

    top: 300px;

    width: 60px;

}





.typography-pg ul li,

.typography-pg ol li {

    font-size: 12px;

    line-height: 24px;

    color: #808080;

}



.footer ul li { padding: 0 8px; font-size: 11px; }



.newIdeologySection .newIdeologyContent { padding: 20px 20px 0; }

.newIdeologySection .newIdeologyContent .section-title {color: #000000;}

.newIdeologySection .detail p {color: #000000;}





.content { margin: 0 0; } 

.header {left: 0; right: 0;}

.footer {left: 0; right: 0;}

.newIdeologySection::after {display: none;}

.fullScreenSection .fp-scroller {

	height: auto;

}



.footer-sec {

    padding-top: 20px !important;

}



.floor-content {

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 30px;

}

.floor-content .row .row [class*=col-] {

    width: 50%;

}

.floor-content [class*=col-]:last-child {

    width: 100%;

}

.floor-content [class*=col-]:first-child {

    width: 100%;

}



.modal-content .modal-body {

    padding: 30px 15px;

}



.floor-block {

    padding-top: 40px;

}

.floor-block .type {

    padding: 8px;

}

.floor-content .section-title {

    padding-bottom: 20px;

    padding-top: 0;

}



.facility-block {

    height: auto;

}

.facility-image {

    margin-left: 0;

}

.location-sec {

    padding: 0 15px;

    height: auto;

}



.location-main.fullScreenSection .fp-scroller {

    height: auto;

}



.location-list ul li:after {

    position: absolute;

    left: -5px;

    top: -5px;

    height: auto;

    bottom: -5px;

    width: 55px;

}

.location-list ul li * {

    padding: 0 5px;

    font-size: 9px;

    line-height: 9px;

    letter-spacing: 1px;

}





.location-list ul li span {

    max-width: 82px;

    width: 44px;

}



.location-list ul li {

    padding: 6px;

    letter-spacing: 1px;

    padding: 6px 4px;

    letter-spacing: 1px;

}



.v-logo {

    padding: 0 0 20px;

}



.location-list ul li {

    margin-bottom: 20px;

}



.gallery-item .g-name {

    padding: 18px 60px;

    padding-right: 20px;

}



.gallery-slider .slider__counter {

    bottom: 18px;

    left: 15px;

    letter-spacing: 2px;

}

.header .f-social {
    padding: 15px 0;
    justify-content: start;
}

.navbar-nav {

    margin: 0 0 0;

}



.gallery-item img {

    height: auto;

    height: 260px;

}



.f-social {

    margin: 0 auto;

}



.footer .fRight ul li {

    display: inline-block;

}



.footer .fRight ul {

    display: block;

    text-align: center;

}



.inner-page .main-item:after {

    display: none;

}



.inner-page .main-banner .banner-title {

    bottom: auto;

    /* top: 200px;
    top: 170px; */
    top: 230px;

    max-width: 90%;

}

.inner-page .main-banner .banner-title .section-title {

    padding: 0;

}


.inner-page .main-banner .banner-title .section-title br {

    display: block;

}



}



/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/

@media (min-width: 576px) and (max-width: 767px){

}



@media (min-width: 240px) and (max-width: 575px){

}

/*---------- Large Desktop , Large Screen End ----------*/