@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Red+Rose:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

*{
	margin:0;
	padding:0; border:0; outline:0;
}

@font-face {
  font-family: Granville-Bold;
  src: url(../webfonts/Granville-Bold.otf);
}

@font-face {
  font-family: Times-Regular;
  src: url(../webfonts/times.ttf);
}

body {color:#434242; font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal;  text-align:left; min-width:300px; max-width:100%; background-color:#ffffff; line-height:1.6; overflow-x:hidden}
body, html {height:100%}

header {display:block; width:100%; position:fixed; top:0; z-index:990; background:#fff; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05)}
.logo1height {display:inline-block; text-align:center; color:#434242;}
.headerli > li {display:inline-block; vertical-align:middle;}
.menucontainer {width:100%}
.w100ovfhid{width:100vw; overflow-x:hidden}

.blogrtsidebar {position:fixed; z-index:980; }
 .blogrtsidebar {bottom:20px} 
.downbrochure {bottom:10px; right:0px;}
.enqbrochure {bottom:140px; right:0px;}
.slide-out{position:absolute; bottom:10px !important; transition: .5s ease-in-out; background-color:#fff; z-index:9999999; border:solid 1px #eee; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.whatsapplink {margin-right:0px; float:right}
.whatsapplink img {width:40px;}
.divclose {position:absolute; top:20px; right:20px; cursor:pointer}
.close {float:right;}
.divbanner {display:block; width:100%; position:relative; overflow:hidden}
.bannerimg {width:100%;position:relative;}
.bannerimg img {position:relative; width:100%; height:auto}

.colorng{color:#c85832}
.colwhite{color:#ffffff}
.sectmar {margin:30px auto !important}
.sectmartop {margin-top:30px !important}
.sectmarbot {margin-bottom:30px !important}
.sectpad {padding:30px 0}
.sectpadtop {padding-top:30px}
.sectpadbot {padding-bottom:30px}
.padbot10 {padding-bottom:10px}
.clearb {clear:both}
.marb5 {margin-bottom:5px}
.marb10 {margin-bottom:10px !important}
.marb20 {margin-bottom:20px !important}
.marb30 {margin-bottom:30px !important}
.marb40 {margin-bottom:40px !important}
.alignc {text-align:center !important}
.alignr {text-align:right !important}
.alignj {text-align:justify !important}
.fbold {font-weight:bold}
.posrel {position:relative;}
.imgw100 img {width:100% !important}
.w60 {width:96%; margin:0 auto;}
.w70 {width:100%; margin:0 auto;}
.w80 {width:96%; margin:0 auto;}
.wpadding {padding:0 10px}
.curpoint {cursor:pointer}
h2 {text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
h1, h2, h3 {font-weight:600; letter-spacing:1px;}
h3 {font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.divorngbgd {background-color:#c85832; text-align:center; color:#fff}
.divconfigbgd {position:relative; display:block; background:url('../images/bgdconfig.jpg') no-repeat center; background-size:cover; color:#fff}	

.divcontform {position:relative}
.enquiryform {width:100%; display:block; position:relative; border:dashed 1px #eee; padding:20px}
.enquiryform > li {display:inline-block; vertical-align:top; width:100%; margin-bottom:20px}
.enqinputwidth, .selinputwidth {width:100%;border-bottom:solid 1px #eee; background: transparent !important; vertical-align:middle; font-size:10pt; padding:8px; color:#fff; font-family: 'Poppins', Arial, Helvetica, sans-serif;}
.enqtxtareawidth {width:100%; border-bottom:solid 1px #eee; background: transparent !important; height:40px; vertical-align:middle; font-size:10pt; padding:8px; font-family: 'Poppins', Arial, Helvetica, sans-serif; color:#fff;}
.sendbutbot {background-color:#fff; display:inline-block; padding:10px 20px; width:50%; margin-left:25%; color:#c85832; font-size:14pt; cursor:pointer; font-family: 'Poppins', Arial, Helvetica, sans-serif; text-align:center}
.enquiryform placeholder {color:#999}
.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
.captchasize2 {transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;}

.footerform  {width:100%; display:block}
.footerform > li {display:inline-block; vertical-align:top; width:14.6%; margin-right:2%;}
.frminputwidth {border-bottom:solid 1px #ddd; border-radius:none; background-color:transparent; color:#fff; width:100%; vertical-align:middle; font-size:10pt; line-height:14pt; padding:8px; font-family: 'Poppins', Arial, Helvetica, sans-serif;}
.sendbutfooter {background-color:#fff; width:100%; padding:10px 12px; color:#c85832; font-size:14pt; line-height:16pt; cursor:pointer; font-family: 'Poppins', Arial, Helvetica, sans-serif; text-align:center;}

.socialli > li {display:inline-block; margin:0 10px; text-transform:uppercase; line-height:normal; vertical-align:middle}
.socialli > li:first-child {margin-left:0}
.socialli > li img {width:25px;}
.socialli > li a {-webkit-filter: grayscale(100%) opacity(60%);
    filter: grayscale(100%) opacity(90%);	
transition: 0.2s ease;}
.socialli > li a:hover {-webkit-filter: opacity(100%);
    filter: opacity(100%);
transition: 0.2s ease;} 
.stockimgtl, .stockimgbl, .stockimgbr {position:absolute; bottom:10px; font-size:5pt; color:#fff;text-shadow: 1px 1px 2px black; white-space:pre; z-index:10}
.stockimgtl, .stockimgbl {left:10px;}
.stockimgbr {right:20px;}

.divimght100 {position:relative;}
.imght100 {position:relative;}
.imght100 img {width:100%; height:80vh; object-fit:cover;}
.thankmsg {font-size:120%; line-height:200%; text-align:center; color:#fff; padding:0 20px}
.thanktxt {position:absolute; left:0; top:0; display:flex; justify-content: center; align-items: center; flex-flow: column; width:100%; height:100vh;}
.thanktxt h1 {text-align:center; color:#ffffff !important; text-transform:uppercase; width:60%; margin:0 auto;}
.thanktxt h1 {margin-bottom:20px; text-shadow: 2px 2px 2px #000000;}
.thanktxt h3 {font-family: 'Poppins', Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:4px; text-align:center; color:#ffffff; text-transform:uppercase;width:60%; text-shadow: 2px 2px 2px #000000;}
.bordbot:after {content: ""; display: block; height: 2px; width: 50px; margin-top: 13px; background-color: #fff;  left:50%; transform:translateX(-50%); position: relative;}
.bordbotblk:after {content: ""; display: block; height: 2px; width: 50px; margin-top: 13px; background-color: #434242;  left:50%; transform:translateX(-50%); position: relative;}

.overviewli > li, .overtxtimgli > li, .bookingli > li, .configli > li {display:inline-block; vertical-align:middle}
.bookingli {width:90%; text-align:center; margin:0 auto; margin-bottom:30px;}
.bookingli > li {text-align:center; letter-spacing:1px; padding:6px 20px; border:solid 1px #c85832;}
.bookingli > li:first-child{background-color:#c85832; color:#fff;}
.bookingli > li:last-child{background-color:#fff; color:#434242;}

.configli {position:relative; bottom:-50px}
.configli > li {position:relative; background-color: #fff; color:#434242; text-align:center; padding:40px 30px; transition: transform 0.3s ease, background-color 0.3s ease; z-index:10}
.carea {margin-bottom:20px; font-size:120%}
.clickherebtn {display:inline-block; width:auto; margin:0 auto; padding:4px 20px; background-color:#434242; color:#fff; border-radius:10px; transition:background-color 0.3s ease; cursor:pointer}
.configli > li:hover {background-color: #c85832; transform: scale(1.1); z-index:99}
.configli > li:hover .carea, .configli > li:hover h2 {color:#fff}
.configli > li:hover .clickherebtn {background-color:#fff; color:#434242;}

.divgreygbgd {background-color:#e5e6e7;}
.divltgreygbgd {background-color:#f4f4f4; position:relative}
.circleholder {position: relative; width: 100%; display: flex; justify-content: center; align-items: center;}
.outer-circle {position: relative; width: 24px; height: 24px; border: 1px solid #434242; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: transparent;}
.inner-circle {width: 16px; height: 16px; background-color: #434242; border-radius: 50%;}
.amenitypointsli > li {position:relative; display:flex; justify-content: center; align-items: center; width:100%; text-align:center; cursor:pointer}
.amenitypointsli > li:nth-child(1), .amenitypointsli > li:nth-child(3) {height:100px}
.amenitypointsli > li p {font-size:120%; color:#434242;}
.amenityimg img {width:40% !important; margin:0 auto; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.amenitypointsli:hover p {color:#c85832;}
.amenitypointsli:hover .outer-circle {border: 1px solid #c85832;}
.amenitypointsli:hover .inner-circle {background-color: #c85832;}
.amenitypointsli:hover .amenityimg img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}

.divdarkgreygbgd {background-color:#d0d2d3;}
.divblkbgd {background-color:#2d2d2d;}
.suitindli > li {display:inline-block; vertical-align:top; position:relative; height:100%; transition: transform 0.5s ease;}
.suitindli > li:hover {transform: scale(1.05); z-index:99}
.suitindli > li:nth-child(1) {background: url('../images/suitind01.jpg') no-repeat center; background-size:cover}
.suitindli > li:nth-child(2) {background: url('../images/suitind02.jpg') no-repeat center; background-size:cover}
.suitindli > li:nth-child(3) {background: url('../images/suitind03.jpg') no-repeat center; background-size:cover}
.suitindli > li:nth-child(4) {background: url('../images/suitind04.jpg') no-repeat center; background-size:cover}
.suitindli > li:nth-child(5) {background: url('../images/suitind05.jpg') no-repeat center; background-size:cover}
.suitintxt {display: flex; justify-content: center; align-items: center; height:100%; position:relative}
.suitintxt h4 {color:#fff; text-align:center; position:relative}

.bgdprojhigh01 {background: url('../images/bgdprojhigh01.jpg') no-repeat center; background-size:cover}
.bgdprojhigh02 {background: url('../images/bgdprojhigh02.jpg') no-repeat center; background-size:cover}
.bgdprojhigh03 {background: url('../images/bgdprojhigh03.jpg') no-repeat center; background-size:cover}
.projhightitle {position:absolute; left:0; top:40px; background-color:#c85832; color:#fff; padding:6px 20px}
.projmobtitle {position:absolute; left:0; top:20px; background-color:#c85832; color:#fff; padding:4px 10px; font-size:9pt}

.lochighli > li {display:inline-block; vertical-align:top; float:left; padding:20px; color:#fff; position:relative; transition: transform 0.5s ease;}
.lochighli > li:hover {transform: scale(1.05); z-index:99}
.lochighli > li:nth-child(1) {background:url('../images/location01.jpg') no-repeat center; background-size:cover}
.lochighli > li:nth-child(2) {background:url('../images/location02.jpg') no-repeat center; background-size:cover}
.lochighli > li:nth-child(3) { background:url('../images/location03.jpg') no-repeat center; background-size:cover}
.lochighli > li:nth-child(4) {background:url('../images/location04.jpg') no-repeat center; background-size:cover}
.lochighli > li:nth-child(5) {background:url('../images/location05.jpg') no-repeat center; background-size:cover}
.lochighli h3, .lochighli h3 span {display:inline-block; vertical-align:middle; text-transform:uppercase}
.lochighli h3 span img {width:50px; margin-right:15px}

.lochighmainli > li, .lochighsubli > li {display:inline-block; vertical-align:top;}
.lochighchild01 {width:calc(40% - 20px); margin-right:20px; margin-bottom:0; background:url('../images/location01.jpg') no-repeat center; background-size:cover;}
.lochighmainli > li:last-child {width:60%;}
.lochighmainli > li:first-child, .lochighsubli > li {color:#fff; position:relative; transition: transform 0.5s ease;}
.lochighmainli > li:first-child:hover, .lochighsubli > li:hover {transform: scale(1.05); z-index:99}
.lochighchild02 {background:url('../images/location02.jpg') no-repeat center; background-size:cover}
.lochighchild03 { background:url('../images/location03.jpg') no-repeat center; background-size:cover}
.lochighchild04 {background:url('../images/location04.jpg') no-repeat center; background-size:cover}
.lochighchild05 {background:url('../images/location05.jpg') no-repeat center; background-size:cover}
.lochighmainli h3, .lochighmainli h3 span, .lochighsubli h3, .lochighsubli h3 span {display:inline-block; vertical-align:middle; text-transform:uppercase}
.lochighmainli h3 span img, .lochighsubli h3 span img {width:50px; margin-right:15px}

.lochighptsli > li {margin-bottom:20px; margin-left:15px}
.lochighptsli > li::before {content:url('../images/discbulletwh.png'); margin-left:-20px}
.lochighptsli {padding-left:20px;}
.extrapadbot {padding-bottom:60px}
.divlocicon {display:block; position:relative; top:-30px}
.divlocicon img {width:60px; margin:0 auto; margin-bottom:10px}
.divfloorplanzoom {width:auto; border:solid 1px #c85832; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; font-size:0; background-color:#fff; text-align:center}
.eq2li > li {display:inline-block; vertical-align:middle; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative}
.eq2li > li img {width:100%}
.aboutlogo {text-align:center}
.owl-glimpse {text-align:center;}
.owl-glimpse h2{font-family: 'Granville-Bold', 'Times New Roman', Times, serif;}
.owl-glimpse .item {border-right:solid 1px #fff}

.divbluebgdfrm {display:none}
.footerli > li {display:inline-block; vertical-align:top; color:#fff;}
.subfooterli > li {display:block; cursor:pointer;}
.padl10 > li {padding-left:10px}
.subfooterli > li:last-child { margin-bottom:0px}
.padlffooter {padding-left:25px}
.contentloc, .contentcall, .contentemail {position:relative}
.contentloc::before{background: url('../images/icon-footloc.png') no-repeat;}
.contentcall::before{background: url('../images/icon-call.png') no-repeat;}
.contentemail::before{background: url('../images/icon-email.png') no-repeat;}
.footlimarb30 > li {margin-bottom:15px}
.rerali > li {display:inline-block; vertical-align:bottom;}
.rerali > li:first-child {width:80px; margin-right:40px; margin-bottom:0px; text-align:left}
.rerali > li:last-child {width:80px; margin:0 auto; text-align:left}
.socialli > li {display:inline-block; text-align:right; margin:0 10px; text-transform:uppercase; line-height:normal; vertical-align:middle}
.socialli > li:first-child {margin-left:0}
.socialli > li img {width:25px;}
.socialli > li a {-webkit-filter: grayscale(100%) opacity(60%);
    filter: grayscale(100%) opacity(90%);	
transition: 0.2s ease;}
.socialli > li a:hover {-webkit-filter: opacity(100%);
    filter: opacity(100%);
transition: 0.2s ease;}
.discprivli > li{margin-bottom:10px; text-align:center}
.blankgmap {display:block; position:relative; border:solid 1px #c85832; background:url('../images/locgmap.jpg') no-repeat center; background-size:cover; height:100%;}
.viewmap {display:block; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content: center; align-items: center; flex-flow: column; z-index:99}

.headerli, .sidebarlimob, .sidebarli, .overviewli, .overtxtimgli, .overvblockli, .bookingli, .configli, .suitindli, .lochighli, .footerform, .eq2li, .footerli, .lochighmainli, .lochighsubli {font-size:0}
.headerli > li, .sidebarlimob > li, .sidebarli > li, .overviewli > li, .overtxtimgli > li, .overvblockli > li, .bookingli > li, .configli > li, .suitindli > li, .lochighli > li, .eq2li > li, .footerli > li, .lochighmainli > li, .lochighsubli > li  {font-size:11pt;}
.enquiryform > li, .footerform > li {font-size:10pt;}
::placeholder {color: #ddd; opacity:1}


.gamilinks:link, .gamilinks:visited {color:#434242; text-decoration:none}
.gamilinks:hover, .gamilinks:active {color:#c85832; text-decoration:none}
.whitelinks:link, .whitelinks:visited {color:#ffffff; text-decoration:none}
.whitelinks:hover, .whitelinks:active {color:#c85832; text-decoration:none}
.sidelinks:link, .sidelinks:visited {color:#fff; text-decoration:none}
.sidelinks:hover, .sidelinks:active {color:#ddd; text-decoration:none}
.footlinks:link, .footlinks:visited {color:#757575; text-decoration:none}
.footlinks:hover, .footlinks:active {color:#ffffff; text-decoration:none}

@media screen and (min-width: 300px) {
header {padding:5px 10px}
.logo1height img {height:28px; margin-bottom:5px}
.logo1height p {font-size:8pt}
.logogami img {width:80px; float:left}
.divbanner {padding-top:55px}
.w90 {width:95%; margin:0 auto}
h1 {font-size:14pt}
h2 {font-size:13pt}
.rtsidebarmob {position:fixed; bottom:0; right:0px; z-index:980; width:100% }
.sidebarlimob {width:100%}
.sidebarlimob > li {display:inline-block; width:100%; position:relative; z-index:981; padding:0; margin:0; font-size:0}
.downbrochuremob, .enqbrochuremob {display:inline-block; width:50%; padding:0; margin:0; margin-right:0px; background-color:#c85832; color:#FFFFFF; font-size:11pt; text-align:center; text-transform:uppercase; writing-mode: horizontal-tb; transform: rotate(0deg); position:relative; left:0; bottom:0; white-space:none}
.downbrochuremob, .enqbrochuremob { padding:6px 6px;}
.enqbrochuremob {border-right:solid 1px #fff;}
.dispmob {display:block}
.dispdesk {display:none}
h3 {font-size:12pt}
h4{font-size:12pt;line-height:18pt;letter-spacing:1px; font-weight:normal}
.overviewli > li:first-child {width:100%; margin:0 0 0px 0}
.overviewli > li:last-child {width:100%; margin:0}
.overvblockli > li{display:inline-block; width:50%; margin-bottom:30px}
.overvblockli > li:nth-last-child(1), .overvblockli > li:nth-last-child(2) {margin-bottom:5px;}
.overvblockli {padding:20px 10px}
.overtxtimgli > li:first-child{width:100%; margin-right:0%}
.overtxtimgli > li:last-child{width:100%; font-size:11pt;line-height:1.6; text-align:center}
.overtxtimgli > li img {width:40%; margin:0 auto; margin-bottom:5px}
.bookingli > li:first-child{width:96%; margin:0 auto; border-radius:0}
.bookingli > li:last-child{width:80%; margin:0 auto; border-radius:0}
.extrapadtop {padding-top:30px}
.configli > li {width:100%; margin-bottom:5px}
.configmarb {margin-bottom:0px}
.configli > li::after{display:none}
.configli > li:last-child::after{display:none}
.vertical-left {position: absolute; width: 100%; height: 3px; background-color: #c85832; left: 0%;z-index:0 /* Centering the line on the right half of the container */}
.vertical-right {position: absolute; width: 100%; height: 3px; background-color: #c85832; right: 0%;z-index:0 /* Centering the line on the right half of the container */}
.vertical-line {position: absolute; width: 100%; height: 3px; background-color: #c85832; left: 0;z-index:0 /* Centering the line on the right half of the container */}
.suitintxt h4 {width:60%;}
.suitindli > li {height:150px; margin-bottom:15px}
.suitindli > li:nth-child(1) {width:100%; margin-right:0%}
.suitindli > li:nth-child(2) {width:100%; margin-right:0}
.suitindli > li:nth-child(3) {width:100%; margin-right:0%}
.suitindli > li:nth-child(4) {width:100%; margin-right:0%}
.suitindli > li:nth-child(5) {width:100%; margin-right:0}
.lochighli > li {padding:30px 20px}
.lochighmainli > li:first-child, .lochighsubli > li {padding:30px 20px}
.lochighli h3 span img {width:50px; margin-right:15px}
.lochighptsli > li {margin-bottom:20px; margin-left:0px}
.lochighli > li:nth-child(1) {width:100%; margin-right:0; height:auto;}
.lochighli > li:nth-child(2) {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighli > li:nth-child(3) {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighli > li:nth-child(4) {width:100%; margin-right:0; height:auto;}
.lochighli > li:nth-child(5) {width:100%; margin-right:0; height:auto;}
.lochighmainli > li:last-child {width:100%;}
.lochighchild01 {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighchild02 {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighchild03 {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighchild04 {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighchild05 {width:100%; margin-right:0; margin-bottom:15px; height:auto;}
.lochighli > li {margin-bottom:20px;}
.owl-glimpse h2{font-size:28pt}
.owl-glimpse .item {border-right:none}
.owl-glimpse .lastitem {border-right:none}
.footerli > li:nth-child(1) {width:100%; margin-right:0%; margin-bottom:20px; text-align:center; border-right:none}
.footerli > li:nth-child(2) {width:100%; margin-right:0%; margin-bottom:20px; text-align:center}
.footerli > li:nth-child(3) {width:100%; text-align:center}
.subfooterli {display:inline-block; margin:0 auto; text-align:left}
.contentloc::before, .contentcall::before, .contentemail::before {content: ''; background-size: 20px 22px; position:absolute; top:0px; left:-30px; /* equal to padlffooter padding */ width:20px; height:22px} 
.blankgmap img {width:100%; height:200px}
.aboutlogo img {display:inline-block; width:160px; margin-left:-10px}
.headerli > li:nth-child(1) {width:50%}
.headerli > li:nth-child(2) {width:0%;}
.headerli > li:nth-child(3) {width:50%; text-align:left}
.dwnpdf img {width:50px; margin:0 auto;}

}

@media screen and (min-width: 480px) {
header {padding:10px 10px}
.logo1height img {height:32px; margin-bottom:5px}
.logo1height p {font-size:9pt}
.logogami img {width:110px;}
.divbanner {padding-top:71px}
.sectmar {margin:40px auto !important}
.sectmartop {margin-top:40px !important}
.sectmarbot {margin-bottom:40px !important}
.sectpad {padding:40px 0}
.sectpadtop {padding-top:40px}
.sectpadbot {padding-bottom:40px}
h1 {font-size:16pt}
h2 {font-size:15pt}
h4{font-size:12pt;line-height:16pt;}
.overviewli > li:first-child {width:100%; margin:0 0 0px 0}
.overviewli > li:last-child {width:100%; margin:0}
.overvblockli > li{display:inline-block; width:50%; margin-bottom:30px}
.overvblockli > li:last-child{margin-bottom:0px;}
.overvblockli {padding:20px 10px}
.overtxtimgli > li:first-child{width:25%; margin-right:5%}
.overtxtimgli > li:last-child{width:70%; text-align:left}
.overtxtimgli > li img {width:100%}
.carea {font-size:100%}
.bookingli {width:90%;}
.configli {bottom:-30px}
.extrapadtop {padding-top:40px}
.bookingli > li:first-child{width:80%;}
.bookingli > li:last-child{width:45%;}
.configli > li {width:50%; margin-bottom:5px}
.configmarb {margin-bottom:10px}
.configli > li:nth-child(1)::after, .configli > li:nth-child(3)::after{content: ''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 60%; background-color: #c85832;}
.configli > li:nth-child(2)::after, .configli > li:nth-child(4)::after{display:none}
.suitindli > li {height:200px; margin-bottom:15px}
.suitindli > li:nth-child(1) {width:66%; margin-right:2%}
.suitindli > li:nth-child(2) {width:32%; margin-right:0}
.suitindli > li:nth-child(3) {width:32%; margin-right:2%}
.suitindli > li:nth-child(4) {width:32%; margin-right:2%}
.suitindli > li:nth-child(5) {width:32%; margin-right:0}
.suitintxt h4 {width:70%;}
.lochighli > li {padding:40px 20px}
.lochighmainli > li:first-child, .lochighsubli > li {padding:40px 20px}
.lochighptsli > li {margin-bottom:20px; margin-left:15px}
.owl-glimpse .item {border-right:solid 1px #fff}
.owl-glimpse .lastitem {border-right:solid 1px #fff}
.blankgmap img {width:100%; height:250px}
.headerli > li:nth-child(1) {width:calc(50% - 40px)}

}

@media screen and (min-width: 768px) {
.logo1height img {height:40px; margin-bottom:5px}
.logo1height p {font-size:10pt}
.logogami img {width:130px;}
header {padding:10px 20px 5px 20px}
.divbanner {padding-top:78px}
.whatsapplink img {width:50px}
.divclose {top:50px; right:50px;}
.stockimgtl {font-size:6pt;}
.stockimgbl, .stockimgbr {font-size:6pt;}
.rtsidebar {position:fixed; bottom:200px; right:0px; width:auto; z-index:980;}
.sidebarli > li {display:block; width:auto; position:relative; z-index:981; padding:0; margin:0}
.overviewli > li:first-child {width:25%; margin:0 2% 0px 0}
.overviewli > li:last-child {width:73%; margin:0}
.overvblockli > li{display:block; width:100%; margin-bottom:15px}
.overvblockli > li:nth-last-child(2) {margin-bottom:15px;}
.overvblockli > li:last-child {margin-bottom:0px;}
.overvblockli {padding:10px 0 10px 10px}
.overtxtimgli > li:first-child{width:20%; margin-right:5%}
.overtxtimgli > li:last-child{width:75%; font-size:10pt;line-height:14pt;}
.carea {font-size:100%}
.bookingli {width:70%;}
.bookingli > li:first-child{width:60%; border-radius:0 0 0 20px}
.bookingli > li:last-child{width:40%; border-radius:0 20px 0 0}
.configli {bottom:-30px}
.extrapadtop {padding-top:40px}
.configli > li {width:25%;}
.configmarb {margin-bottom:20px}
.configli > li:nth-child(1)::after, .configli > li:nth-child(2)::after, .configli > li:nth-child(3)::after{content: ''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 60%; background-color: #c85832;}
.configli > li:nth-child(4)::after{display:none}
.suitindli > li {height:200px; margin-bottom:15px}
.suitintxt h4 {width:60%;}
h4{font-size:13pt;line-height:20pt;}
.lochighli > li {padding:20px}
.lochighmainli > li:first-child, .lochighsubli > li {padding:20px}
.lochighli h3 span img {width:40px; margin-right:5px}
.lochighptsli > li {margin-bottom:20px; margin-left:0px}
.lochighli > li {margin-bottom:0px;}
.lochighli > li:nth-child(1) {width:32%; margin-right:2%; height:815px;}
.lochighli > li:nth-child(2) {width:32%; margin-right:2%; margin-bottom:15px; height:400px;}
.lochighli > li:nth-child(3) {width:32%; margin-right:0; margin-bottom:15px; height:400px;}
.lochighli > li:nth-child(4) {width:32%; margin-right:2%; height:400px;}
.lochighli > li:nth-child(5) {width:32%; margin-right:0; height:400px;}
.lochighmainli > li:first-child {width:calc(34% - 16px); margin-right:16px; height:816px}
.lochighmainli > li:last-child {width:66%}
.lochighchild02 {width:calc(50% - 8px); margin-right:16px; margin-bottom:16px; height:400px;}
.lochighchild03 {width:calc(50% - 8px); margin-right:0; margin-bottom:16px; height:400px;}
.lochighchild04 {width:calc(50% - 8px); margin-right:16px; margin-bottom:0; height:400px;}
.lochighchild05 {width:calc(50% - 8px); margin-right:0; margin-bottom:0; height:400px;}
.owl-glimpse h2{font-size:26pt}
.owl-glimpse p{font-size:14pt}
.footerli > li:nth-child(1) {width:45%; margin-right:5%; margin-bottom:40px; text-align:left; border-right:solid 1px #fff}
.footerli > li:nth-child(2) {width:50%; margin-right:0%; margin-bottom:40px; text-align:left}
.footerli > li:nth-child(3) {width:100%; text-align:center}
.rerali > li:first-child {width:100px; margin-right:20px; text-align:left}
.rerali > li:last-child {width:100px;}
.reraimg img {width:100%;}
.headerli > li:nth-child(1) {width:calc(50% - 65px)}
.dwnpdf img {width:80px; margin:0 auto;}

}

@media screen and (min-width: 1024px) {
.divbanner {padding-top:88px}
.logo1height img {height:44px; margin-bottom:5px}
.logo1height p {font-size:11pt}
.logogami img {width:120px;}
.rtsidebar {bottom:100px;}
.sectmar {margin:40px auto !important}
.sectmartop {margin-top:40px !important}
.sectmarbot {margin-bottom:40px !important}
.sectpad {padding:40px 0}
.sectpadtop {padding-top:40px}
.sectpadbot {padding-bottom:40px}
.w60, .w70, .w80 {width:90%;}
h1 {font-size:18pt}
h2 {font-size:16pt}
h3 {font-size:14pt}
.dispmob {display:none}
.dispdesk {display:block}
.overviewli > li:first-child {width:25%; margin:0 5% 0px 0}
.overviewli > li:last-child {width:70%; margin:0}
.overvblockli > li{display:block; margin-bottom:15px}
.overvblockli > li:last-child{margin-bottom:0px;}
.overvblockli {padding:30px 0 0px 40px}
.overtxtimgli > li:first-child{width:25%; margin-right:10%}
.overtxtimgli > li:last-child{width:65%; font-size:11pt;line-height:1.6;}
.extrapadtop {padding-top:60px}
.bookingli {width:60%;}
.vertical-left {width: 50%; left:50%;}
.vertical-right {right: 50%; right:50%;}
.suitindli > li {height:275px; margin-bottom:20px}
.lochighptsli > li {margin-bottom:20px; margin-left:15px}
.lochighli h3 span img {width:50px; margin-right:15px}
.lochighli > li:nth-child(1) {width:38%; margin-right:2%; height:820px;}
.lochighli > li:nth-child(2) {width:29%; margin-right:2%; margin-bottom:20px; height:400px;}
.lochighli > li:nth-child(3) {width:29%; margin-right:0; margin-bottom:20px; height:400px;}
.lochighli > li:nth-child(4) {width:29%; margin-right:2%; height:400px;}
.lochighli > li:nth-child(5) {width:29%; margin-right:0; height:400px;}
.lochighmainli > li:first-child {width:calc(40% - 20px); margin-right:20px; height:820px}
.lochighmainli > li:last-child {width:60%}
.lochighchild02 {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px; height:400px;}
.lochighchild03 {width:calc(50% - 10px); margin-right:0; margin-bottom:20px; height:400px;}
.lochighchild04 {width:calc(50% - 10px); margin-right:20px; margin-bottom:0; height:400px;}
.lochighchild05 {width:calc(50% - 10px); margin-right:0; margin-bottom:0; height:400px;}
.divbluebgdfrm {background-color:#080808; text-align:center; position:fixed; bottom:0; left:50%; transform:translateX(-50%); display:block; padding:6px 20px; width:96%; z-index:99999999}
.divlocicon {top:-40px}
.divlocicon img {width:60px;}
.eq2li > li:first-child {width:60%;}
.eq2li > li:last-child {width:40%;}
.owl-glimpse h2{font-size:30pt}
.owl-glimpse p{font-size:13pt}
.owl-glimpse .lastitem {border-right:none}
.footerli > li:nth-child(1) {width:30%; margin-right:5%; margin-bottom:0px; text-align:left; border-right:solid 1px #fff}
.footerli > li:nth-child(2) {width:35%; margin-right:5%; margin-bottom:0px; text-align:left}
.footerli > li:nth-child(3) {width:25%; text-align:right}
.discprivli > li{margin-bottom:10px; text-align:right}
.blankgmap img {width:100%; height:100%}
.aboutlogo img {display:inline-block; width:200px; margin-left:-15px}
.headerli > li:nth-child(1) {width:calc(50% - 60px)}
.dwnpdf img {width:100px; margin:0 auto;}

}

@media screen and (min-width: 1280px) {
body {font-size:12pt;}
.headerli > li, .sidebarlimob > li, .sidebarli > li, .overviewli > li, .overtxtimgli > li, .overvblockli > li, .bookingli > li, .configli > li, .suitindli > li, .lochighli > li  {font-size:12pt;}
.w60 {width:70%;}
.w70 {width:80%;}
.w80 {width:90%;}
.logo1height img {height:44px; margin-bottom:5px}
.logo1height p {font-size:10pt}
.logogami img {width:120px;}
h4{font-size:16pt;line-height:24pt;}
.overviewli > li:first-child {width:25%; margin:0 5% 0px 0}
.overviewli > li:last-child {width:70%; margin:0}
.overvblockli > li{display:block; margin-bottom:30px}
.overvblockli > li:nth-last-child(2) {margin-bottom:30px;}
.overvblockli > li:last-child{margin-bottom:0px;}
.overvblockli {padding:30px 0 30px 60px}
.overtxtimgli > li:first-child{width:25%; margin-right:10%}
.overtxtimgli > li:last-child{width:65%; font-size:12pt;line-height:1.6;}
.carea {font-size:110%}
.bookingli {width:50%;}
.configli {bottom:-50px}
.suitindli > li {height:300px; margin-bottom:20px}
.divlocicon {top:-50px}
.divlocicon img {width:80px;}

	
}

@media screen and (min-width: 1366px) {
.logogami img {float:right}
.sectmar {margin:80px auto !important}
.sectmartop {margin-top:80px !important}
.sectmarbot {margin-bottom:80px !important}
.sectpad {padding:80px 0}
.sectpadtop {padding-top:80px}
.sectpadbot {padding-bottom:80px}
h1 {font-size:20pt}
h2 {font-size:18pt}
.extrapadtop {padding-top:30px}
.bookingli {width:50%;}
.suitindli > li {height:350px; margin-bottom:20px}
.divbluebgdfrm {width:90%}
.owl-glimpse h2{font-size:36pt}
.owl-glimpse p{font-size:14pt}
.headerli > li:nth-child(1) {width:200px}
.headerli > li:nth-child(2) {width:calc(100% - 330px);}
.headerli > li:nth-child(3) {width:130px; text-align:right}
}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1600px) {
header {padding:15px 20px}
.logo1height img {height:46px;}
.logogami img {width:150px;}
.divbanner {padding-top:98px}
.rtsidebar {bottom:200px;}
.w90 {width:95%; margin:0 auto}
.sectmar {margin:100px auto !important}
.sectmarextra  {margin:100px auto !important}
.sectmartop {margin-top:100px !important}
.sectmarbot {margin-bottom:100px !important}
.sectpad {padding:100px 0}
.sectpadtop {padding-top:100px}
.sectpadbot {padding-bottom:100px}
.w60 {width:60%;}
.w70 {width:75%;}
.w80 {width:80%;}
h1 {font-size:24pt}
h2 {font-size:22pt}
h3 {font-size:16pt}
h4{font-size:18pt;line-height:30pt;}
.overviewli > li:first-child {width:25%; margin:0 5% 0px 0}
.overviewli > li:last-child {width:70%; margin:0}
.overvblockli > li{display:block; margin-bottom:40px}
.overvblockli > li:nth-last-child(2) {margin-bottom:40px;}
.overvblockli > li:last-child{margin-bottom:0px;}
.overvblockli {padding:30px 0 30px 100px}
.overtxtimgli > li:first-child{width:25%; margin-right:10%}
.overtxtimgli > li:last-child{width:65%;}
.carea {font-size:120%}
.bookingli {width:45%;}
.suitindli > li {height:400px; margin-bottom:25px}
.lochighli > li:nth-child(1) {height:780px;}
.lochighli > li:nth-child(2) {height:380px;}
.lochighli > li:nth-child(3) {height:380px;}
.lochighli > li:nth-child(4) {height:380px;}
.lochighli > li:nth-child(5) {height:380px;}
.lochighmainli > li:first-child {height:780px}
.lochighchild02 {margin-right:20px; margin-bottom:20px; height:380px;}
.lochighchild03 {margin-right:0; margin-bottom:20px; height:380px;}
.lochighchild04 {margin-right:20px; margin-bottom:0; height:380px;}
.lochighchild05 {margin-right:0; margin-bottom:0; height:380px;}
.divbluebgdfrm {width:80%}
.divlocicon {top:-70px}
.divlocicon img {width:100px;}
.owl-glimpse h2{font-size:40pt}
.owl-glimpse p{font-size:14pt}
.headerli > li:nth-child(1) {width:210px}
.headerli > li:nth-child(2) {width:calc(100% - 370px);}
.headerli > li:nth-child(3) {width:160px; text-align:right}
.dwnpdf img {width:150px; margin:0 auto;}

}

@media screen and (min-width: 1900px) {
.w90 {width:90%; margin:0 auto}
.w70 {width:70%;}
.overtxtimgli > li:first-child{width:20%; margin-right:10%}
.overtxtimgli > li:last-child{width:70%;}
.lochighli > li:nth-child(1) {height:740px;}
.lochighli > li:nth-child(2) {height:360px;}
.lochighli > li:nth-child(3) {height:360px;}
.lochighli > li:nth-child(4) {height:360px;}
.lochighli > li:nth-child(5) {height:360px;}
.lochighmainli > li:first-child {height:740px}
.lochighchild02 {height:360px;}
.lochighchild03 {height:360px;}
.lochighchild04 {height:360px;}
.lochighchild05 {height:360px;}
	
}