@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{
	margin:0;
	padding:0; border:0; outline:0;
}
.gilda-display-regular {font-family: "Gilda Display", serif; font-weight: 400; font-style: normal;}
.work-sans {font-family: "Work Sans", serif; font-weight: 400; font-style: normal;}


body {color:#424242; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; letter-spacing:0px;  text-align:left; min-width:300px; background-color:#ffffff; line-height:1.6;overflow-x:hidden;}
body, html {height:100%;}
body.noscroll {
    overflow: hidden;
}

header {display:block; width:100%; position:fixed; top:0; z-index:990; background:#fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}

.divclose {position:absolute; top:20px; right:20px; cursor:pointer}
.close {float:right;}

.colbrown{color:#7c5e19}
.colblue {color:#3ac3f0}
.colwhite{color:#ffffff}
.colblack {color:#424242;}
.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}
.mart10 {margin-top:10px !important}
.marb5 {margin-bottom:5px !important}
.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, .imgw100 {position:relative;}
.imgw100 img {position:relative; width:100%; height:auto}
.w40 {width:96%; margin:0 auto;}
.w60 {width:96%; margin:0 auto;}
.w70 {width:100%; margin:0 auto;}
.wtimeline {width:96%; margin:0 auto;}
.w80 {width:96%; margin:0 auto;}
.w90 {width:92%; margin:0 auto;}
.gw90 {width:100%; margin:0 auto;}
.curpoint {cursor:pointer}
h1, h3, h5 {font-family:'Gilda Display', Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:1px;}
h2 {color:#7c5e19; font-weight:400; letter-spacing:1px;}
h4 {font-weight:400; letter-spacing:1px;}
.thanktxt h1 {font-weight:600; letter-spacing:1px;}
.thanktxt h1 {text-transform:uppercase}
.discbullet>li {display:block; padding-left:20px; margin-bottom:5px}
.discbullet>li::before{content:url('../images/discbullet.png'); width:30px; margin-left:-20px; margin-right: 0px;}
.artistbotlft {position: absolute; bottom:15px; left:15px; font-size: 6pt; color: #fff; text-shadow: 1px 1px 2px black; white-space: pre; z-index: 99;}
.artistbotrt {position: absolute; bottom:15px; right:15px; font-size: 6pt; color: #fff; text-shadow: 1px 1px 2px black; white-space: pre; z-index: 99;}
.artistgal {position: absolute; bottom:10px; right:10px; font-size: 6pt; color: #fff; text-shadow: 1px 1px 2px black; white-space: pre; z-index: 99;}
.lspace {letter-spacing:1px}
.ucase {text-transform:uppercase}
.wpre {white-space: normal;}
.inlblock {display:inline-block}
.lineheight0 {line-height:0 !important}
.hrline {display:block; width:100%; height:1px; background-color:#ccc}
.divprojrera .hrline {display:none}
.font9 {font-size:9pt}

.divcontform {position:relative}
.enquiryformli {width:100%; display:block; position:relative; border:dashed 1px #eee; padding:20px}
.enquiryformli > 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: 'Work Sans', Arial, Helvetica, sans-serif;}
.carinputwidth, .carselwidth {width:100%;border-bottom:solid 1px #424242; background: transparent !important; vertical-align:middle; font-size:11pt; padding:8px; color:#424242; font-family: 'Work Sans', Arial, Helvetica, sans-serif;}
.uploadbtn {border-bottom: solid 1px #424242; padding: 8px; width: 160px; color: #424242; font-size: 11pt; cursor: pointer; font-family: 'Work Sans', Arial, Helvetica, sans-serif;}
.uploadtxt {font-size: 9pt !important; text-align:left; padding:8px}
.footinputwidth {width:100%;border-bottom:solid 1px #ccc; background: transparent !important; vertical-align:middle; font-size:10pt; padding:8px; color:#333; font-family: 'Work Sans', 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: 'Work Sans', Arial, Helvetica, sans-serif; color:#fff;}
.sendbutbot {background-color:#3ac3f0; display:inline-block; padding:6px 20px; width:auto; margin:0 auto; color:#333; font-size:12pt; cursor:pointer; font-family: 'Work Sans', Arial, Helvetica, sans-serif; text-align:center; border-radius:4px}

.enquiryformli ::placeholder {color: #ccc; opacity: 1; /* Firefox */}
.footerformli ::placeholder {color: #aaa; opacity: 1; /* Firefox */}
.enquiryformli ::-ms-input-placeholder , .footerformli ::-ms-input-placeholder { /* Edge 12 -18 */color: #ccc;}

.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0; margin:0 auto; margin-bottom:20px}
.captchasize2 {transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0; margin-bottom:20px}
.enquiryformli > li:nth-last-child(1), .enquiryformli > li:nth-last-child(2) {margin-bottom:0}

.divfooterfrm {text-align:center; position:relative; display:block; padding:15px 20px 15px; z-index:9}
.footerformli  {width:90%; display:block; margin: 0 auto}
.footerformli > li {display:inline-block; vertical-align:top; width:100%; margin-right:0; margin-bottom:10px}
.footerformli > li:last-child {text-align:center; margin-right:0}
.footerformli > li:nth-last-child(1) {width:100%}
.footerformli > li:nth-last-child(2) {width:100%; margin-right:0; margin-bottom:20px}
.frminputwidth {border-bottom:solid 1px #aaa; border-radius:none; background-color:transparent; color:#424242; width:100%; vertical-align:middle; font-size:10pt; line-height:14pt; padding:8px; font-family: 'Work Sans', Arial, Helvetica, sans-serif;}
.sendbutfooter {background-color:#3ac3f0; width:auto; margin:0 auto; padding:6px 20px; color:#333; font-size:12pt; line-height:16pt; cursor:pointer; font-family: 'Work Sans', Arial, Helvetica, sans-serif; text-align:center; border-radius:4px}

.divheader {background-color: transparent; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s linear; transition: all 0.3s linear; line-height:normal}
.headerli > li {display:inline-block; vertical-align:middle;}
.divbanner {display:block; width:100%; position:relative;}
.divbanner img {width:100%; height:auto; position:relative;}
.bannertxt {position:absolute; left:0; top:0;width:100%;height:100%; padding-top:10px; font-family:"Gilda Display", sans-serif; color:#fff; text-align:center; display: flex; align-items: center; justify-content: center;flex-direction: column;}

.headerli, .sidebarlimob, .sidebarli, .discbulletwh {font-size:0; letter-spacing:0}
.headerli > li, .sidebarlimob > li, .sidebarli > li {font-size:11pt; letter-spacing:0px}
.enquiryformli > li, .footerform > li, .footerformli > li {font-size:10pt;}
::placeholder {color: #666; opacity:1}
.divhomeabt {position:relative; background: url("../images/bgdhomeabt.webp") no-repeat bottom center; background-size:cover;}
.divquartpres {position:relative; background: url("../images/bgdinvrel.webp") no-repeat bottom right; background-size:cover;}
.readmore {position:relative; display:inline-block; margin:0 auto; padding:10px 0px; text-transform:uppercase}
.readmore::after {content: ""; position: absolute; bottom: -15px; right: -60px; width: 179px; height: 40px; background: url("../images/arwrtbox.webp") no-repeat center center; background-size: contain;}
.divredevelopimg {position:relative; background: url("../images/bgdhomepointers.webp") no-repeat bottom center; background-size:cover;}
.divredevelop {width:100%;position:relative;left:0; top:0; z-index:10}
.redevelopli > li {display:inline-block; vertical-align:top;}
.divhgalw {width:85%}
.hgaltitle {padding:10px; text-align:center; text-transform:uppercase}
.hgaltitle p span {display:block; width:100%; padding:0 10px}
.hgaltitle p span:first-child {border-right:none}
footer {position:relative; background-color:#faf7ef}
.footerli > li {display:inline-block; vertical-align:top;}
.footpointsli > li {display:block; width:100%; margin-bottom:20px}
.footer3li > li {display:inline-block; vertical-align:middle;}
.footer3li > li:nth-child(1), .footer3li > li:nth-child(3) {width:25%}
.footer3li > li:nth-child(2) {width:50%; text-align:center}
.socialli > li {display: inline-block; vertical-align: middle; text-align: right;}
.socialli > li:first-child {margin-left:0}
.socialli > li:last-child {margin-right:0}
.socialli > li img {width:20px;}
.socialli > li a {-webkit-filter: grayscale(100%) opacity(60%); filter: grayscale(100%) opacity(60%); transition: 0.2s ease;}
.socialli > li a:hover {-webkit-filter: opacity(100%); filter: opacity(100%); transition: 0.2s ease;}
.othermenuli > li {display:inline-block; width:auto; vertical-align:middle; margin:0; border-right:solid 1px #333}
.othermenuli > li:last-child {border-right:none}
.publicli > li, .vismisli > li {display:inline-block; vertical-align:top}
.divvismis {position:relative; top:160px; left:0; width:100%}
.vismisli > li {color:#fff; text-align:center}
.divourvalues {width:80%; margin:0 auto}
.vismisimg img{width:30% !important; margin:0 auto; margin-bottom:30px}
.valtitle {text-align:center;}

.filter-btn {letter-spacing:1px}
.filterbtnsli {margin:10px 0 10px; padding:0 4%}
.filterbtnsli > li {display:inline-block; vertical-align:middle;}
.filterbtnsli > li:first-child {width:100%; margin-right:0%; margin-bottom:10px}
.filterbtnsli > li:last-child {width:100%;}
.eq2lifilter > li {display:inline-block; vertical-align:top;}
.eq2lifilter select {background-color:#fff; color:#333; padding:10px 16px; width:100%; font-size:11pt; border:solid 1px #3ac3f0}
.projectsli > li {display:inline-block; vertical-align:top;}
.projimg {position:relative}
.projimg img {position:relative; width:100%; margin-bottom:10px}
.projlocation, .intprojlocation, .possdate {padding-left:24px; position:relative; line-height: 24px;  /* align text with icon height */}
.projlocation, .intprojlocation {color:#3ac3f0 !important;}
.projlocation {margin-top:5px}
.possdate {padding-left:24px;}
.projlocation::before, .intprojlocation::before {content: ""; position: absolute;left: 0; width: 14px; height: 24px; background: url('../images/icon-projadd.webp') no-repeat center center; background-size: contain;}
.projlocation::before {top:0 ;/* transform: translateY(-50%);  vertical center */}
.intprojlocation::before {top: 0;}
.proptype {font-size:9pt; text-transform:uppercase; color:#7c5e19; margin-bottom:10px}
.eq4li > li, .eq5li > li {display:inline-block; vertical-align:middle;}
.highstar {position:relative; padding-left:50px}
.highstar::before  {content: ""; position: absolute;left: 0; top: 50%;transform: translateY(-50%); width: 27px; height: 32px; background: url('../images/icon-star.webp') no-repeat center center; background-size: contain;}

.divgallery, .amenityimg, .divhortabviews {position:relative;}
.padgallery {padding:80px 0 60px 0}
.amenitytitle {display:block; position:relative; top:0; left:0; background-color:#faf7ef; padding:6px 10px; z-index:10}
.amenitytitle {width:100%; text-align:center; color:#424242; text-transform:uppercase; letter-spacing:1px}
.divamenityimages {position:relative;width:100%; z-index:15; margin:0 auto; background: linear-gradient(to top, #faf7ef 0%, #faf7ef 20%, #fff 20%, #fff 100%); }
.amenityimg img, .locationtabsli > li img {width:100%}
.locationtabsli > li {display:inline-block; vertical-align:top}
.locationtabsli > li:first-child {width:100%; margin-right:0%; margin-bottom:40px}
.locationtabsli > li:last-child {width:100%;}
.loclink h4 {text-transform:uppercase}
.diyellowbgd {background-color:#482f27;background-color: #faf7ef; text-align:center; padding:10px}
.dwnarwimg img {width:30px; margin:0 10px;}
.galimg {position:relative; overflow: hidden; /* crop neatly */}
.galimg img{transition: transform 0.3s ease; /* smooth effect */ display: block; /* makes transform work cleanly */ margin: 0 auto; transform-origin: center center;}
.galimg img:hover {transform: scale(1.1); /* scale to 1.2 times on hover */ }
.galtitle {text-align:center; padding:10px}

.fplanli, .divprojrera {width:96%; margin:0 auto}
.fplanli > li {display:inline-block; vertical-align:middle}
.addrerali > li {display:inline-block; vertical-align:top}
.fplanholder {position:relative}
.fplanholder img {position:relative; margin:0 auto; z-index: 5;}
.divclickhere {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 6; position: absolute; left: 0; top: 0;}
.divclickhere .menu-btn {width: auto; background-color:#7c5e19; color:#fff; cursor:pointer; white-space:pre}
.divclickhere .menu-btn:hover {background-color:#000; color:#fff;}
.flrplanbtnsli > li {display:block; width:100%; padding:6px; border-bottom:solid 1px #3ac3f0; cursor:pointer}
.flrplanbtnsli > li:first-child {border-top:solid 1px #3ac3f0;}
.mahareraimg {display:flex; align-items: flex-start; justify-content: center; flex-direction: row;}
.mahareraimg span {width:auto}
.rerali > li {display: inline-block; vertical-align: middle; text-align: left;}
.rerali > li:first-child {width:100%; padding-left:0;  margin-bottom:10px;}
.rerali > li:last-child {width:100%; padding-right:0; border-left:none; text-align:center}
.rerali > li:last-child img {width:80px; margin:0 auto}

.careerformli > li {display:inline-block; vertical-align:top}
.divcareergal {width:94%; margin:0 auto}

.contentloc, .contentcall, .contentemail, .projadd, .pdficonli > li {position:relative;}
.projadd {left:40px}
.mahareraimg {position:relative;}
.contentloc::before {background: url('../images/icon-loc.webp') no-repeat; background-size: auto;}
.contentcall::before {background: url('../images/icon-call.webp') no-repeat; background-size: auto;}
.contentemail::before {background: url('../images/icon-email.webp') no-repeat; background-size: auto;}
.contentloc::before, .contentcall::before, .contentemail::before {content: ''; background-size: 20px 22px; width: 20px; height: 22px; position: absolute; top: 0px; left: -28px;}
.contleft {left: -28px; text-transform:uppercase; margin-bottom:5px}
.projadd::before {content: ''; background: url('../images/icon-projadd.webp') no-repeat; background-size: 18px 26px; width: 18px; height: 26px; position: absolute; top: 0px; left: -30px;}
.pdficonli {margin-left:40px}
.pdficonli > li {margin-bottom:20px}
.pdficonli > li::before {content: ''; background: url('../images/icon_pdf.png') no-repeat; background-size: 25px 25px; width: 25px; height: 25px; position: absolute; top: 0px; left: -35px;}
.pdficonli > li.nopdf::before {content: ''; background: none !important}
.contactlocli > li {display:inline-block; vertical-align:top}
.contpointsli > li {display:block; width:100%; margin-bottom:40px}
.divcontmap {width:100%; height:auto; border:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; margin-bottom:0px; font-size:0}
.divcontmap iframe  {height: 400px; margin: 0px; padding: 0px; width:100%}
.bgdyellow {background-color: #faf7ef;}
.ticker-box {background: transparent; padding: 0; /* border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); */ max-width: 400px; text-align: left;}
.tradingview-widget-container {display: inline-block; width: 100%;}
.eq2li > li {display:inline-block; vertical-align:top;}
.divflexcl {display: flex; align-items: center; width: 100%; height: 100%;}
.padleft1li {display: flex; align-items: center; width: 100%; height: 100%;}
.ticker100 {height:100%}
.viewreport {display:inline-block; padding:10px 40px; background-color:#7c5e19; color:#fff; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size:12pt; letter-spacing:1px; border-radius:6px; cursor:pointer;}
h5 {font-size:30pt; letter-spacing:4px}
.bordrt {border-right:solid 1px #7c5e19}

.landmarktable {border-collapse: collapse; width: 100%; line-height: 1.4;}
.landmarktable, .landmarktable th, .landmarktable td, {border: none;}
.landmarktable tbody td:first-child {text-align: right; padding-right: 100px;}
.landmarktable tbody td:last-child {padding-right: 10px;}
.landmarktable tbody td {vertical-align:middle; padding-bottom: 30px; text-transform:uppercase}
/* .landmarktable tbody tr:not(:last-child) td {padding-bottom: 30px;} */
.landmarktable tbody tr:last-child td {padding-bottom: 0px;}
.eq2li.padbord > li {padding:40px 0}
.lastpdf {border-bottom: solid 1px #424242; padding-bottom:20px;}
#divNoMatch {font-size:12pt; text-align:center; visibility:hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.nri2li > li {display:inline-block; vertical-align:top}
.nrilastli > li {display:block; width:100%; margin-bottom:30px}
.nripointsli > li {display:inline-block; vertical-align:middle}
.bordview {border-bottom: 2px solid #3ac3f0; display: inline-block;}
.bordview:hover {border-bottom: 2px solid #7c5e19; display: inline-block;}
.sitebyfp {font-size:9pt}
.sitebyfp img {width:16px; display:inline-block; vertical-align:middle; border:none}

.redevelopli, .footerli, .footer3li, .publicli, .vismisli, .filterbtnsli, .eq2lifilter, .projectsli, .eq4li, .eq5li, .locationtabsli, .fplanli, .addrerali, .rerali, .careerformli, .contactlocli, .eq2li, .nri2li, .nripointsli {font-size:0; letter-spacing:0}
.redevelopli > li, .footerli > li, .footer3li > li, .publicli > li, .vismisli > li, .filterbtnsli > li, .eq2lifilter > li, .projectsli > li, .eq4li > li, .eq5li > li, .locationtabsli > li, .fplanli > li, .addrerali > li, .rerali > li, .careerformli > li, .contactlocli > li, .eq2li > li, .nri2li > li, .nripointsli > li {font-size:11pt; letter-spacing:1px}

.mainlinks:link, .mainlinks:visited {color:#424242; text-decoration:none; cursor:pointer}
.mainlinks:hover, .mainlinks:active {color:#7c5e19; text-decoration:none; cursor:pointer}
.bluelinks:link, .bluelinks:visited {color:#424242; text-decoration:none}
.bluelinks:hover, .bluelinks:active {color:#3ac3f0; text-decoration:none}
.undbluelinks:link, .undbluelinks:visited {color:#3ac3f0; text-decoration:none; padding-bottom: 1px;}
.undbluelinks:hover, .undbluelinks:active {color:#7c5e19; text-decoration:none; padding-bottom: 1px;}
.whitelinks:link, .whitelinks:visited {color:#fff; text-decoration:none}
.whitelinks:hover, .whitelinks:active {color:#ccc; text-decoration:none}
.brownlinks:link, .brownlinks:visited {color:#7c5e19; text-decoration:none; cursor:pointer}
.brownlinks:hover, .brownlinks:active {color:#333; text-decoration:none; cursor:pointer}

@media screen and (min-width: 300px) {
.header .menu-mobile-trigger {right:10px; top:15px;}
header {height:43px}
.divbanner, .bannertxt {padding-top:38px}
.font36 {font-size:14pt; letter-spacing:1px}
h2, h4 {font-size:12pt}
.liw50 {display:inline-block !important; vertical-align:top; width:100% !important; margin-top:10px}
.socialli > li {margin: 0 10px;}
.onupcompfilters button {display:inline-block; width:46%; margin:0 1%; margin-bottom:10px; text-align:center; cursor:pointer;  padding:10px 20px}
.onupcompfilters button {font-size: 12pt; background:transparent;}
.onupcompfilters button.active {border-bottom:solid 3px #7c5e19;  color: #7c5e19;}
.eq2lifilter > li:first-child {width:100%; margin-right:0%; margin-bottom:10px}
.eq2lifilter > li:last-child {width:100%;}
.projectsli > li {width:100%; margin:15px 0%;}
.amenityimg {width:100%; margin:0 auto}
.marteambot {margin-bottom:40px}
.redevelopli > li {width:50%; padding:0 30px; margin-bottom:20px}
.redevelopli > li:last-child {width:100%; margin-bottom:0px}
.divredevelopimg {padding-bottom:250px}
.divhgalw {width:96%; margin:0 auto}
.captchasize {max-width:160px; max-height:42px}
.footerli > li:nth-child(1) {width:50%} 
.footerli > li:nth-child(2) {width:40%; margin-left:10%}
.footerli > li:nth-child(3), .footerli > li:nth-child(4) {width:100%}
.footerli > li:nth-child(3) {padding:30px 0; border-top:solid 1px #3ac3f0; border-bottom:solid 1px #3ac3f0;padding-left:30px}
.footpointsli > li:last-child {margin-bottom:0}
.footerformli {width:100%; text-align:center}
.footerli > li {margin-bottom:30px}
.footerli > li:last-child {margin-bottom:0; padding-bottom:30px;border-bottom:solid 1px #3ac3f0;}
.footer3li > li:nth-child(1) {width:100%; text-align:center; margin-bottom:20px}
.footer3li > li:nth-child(2) {width:100%; text-align:center; margin-bottom:20px}
.footer3li > li:nth-child(3) {width:100%; text-align:center; margin-bottom:20px}
.othermenuli > li { padding:3px 10px;}
.publicli > li:first-child {width:100%; margin-right:0; margin-bottom:30px}
.publicli > li:last-child {width:100%;margin:0}
.disptabmob {display:none}
.divvismis {background:url('../images/bgdvismis.webp') no-repeat center top; background-size:cover; top:0px; padding:20px 0}
.vismisli > li:first-child {width:100%; margin-right:0%; padding:30px 30px;}
.vismisli > li:last-child {width:100%; padding:20px 40px;}
.marvismis {margin-bottom:15px}
.wpadding {padding:0 10px}
.contactlocli > li:first-child {width:100%; margin-right:0; margin-bottom:30px}
.contactlocli > li:last-child {width:100%;}
.careerformli > li:nth-child(odd) {width:100%; margin-right:0%; margin-bottom:30px}
.careerformli > li:nth-child(even) {width:100%; margin-bottom:30px}
.alignjc {text-align:justify}
.aligncl {text-align:center}
.aligncr {text-align:center}
.alignccr {text-align:center}
.alignjl {text-align:justify}
.padlft30 {padding-left:40px}
.eq2li > li {width:100%;}
.divflexcl {justify-content: center;}
.padleft1li {justify-content: center;}
.padleft1li {padding:10px; /* Double the margin-left 10% of w80 div used below */}
.padleft2li {padding:10px 5%/* Double the margin-left 10% of w80 div used below */}
.imgwreport img {width:100%; margin:0}
.eq4li > li{width:100%; padding-right:30px; margin-bottom:30px}
.eq5li > li{width:100%; padding-right:30px; margin-bottom:30px}
.divgoogmap iframe {width:100%; height:300px}
.fplanli > li:first-child {width:100%; padding:50px; border: solid 1px #ccc; margin-right:0%; margin-bottom:30px}
.fplanli > li:last-child {width:100%;}
.fplanholder img {width:100%;}
.divclickhere .menu-btn {padding: 6px 20px;}
.addrerali > li:first-child {width:100%; margin-right:0; margin-bottom:30px}
.addrerali > li:last-child {width:100%;}
.mahareraimg img {margin-right:10px; width:30px}
.popup-content2 h2 {color:#fff} 
.nri2li > li:first-child {width:100%; margin-right:0; margin-bottom:30px}
.nri2li > li:last-child {width:100%;}
.nripointsli > li:first-child {width:15%; margin-right:2%}
.nripointsli > li:first-child img {width:100%; max-width:60px;}
.nripointsli > li:last-child {width:83%;}
.comsoon {text-align:center; padding:60px 10px}
.comsoon h5 {font-size:20pt}
.divarwdnbox img {width:30px;}
.padtophomeban {padding-top:30px}

}

@media screen and (min-width: 480px) {
.liw50 {width:49% !important; margin-top:10px}
.filterbtnsli {margin:20px 0 10px; padding:0 0%}
.filterbtnsli > li:first-child {width:100%; margin-right:0%; margin-bottom:30px; text-align:center}
.filterbtnsli > li:last-child {width:100%;}
.onupcompfilters button {display:inline-block; width:46%; margin:0 1%}
.eq2lifilter > li:first-child {width:46%; margin-right:8%; margin-bottom:0}
.eq2lifilter > li:last-child {width:46%;}
.redevelopli > li:last-child {width:50%; margin-bottom:0px}
.divredevelopimg {padding-bottom:200px}
.footerli > li:nth-child(1) {width:50%} 
.footerli > li:nth-child(2) {width:40%; margin-left:10%}
.footerli > li:nth-child(3), .footerli > li:nth-child(4) {width:100%}
.footer3li > li:nth-child(1) {width:20%; text-align:left; margin-bottom:20px}
.footer3li > li:nth-child(2) {width:80%; text-align:right; margin-bottom:20px}
.footer3li > li:nth-child(3) {width:100%; text-align:center}
.othermenuli > li { padding:3px 20px;}
.publicli > li:last-child {width:100%; margin-left:0}
.padleft2li {padding:10px 20%/* Double the margin-left 10% of w80 div used below */}
.projectsli > li {width:46%; margin:15px 2%;}

}

@media screen and (min-width: 768px) {
.divbanner, .bannertxt {padding-top:53px}
.header .menu-mobile-trigger {right:20px; top:25px;}
header {height:53px}
.font36 {font-size:20pt; letter-spacing:2px}
.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}
.filterbtnsli {margin:30px 0 20px; padding:0 0%}
.filterbtnsli > li:first-child {width:100%; margin-right:0%; margin-bottom:30px; text-align:center}
.filterbtnsli > li:last-child {width:90%; margin:0 5%}
.onupcompfilters button {display:inline-block; width:auto; margin:0 1%}
.projectsli > li {width:46%; margin:15px 2%;}
.redevelopli > li {width:20%; padding:0 20px; margin-bottom:0px}
.redevelopli > li:last-child {width:40%; margin-bottom:0px}
.divhgalw {width:85%; margin:0}
.hgaltitle p span {display:inline-block; width:auto; padding:0 10px}
.hgaltitle p span:first-child {border-right:solid 1px #424242}
.footerli > li:nth-child(1), .footerli > li:nth-child(2), .footerli > li:nth-child(3) {width:33.33%}
.footerli > li:nth-child(2) {margin-left:0}
.footerli > li:nth-child(4) {width:100%}
.footerformli > li {width:29.33%; margin-right:2%; margin-bottom:20px}
.footerformli > li:last-child {text-align:center; margin-right:0}
.footerformli > li:nth-last-child(1) {width:48%; }
.footerformli > li:nth-last-child(2) {width:48%; margin-right:0; margin-bottom:0px}
.footerli > li:nth-child(3) {padding:0; border-top:none; border-bottom:none;padding-left:0}
.footerli > li:nth-child(4) {margin-top:40px}
.footerli > li {margin-bottom:0px}
.footer3li > li:nth-child(1) {width:20%; margin-bottom:0}
.footer3li > li:nth-child(2) {width:45%; text-align:center; margin-bottom:0}
.footer3li > li:nth-child(3) {width:35%; text-align:right; margin-bottom:0}
.publicli > li:first-child {width:50%; margin-right:5%; margin-bottom:0}
.publicli > li:last-child {width:43%; margin:0}
.vismisli > li:first-child {width:38%; margin-right:24%; padding:0; padding-left:5%;}
.vismisli > li:last-child {width:38%; padding:0; padding-right:5%}
.divvismis {position:absolute; top:60px; background:none; padding:0}
.disptabmob {display:block}
.marvismis {margin-bottom:30px}
.contactlocli > li:first-child {width:30%; margin-right:10%; margin-bottom:0}
.contactlocli > li:last-child {width:60%;}
.careerformli > li:nth-child(odd) {width:48%; margin-right:4%; margin-bottom:40px}
.careerformli > li:nth-child(even) {width:48%; margin-bottom:0}
.alignjc {text-align:center}
.aligncl {text-align:left}
.alignjl {text-align:left}
.aligncr {text-align:right}
.eq2li > li {width:50%;}
.divflexcl {justify-content: flex-start;}
.padleft1li {justify-content: flex-end;}
.padleft2li {padding-left:10% /* Double the margin-left 10% of w80 div used below */}
.padleft1li, .padleft2li {padding-right:10% /* Double the margin-left 10% of w80 div used below */}
.imgwreport img {width:80%;}
.w90 {width:96%;}
.eq4li > li{width:50%; padding-right:50px; margin-bottom:30px}
.eq5li > li{width:50%; padding-right:40px; margin-bottom:30px}
.nri2li > li:first-child {width:35%; margin-right:15%; margin-bottom:0}
.nri2li > li:last-child {width:50%;}
.nripointsli > li:first-child {width:15%; margin-right:3%}
.nripointsli > li:last-child {width:82%;}
.divarwdnbox img {width:40px;}
.wpre {white-space: pre;}
.fplanli, .divprojrera {width:80%; margin:0 auto}
.rerali > li:first-child {width: calc(100% - 140px); padding-left:0;  margin-bottom:0px; padding-right:5%; border-right:solid 1px #ccc}
.rerali > li:last-child {width:140px; padding-right:0; border-left:none; text-align:right}
.rerali > li:last-child img {width:90px; display:inline-block; margin:0 auto}

}

@media screen and (min-width: 1024px) {
h2, h4 {font-size:13pt}
.font36 {font-size:24pt; letter-spacing:3px}
.socialli > li {margin: 0 15px;}
.socialli > li img {width:25px;}
.alignrc {text-align:right !important}
.filterbtnsli {margin:30px 0 20px; padding:0 2%}
.filterbtnsli > li:first-child {width:63%; margin-right:2%; margin-bottom:0px; text-align:left}
.filterbtnsli > li:last-child {width:35%; margin:0}
.onupcompfilters button {font-size: 13pt;}
.amenityimg {width:90%; margin:0 auto}
.amenitytitle {display:block; padding:20px 30px;}
.artistgal {bottom:15px; right:15px;}
.locationtabsli > li:first-child {width:40%; margin-right:5%; margin-left:5%; margin-bottom:0px}
.locationtabsli > li:last-child {width:50%;}
.locationtabsli .locaccordion > li {padding-left:0%}
.w40 {width:60%}
.w70, .wtimeline {width:90%;}
.w60 {width:80%}
.gw90 {width:90%;}	
.footer3li > li:nth-child(1), .footer3li > li:nth-child(3) {width:25%}
.footer3li > li:nth-child(2) {width:50%; text-align:center}
.othermenuli > li { padding:6px 30px;}
.publicli > li:first-child {width:50%; margin-right:10%}
.publicli > li:last-child {width:40%;}
.vismisli > li:first-child {width:38%; margin-right:24%; padding-left:16%;}
.vismisli > li:last-child {width:38%; padding-right:16%}
.divvismis {top:100px;}
.wpadding {padding:0}
.careerformli > li:nth-child(odd) {width:45%; margin-right:10%; margin-bottom:40px}
.careerformli > li:nth-child(even) {width:45%; margin-bottom:0}
.sendbutbot {padding:6px 40px;}
.padlft30 {padding-left:0}
.padleft2li {padding-left:20% /* Double the margin-left 10% of w80 div used below */}
.padleft1li, .padleft2li {padding-right:20% /* Double the margin-left 10% of w80 div used below */}
.imgwreport img {width:70%;}
.projectsli > li {width:29.33%; margin:20px 2%;}
.eq4li > li{width:50%; padding-right:50px; margin-bottom:30px}
.eq5li > li{width:33.33%; padding-right:30px; margin-bottom:30px}
.divgoogmap iframe {width:100%; height:450px}
.fplanli > li:first-child {width:50%; padding:50px; border: solid 1px #ccc; margin-right:10%; margin-bottom:0}
.fplanli > li:last-child {width:40%;}
.fplanholder img {width:60%;}
.addrerali > li:first-child {width:35%; margin-right:5%; margin-bottom:0px}
.addrerali > li:last-child {width:60%;}
.mahareraimg img {margin-right:20px; width:50px}
.nri2li > li:first-child {width:30%; margin-right:25%}
.nri2li > li:last-child {width:45%;}
.nripointsli > li:first-child {width:15%; margin-right:3%}
.nripointsli > li:last-child {width:82%;}
.comsoon h5 {font-size:36pt}
.divarwdnbox img {width:50px;}
.sendbutfooter {padding:8px 20px; font-size:13pt; line-height:16pt; border-radius:6px}
.sendbutbot {padding:8px 20px;font-size:13pt; border-radius:6px}
.divprojrera .hrline {display:block; width:100%; height:1px; background-color:#ccc}
.fplanli, .divprojrera {width:90%; margin:0 auto}
}

@media screen and (min-width: 1280px) {
header {height:61px}
.divbanner, .bannertxt {padding-top:59px}
.font36 {font-size:30pt; letter-spacing:3px}
.sectmar {margin:50px auto !important}
.sectmartop {margin-top:50px !important}
.sectmarbot {margin-bottom:50px !important}
.sectpad {padding:50px 0}
.sectpadtop {padding-top:50px}
.sectpadbot {padding-bottom:50px}
.filterbtnsli {margin:30px 0 20px; padding:0 4%}
.filterbtnsli > li:first-child {width:57%; margin-right:3%; margin-bottom:0px}
.filterbtnsli > li:last-child {width:40%;}
.onupcompfilters button {display:inline-block; width:auto; margin:0 1%}
.onupcompfilters button {font-size: 14pt;}
.addrerali > li {vertical-align:top}
.addrerali > li:first-child {width:40%; margin-right:5%; margin-bottom:0px}
.addrerali > li:last-child {width:55%;}
.rerali {text-align:right}
.rerali > li:first-child {width: calc(100% - 140px); padding-left:0;  margin-bottom:0px; padding-right:5%; border-right:solid 1px #ccc}
.rerali > li:last-child {width:140px; padding-right:0; border-left:none; text-align:right}
.rerali > li:last-child img {width:90px; display:inline-block; margin:0 auto}
.w40 {width:50%}
.w70, .wtimeline {width:75%;}
.gw90 {width:90%;}
.locationtabsli > li:first-child {width:32%; margin-right:10%; margin-left:8%; margin-bottom:0px}
.locationtabsli > li:last-child {width:50%;}
.redevelopli > li {width:20%; padding:0 30px}
.redevelopli > li:last-child {width:40%}
.divhgalw {width:87%}
.footerli > li:nth-child(1), .footerli > li:nth-child(2) {width:20%}
.footerli > li:nth-child(3), .footerli > li:nth-child(4) {width:30%}
.footerformli {text-align:left}
.footerformli > li {width:100%; margin-right:0; margin-bottom:20px}
.footerformli > li:last-child {text-align:right; margin-right:0}
.footerformli > li:nth-last-child(1) {width:100%; }
.footerformli > li:nth-last-child(2) {width:100%; margin-right:0; margin-bottom:0px}
.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);}
.captchasize {max-width:181px; max-height:47px; margin:0}
.footerli > li:nth-child(4) {margin-top:0}
.footerli > li:last-child {padding-bottom:0;border-bottom:none;}
.publicli > li:first-child {width:50%; margin-right:13%}
.publicli > li:last-child {width:37%;}
h5 {font-size:40pt; letter-spacing:6px}
.divvismis {top:130px;}
.alignccr {text-align:right}
.divgoogmap iframe {width:100%; height:600px}
.nri2li > li:first-child {width:30%; margin-right:30%}
.nri2li > li:last-child {width:40%;}
.padtophomeban {padding-top:0}
.fplanli > li:first-child {width:60%; padding:50px; border: solid 1px #ccc; margin-right:10%; margin-bottom:0}
.fplanli > li:last-child {width:30%;}
.fplanli, .divprojrera {width:80%; margin:0 auto}

}

@media screen and (min-width: 1366px) {
.font36 {font-size:36pt; letter-spacing:4px}
h2, h4, .nripointsli > li {font-size:14pt}
.w40 {width:45%}
.w60 {width:70%}
.w70, .wtimeline {width:75%;}
.w80 {width:80%;}
.w90, .gw90 {width:90%;}
.socialli > li {margin: 0 20px;}
.artistgal {bottom:10px; right:15px;}
.amenityimg {width:85%; margin:0 auto}
.divredevelopimg {padding-bottom:250px}
.divhgalw {width:90%}
.vismisli > li:first-child {width:38%; margin-right:24%; padding-left:22%;}
.vismisli > li:last-child {width:38%; padding-right:22%}
.divvismis {top:160px;}
.nripointsli > li:first-child {width:15%; margin-right:3%}
.nripointsli > li:last-child {width:82%;}

}

@media screen and (min-width: 1440px) {
.projectsli > li {width:21%; margin:20px 2%;}

}

@media screen and (min-width: 1600px) {
.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}
.font36 {font-size:46pt; letter-spacing:4px}
.w40 {width:40%}
.w70, .wtimeline {width:70%;}
.w60 {width:65%}
.divredevelopimg {padding-bottom:300px}
.redevelopli > li {width:19%; padding:0 30px}
.redevelopli > li:last-child {width:43%}
.divhgalw {width:85%}
.publicli > li:first-child {width:40%; margin-right:30%}
.publicli > li:last-child {width:30%;}
.filterbtnsli > li:first-child {width:55%; margin-right:5%; margin-bottom:0px}
.onupcompfilters button {display:inline-block; width:auto; margin:0 2%}
.eq4li > li{width:25%; padding-right:50px; margin-bottom:0}
.eq5li > li{width:20%; padding-right:30px; margin-bottom:0}
.locationtabsli > li:first-child {width:27%; margin-right:13%; margin-left:10%; margin-bottom:0px}
.locationtabsli > li:last-child {width:50%;}
.nripointsli > li:first-child {width:15%; margin-right:2%}
.nripointsli > li:last-child {width:83%;}

}

@media screen and (min-width: 1900px) {
.eq4li > li{width:25%; padding-right:120px}
.eq5li > li{width:20%; padding-right:60px}

}