@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.container_16 { width: 96%; margin-left: auto; margin-right: auto;}
.projectMenu { margin: 23px 10px 0 3%;}
nav > ul > li > a, nav > ul > li > .nav-header { padding: 8px 9px;}
.projectMenu > ul > li> a {	padding: 8px 14px;}
.projectMenu > ul > li> a img { width: 12px; margin-left: 10px;}     
.bannerWrap .bannerInfo h3 { font-size: 40px; line-height: 42px;}
.bannerWrap .bannerBox { height: auto;}
.banneraddslider .box span { right: 10px; bottom: 6px; font-size: 24px; line-height: 25px;}
.aboutWrap .aboutLeft {	padding: 50px 0;}
.aboutWrap .aboutRight { padding: 20px 4% 20px 0;}
h2 { font-size: 35px; line-height: 40px;}
.projectPrimeBox .projectprimeHeading { padding: 40px 40px 40px 40px; font-size: 50px; line-height: 54px;}
.projectPrimeBox .projectPrimedetails { padding: 40px 40px;}
.statsWrap {padding: 60px 0 60px 0;}
.statsWrap .statsInner ul li .num { font-size: 48px; line-height: 50px;}
.homeRedevelopmentWrap .homeRedevelopmentInfo p br{ display:none;}
.projectWrap { padding-top: 60px;}
.projectList .projectBox .projectName { font-size: 24px; line-height: 28px;}
.projectList .projectBox .config { font-size: 16px;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutLeft { width: 40%;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight { width: 60%; position: relative; padding: 40px 40px 40px 50px;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight img.pbslogo { width: 120px;}
.completedWrap .completedInner .completedBox{ padding:20px;}
.comercialWrap { padding: 60px 0;}
.completedWrap {padding-bottom: 40px;}
.corporatefilmWrap { padding-bottom: 60px;}
.eventsWrap { padding-bottom: 60px;}
h3 { font-size: 20px; line-height: 24px;}
footer .footerWrap .footerBox img.footerLogo { width: 130px; margin-bottom: 10px;}
footer .footerWrap .footerBox ul li {font-size: 15px;}
footer .footerWrap .footerBox.aboutinfoBox { font-size: 15px; line-height: 25px;}
footer .footerWrap .footerBox .socialmedia { margin: 20px 0 0 0;}
.aboutWrap .aboutRight .knowmore { margin-top: 30px;}
nav > ul > li > a:after, nav > ul > li > .nav-header:after {border-radius: 25px;}
.whtwedoWrap .whtwedoBox .num { font-size: 43px; line-height: 44px; padding-bottom: 10px; margin-bottom: 10px;}
.whtwedoWrap .whtwedoBox .whtwedoInfowrap {	top: 10px;}
.whtwedoWrap .whtwedoBox .whtwedoInfo { padding: 10px; font-size: 14px; line-height: 21px;}
.whtwedoWrap .whtwedoBox .whtwedoInfo h3 {font-size: 24px; line-height: 24px;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamInfo { font-size: 12px; line-height: 15px; padding: 10px;}
.whtwedoWrap {padding-bottom: 60px;}
.aboutteamWrap { padding-bottom: 60px;}
.innerbannerWrap .pageheading h1 { font-size: 34px; line-height: 38px;}
.completedprojectWrap .completedBox { width: 31%;padding: 20px;font-size: 15px;}
.statsWrap.redevelopmentstats { padding: 0 0 60px 0;}
.redevprocessWrap .redevprocessBox .headingBox .num {font-size: 60px; line-height: 60px;}
.redevprocessWrap .redevprocessBox .headingBox h3 { font-size: 22px; line-height: 24px;}
.redevprocessWrap .redevprocessBox .headingBox { padding: 0 0 30px 30px; min-height: 150px;}
.redevprocessWrap .redevprocessBox .infobox { padding: 30px; min-height: 250px;}
.redevprocessWrap { padding: 60px 0;}
.amenitiesWrap .amenitiesBox span { font-size: 14px; line-height: 17px; min-height: 80px;}
.amenitiesWrap { padding-bottom: 60px;}
.redevspecificationsWrap .redevspecfullWrap ul li { width: 48%;	margin: 0 1% 5px 1%;}
.redevspecificationsWrap .redevspecWrap .redevspecBox { padding: 20px; width: 48%; margin: 10px 1%; }
.redevspecificationsWrap { padding-bottom: 60px;}
.redevprojectWrap .redevprojectBox { padding: 20px;}
.redevprojectWrap .redevprojectBox ul li { font-size: 14px;}
.redevprojectWrap .redevprojectBox h3 { font-size: 22px; line-height: 24px;}
.redevprojectWrap {padding-bottom: 60px;}
.redevdocumentWrap .redevdocumentInner { padding: 60px 0;}
.redevdocumentWrap .redevdocumentInner ul li { width: 48%; margin: 0 1% 6px 1%;	padding-left: 14px;}
.mediaWrap {padding:0 0 50px 0;}
.mediaWrap .mediaInner .mediaBox .headingBox { padding: 20px 20px;  font-size: 16px; line-height: 26px; min-height: 20px;}
.careerheroSection { padding: 60px 0px 80px;}
.growingSection .accordion_head { padding: 18px 0; font-size: 18px;	line-height: 20px;}
.growingSection { padding: 60px 0;}
.careerpositionsWrap { padding: 0 0 60px 0;}
.careerpositionsWrap .careerpositionsInner { width: auto;}
.careerpositionsWrap .mail a { font-size: 26px;	line-height: 26px;}
.careerbottomWrap { margin-bottom: 60px;}
.contactWrap { padding: 60px 0;}
.contactWrap .contactLeft { padding-left: 40px;}
.contactWrap .contactLeft h3 { font-size: 24px; line-height: 26px;}
.contactWrap .contactLeft ul li { line-height: 24px;}
.contactWrap .contactLeft h3.margintop { margin-top: 30px;}
.contactformWrap { padding-bottom: 60px;}
.homeRedevelopmentWrap.contactbottomSection .homeRedevelopmentInner img { width: 130%; float: right; margin: 0 -20% 0 0;}
.homeRedevelopmentWrap.contactbottomSection { margin-bottom: 60px;}
.projectoverviewWrap { margin: 60px 0;}
.projectexteriorWrap { margin: 0 0 60px 0;}
.projectamenitiesWrap { margin-bottom: 60px;}
.projectspecificationsWrap { margin-bottom: 60px;}
.sitestatusWrap { padding-bottom: 60px;}
.projectconnectionWrap {padding-bottom: 60px;}
}
 @media only screen and (max-width: 1200px) {
     nav > ul > li > a, nav > ul > li > .nav-header{ font-size:15px;}
}
 @media only screen and (max-width: 1024px) {
}
 @media only screen and (max-width: 959px) {
     html, body{ overflow-x:hidden; width:100%;}
     header{z-index: 9998;}
   .menuBtn{ display:block;} 
nav{position: fixed; right: -301px; top: 0; width: 300px; background: #ffffffe0; height: 100%; padding: 20px 0; z-index:9998; transition:0.5s;}
nav.active{ right:0; transition:0.5s;}
nav > ul{ padding-top: 60px;}
nav > ul > li{border-bottom: 1px solid #7c7c7cab;}
nav > ul > li > a{ color: #000000; padding: 10px 20px; display: block;}
nav > ul > li > a:hover, nav > ul > li.active > a{ color:#0277b2; transition:0.5s;}
nav > ul > li > .nav-header{ color: #000000; padding: 10px 20px 2px 20px; display: block; direction: rtl;    cursor: pointer;}
nav > ul > li > .nav-header img{ width: auto; height: 7px; margin-left: 8px;}
nav > ul > li > .nav-header:hover{ color:#0277b2; transition:0.5s;}
nav > ul > li > ul{padding: 0 0 0 20px;}
nav > ul > li > ul > li{}
nav > ul > li > ul > li > a{ color: #000000; padding: 7px 20px; display: block; font-size:14px;}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{ color:#0277b2; transition:0.5s;}
nav .closeMenu { cursor: pointer; margin: 4px 6% 4px 0px; float: right; padding: 5px; display:block;}
nav .closeMenu img { width: 21px;}
header .logo img { width: 90px;}  
.banneradd { position: relative; bottom: 0; right: 0; width: 100%; padding: 15px 0 0 0;background: #ffffff;}
.bannerWrap .bannerInfo h3 { font-size: 34px; line-height: 36px;}
.bannerWrap .bannerInfo { width: 56%; font-size: 16px; line-height: 25px;top: 45%;}
.banneraddslider .box { margin-left: 5%;}
.bannerWrap .knowmore { margin-top: 40px;}
.knowmore a { font-size: 15px; padding: 10px 20px;}
.aboutWrap .aboutInner { display: block;}
.aboutWrap .aboutLeft { padding: 0; width: auto; margin: 0; background:none;}
.aboutWrap .aboutRight {width: auto; padding: 0;}
h2 { font-size: 32px; line-height: 34px; margin-bottom: 20px;}
.horizontal-wrapper{display: flex; flex-wrap: wrap;}
.panel { width: 50%; height:auto;}
.projectPrimeBox .projectprimeHeading { padding: 30px; font-size: 35px; line-height: 40px;}
.projectPrimeBox .projectPrimedetails { padding: 30px;}
.projectPrimeBox .projectPrimedetails .knowmore { margin-top: 30px;}
.statsWrap .statsInner ul li .num { font-size: 38px; line-height: 40px; }
.statsWrap .statsInner ul li .txt { font-size: 16px; line-height: 18px;}
.projectWrap .projectInner .projectInfo { width: auto;}
.projectList .projectBox .projectName { font-size: 18px; line-height: 22px;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight .note { margin-top: 15px; font-size: 16px; line-height: 24px;}
.aboutWrap.redevelopmentabout{ padding:60px 0;}
.aboutWrap.redevelopmentabout .aboutInner { padding: 0;}
.aboutWrap.redevelopmentabout .aboutLeft { padding: 0;}
.whtwedoWrap .whtwedoInner { flex-wrap: wrap; justify-content: center;}
.whtwedoWrap .whtwedoBox { width: 48%; margin: 8px 1%; position: relative;}
.whtwedoWrap .whtwedoBottom p br{ display:none;}
.aboutteamWrap .aboutteamGroup { flex-wrap: wrap;margin: 0 1%;}
.aboutteamWrap .aboutteamGroup .aboutteamBox { width: 48%; margin: 10px 1%;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamInfo { font-size: 15px; line-height: 22px; padding: 10px;}
.ongoingWrap .ongoingprojectBox {width: 48%;}
.innerbannerWrap .pageheading .bannerInfo { font-size: 17px; line-height: 20px; margin-top: 6px;}
.projectoverviewWrap .projectoverviewInner { padding: 20px; flex-direction: column;}
.projectoverviewWrap .projectoverview { width: auto;}
.projectoverviewWrap .projectoverviewtable { width: auto; margin-left: 0; margin-top: 30px;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox .num { font-size: 36px; line-height: 38px; margin-bottom: 10px; }
.projectoverviewWrap .projectstatsWrap .projectstatsBox .txt { font-size: 16px; line-height: 18px;}
.projectamenitiesWrap .projectamenitiesInner { padding: 20px 20px;}
.projectamenitiesWrap .projectamenitiesInner ul li img { max-width: 40px; height: 40px; margin-bottom: 6px;}
.projectamenitiesWrap .projectamenitiesInner ul li span { display: block; font-size: 14px; line-height: 18px;}
.projectspecificationsWrap .specificationsBox { padding: 20px; margin: 7px 1%; width: 48%;}
.downloadbrochure { margin-top: 25px;}
.projectconnectionWrap .projectconnectionHero { width: auto;}
.projectconnectionWrap .connectionmapWrap { display: block;}
.projectconnectionWrap .connectionmapWrap .connectionmapLeft { width: auto; margin-right: 0;}
.projectconnectionWrap .connectionmapWrap .connectionmapLeft iframe { min-height: 320px;}
.projectconnectionWrap .connectionmapWrap .connectionmapRight { width: auto; padding: 20px;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head { font-size: 20px;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head img { max-width: 30px; height: 30px;}
.projectformWrap .formWrap { width: auto;}
.projectformWrap { padding: 50px 0 30px 0; margin-bottom: 60px;}
.projectoverviewWrap .projectoverviewtable table {font-size: 16px;}
.projectoverviewWrap .projectoverviewtable table tr td { padding: 10px 10px;}
.projectMenu{ display:none;}
.completedprojectWrap .completedBox { width: 48%;}
.redevlocationWrap { padding: 60px 0;}
.redevlocationWrap .redevlocationInner ul li { font-size: 16px; padding-right: 16px; margin-right: 16px;}
.redevlocationWrap .redevlocationInner ul li:after { width: 6px; height: 6px;}
.redevprocessWrap .redevprocessBox .headingBox .num { font-size: 50px; line-height: 50px;}
.redevprocessWrap .redevprocessBox .headingBox { padding: 0 0 20px 20px; min-height: 130px;}
.redevprocessWrap .redevprocessBox .infobox { padding: 20px; min-height: 250px; line-height: 23px; font-size: 15px;}
.redevprojectWrap .redevprojectBox { width: 48%; margin: 7px 1%;}
.growingSection .growingSectioninner { align-items: normal; flex-direction: column;}
.growingSection .growingSectionLeft { width: auto; padding-right: 0;}
.growingSection .growingSectionRight { width: auto;}
.careerpositionsWrap .mail a { font-size: 22px; line-height: 24px;}
.contactWrap .contactInner { display: flex; align-items: normal; flex-direction: column; }
.contactWrap .contactLeft {  display: flex;padding: 20px; width: 100%;}
.contactWrap .contactLeft > div { width: 50%;} 
.contactWrap .contactRight { width: 100%;}
.contactWrap .contactLeft h3.margintop { margin-top: 0;}
.contactWrap .contactRight iframe {min-height: 350px;}
.contactformWrap .contactform, .careerpositionsWrap .contactform {width: 80%; }
.contactformWrap .contactform .inputBox, .careerpositionsWrap .contactform .inputBox { margin-bottom: 20px;}
.homeRedevelopmentWrap.contactbottomSection .homeRedevelopmentInner img { width: 180%; margin: 0 -30% 0 0;}
footer .footerWrap { flex-wrap: wrap;}
footer .footerWrap .footerBox.aboutinfoBox { width: auto; margin-right:0;}
footer .footerWrap .footerBox.addressBox { width: 96%; margin-top:40px;}
footer .footerWrap .footerBox ul li { font-size: 14px; line-height: 20px;}
footer .footerWrap .footerBox.quicklinksBox { width: 100%; margin: 25px 0 0 0;}   
.panel.order1{ order:1}
.panel.order2{order:2}
.panel.order3{order:3}
.panel.order4{order:4}
.panel.order5{order:5}
.panel.order6{order:6}
.panel.order7{ order:8}
.panel.order8{order:7}
.panel.order9{order:9}
.panel.order10{order:10}
.panel.order11{order:12}
.panel.order12{order:11}
.ongoingWrap { padding: 60px 0 0 0;}
.comercialWrap.ongoingcommercialWrap { padding: 60px 0;}
.mobilebottom{ display:block;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.mobprojectsMenu, .locationMenu{width: 45%; display: block; left:-48%;}
.mobprojectsMenu ul > li, .locationMenu ul > li{border-bottom: 1px solid #7c7c7cab;}
.mobprojectsMenu ul > li > a, .locationMenu ul > li > a{ color: #000000; padding: 10px 20px; display: block;}
.mobprojectsMenu ul > li > a:hover, .mobprojectsMenu ul > li.current > a, .mobprojectsMenu ul > li.active > a, .locationMenu ul > li > a:hover, .locationMenu ul > li.current > a, .locationMenu ul > li.active > a{ color:#0277b2; transition:0.5s;}
/*.mobprojectsMenu ul > li, .locationMenu ul > li{ display:block; position:relative; border-bottom:1px solid #4a4a4a;}
.mobprojectsMenu ul > li > a, .locationMenu ul > li > a{ color:#ffffff; padding:15px 30px; display:block;}
.mobprojectsMenu ul > li > a:hover, .locationMenu ul > li > a:hover{ background: #0000009e;}
.mobprojectsMenu ul > li:after, .locationMenu ul > li:after { position: absolute; left: 0; width: 0; height: 1px; top: -1px; background: #6c6c6c; content: "";transition: 0.5s;}
.mobprojectsMenu ul > li:before, .locationMenu ul > li:before{ position: absolute; left: 0; width: 0; height: 1px; bottom: -1px; background:#6c6c6c; content: "";transition: 0.5s;}
.mobprojectsMenu ul > li:hover:after, .locationMenu ul > li:hover:after{width: 100%;transition: 0.5s;}
.mobprojectsMenu ul > li:hover:before, .locationMenu ul > li:hover:before{width: 100%;transition: 0.5s;}*/
.mobprojectsMenu .closeprojectMenu, .locationMenu .closelocationMenu{ cursor: pointer; margin:15px 0 15px 7%; padding: 5px;}
.mobprojectsMenu .closeprojectMenu img, .locationMenu .closelocationMenu img{ width: 21px;}
.overlay{ background:#00000070; width:100%; height:100%; left:0; top:0; position:fixed; display:none; z-index: 999;}
.overlay.active{ display:block;}
footer {padding-bottom: 50px;}
.projectspecificationsWrap .specificationsBox h4{ margin:0; cursor: pointer;}
.projectspecificationsWrap .specificationsBox h4 img { position: absolute; width: 13px; right: 15px; top: 22px; transform: rotate(-90deg); transition: 0.5s;}
.projectspecificationsWrap .specificationsBox h4.active img { transform: rotate(0deg); transition: 0.5s;}
.projectspecificationsWrap .specificationsBox ul { display: none; margin-top:15px;}
.eventsWrap .eventsInner .eventsGroup .eventsBox iframe { min-height: 300px;}
.adviceWrap { margin: 50px 0 0 0;}
.adviceWrap .adviceInner { padding: 35px;}
.realStatsWrap .realStatsInner .realStatsBox .txt { font-size: 14px;line-height: 18px;}
.realStatsWrap .realStatsInner .realStatsBox .num { font-size: 54px; line-height: 55px;}
.realStatsWrap { padding-bottom: 0;}
.aboutWrap.realredevelopmentabout .aboutLeft img { width: 320px; max-width: 100%; margin-bottom: 40px;}
.aboutWrap.realredevelopmentabout .aboutRight h2 br{ display:none;}
.realvideoWrap { padding-bottom: 0;}
.highlightWrap { padding: 60px 0;}
.highlightWrap .highlightInner .highlightLeft { width: 100%; float: none;}
.highlightWrap .highlightInner .highlightRight { width: 100%; float: none;}
.realformWrap .realformLeft { display: none;}
.realformWrap .realformRight { width: 100%;padding: 60px 0;}
.desktopWhatsapp, .desktopCall{ display:none}
.currentopeningsWrap{ padding-bottom: 50px;}
.currentopeningsWrap .currentopeningsInner .accordion_head {font-size: 26px; line-height: 28px; padding: 20px 20px;}
.currentopeningsWrap .currentopeningsInner .accordion_body { padding: 12px 20px; font-size: 16px;}
.grecaptcha-badge{ z-index:-1;}
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
body{ font-size:14px;line-height: 1.8;}
.bannerWrap .bannerInfo h3 { font-size: 24px; line-height: 28px; margin-bottom: 10px;}
.bannerWrap .bannerInfo { width: 68%; font-size: 14px; line-height: 20px; }
.bannerWrap .knowmore { margin-top: 25px; }
.pageData.homepagedata { margin-top: 57vh;}
.aboutWrap .aboutInner { padding: 50px 0;}
.projectPrimeBox .projectprimeHeading { padding: 20px; font-size: 26px; line-height: 28px;font-family: 'BricolageGrotesqueMedium';}
.projectPrimeBox .projectPrimedetails { padding: 20px;}
.projectPrimeBox .projectPrimedetails .knowmore { margin-top: 22px; }
.knowmore a { font-size: 14px; padding: 8px 17px;}
.statsWrap .statsInner ul li .num { font-size: 28px; line-height: 30px;}
.statsWrap .statsInner ul li .txt { font-size: 14px; line-height: 16px;}
h2 { font-size: 28px; line-height: 30px; margin-bottom: 15px;}
.homeRedevelopmentWrap .homeRedevelopmentInfo { width: 60%;} 
.projectList .projectBox .config { font-size: 13px; padding: 1px 9px; left: -10px; top: 10px;}
.projectList .projectBox .projectName { font-size: 16px; line-height: 20px;}
.comercialWrap .comercialInner .corporateaboutGroup { flex-direction: column;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutLeft { width: 100%;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight { width: 100%; padding: 100px 30px 30px 30px;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight img.pbslogo { position: absolute; left: 20px; top: 0; transform: translateY(-70%); right: 0;}
h3 { font-size: 17px; line-height: 20px;}
header.innerHeader { background: #222222;}
.innerbannerWrap { margin-top: 80px;}
.whtwedoWrap .whtwedoBox { width: 100%; margin: 8px 0; position: relative;}
.whtwedoWrap .whtwedoBox .whtwedoInfo { padding: 10px; font-size: 16px; line-height: 28px;}
.whtwedoWrap .whtwedoBox .whtwedoInfo h3 { font-size: 26px; line-height: 28px;}
.aboutteamWrap .aboutteamGroup .aboutteamBox .aboutteamInfo { display: none;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo { padding: 8px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo h2 { font-size: 18px; line-height: 20px; font-family: 'BricolageGrotesqueSemiBold';}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow { margin-bottom: 5px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow > a,.ongoingWrap .ongoingprojectBox:hover .ongoingprojectInfo .projectInfoshow > a 
{background-size: auto 36px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .shortprojectInfo {display: none;}
.ongoingWrap .ongoingprojectBox .configTag span { font-size: 11px; padding: 3px 4px;}
.ongoingWrap .ongoingprojectBox .statusTag { font-size: 11px;padding: 4px 5px;}
.projectspecificationsWrap .specificationsBox {margin: 7px 0; width: 100%;}
.projectformWrap .formWrap .inputBox input {padding: 12px 15px;}
.projectformWrap .formWrap .inputBox select { padding: 11px 15px;}
.projectformWrap .formWrap .inputSubmit input {	padding: 12px 40px;}
.completedprojectWrap .completedBox {background: url(../images/completedBg.webp) top right no-repeat #000;}
.redevlocationWrap .redevlocationInner ul li { font-size: 14px; padding-right: 10px; margin-right: 10px;}
.redevlocationWrap .redevlocationInner ul li:after { width: 5px; height: 5px; top: 10px; right: -1px;}
.redevspecificationsWrap .redevspecfullWrap ul li { width: 98%; margin: 0 0 5px 0;}
.redevspecificationsWrap .redevspecfullWrap { padding: 20px;}
.redevspecificationsWrap .redevspecWrap .redevspecBox { padding: 20px; width: 100%; margin: 10px 0;}
.homeRedevelopmentWrap.contactbottomSection .homeRedevelopmentInfo h2 { font-size: 20px;line-height: 22px;}
.eventsWrap .eventsInner .eventsGroup{ flex-wrap:wrap;}
.eventsWrap .eventsInner .eventsGroup .eventsBox { width: 48%;  margin: 10px 1%;}
.eventsWrap .eventsInner .eventsGroup .eventsBox iframe { min-height: 450px;}
.adviceWrap .adviceInner {display: block;}
.adviceWrap .adviceInner .adviceLeft { width: auto; margin-right: 0;}
.adviceWrap .adviceInner .adviceRight { width: 180px; margin: -37px -10px 0 0; float: right;}
.realStatsWrap .realStatsInner { flex-wrap: wrap;}
.realStatsWrap .realStatsInner .realStatsBox { width: 48%; margin: 7px 1%;}
.highlightWrap .highlightInner .highlightRight ul li .text { font-size: 18px; line-height: 26px;}
.highlightWrap .highlightInner .highlightRight ul li .num { max-width: 190px; font-size: 62px;}
 }
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
}
 @media only screen and (max-width: 640px) {
}
 @media only screen and (max-width: 600px) {
.currentopeningsWrap .currentopeningsInner .accordion_head { font-size: 20px; line-height: 21px; padding: 15px 15px; margin-top: 10px;}
.currentopeningsWrap .currentopeningsInner .accordion_body { padding: 10px 15px; font-size: 15px;}
}
 @media only screen and (max-width: 569px) {
.bannerWrap .bannerBox video {width: 160%;}
.pageData.homepagedata { margin-top: 68vh;}
.panel { width: 100%;}
.projectPrimeBox .projectprimeHeading br{ display:none;}
.projectPrimeBox .projectprimeHeading { padding: 40px 20px; font-size: 32px; line-height: 34px;}
.projectPrimeBox .projectPrimedetails { padding: 40px 20px;}
.panel.order1{ order: 1;}
.panel.order2{ order: 2;}
.panel.order3{ order: 4;}
.panel.order4{ order: 3;}
.panel.order5{ order: 5;}
.panel.order6{ order: 6;}
.panel.order7{ order:7}
.panel.order8{order:8}
.panel.order9{order:9}
.panel.order10{order:10}
.panel.order11{order:11}
.panel.order12{order:12}
.homeRedevelopmentWrap .homeRedevelopmentInner img.desktopBg{display:none;}
.homeRedevelopmentWrap .homeRedevelopmentInner img.mobileBg{ display:block;}
.homeRedevelopmentWrap .homeRedevelopmentInfo { width: 88%; transform: translateY(-50%); top: 34%;}
.projectList { flex-wrap: wrap;}
.projectList .projectBox { width: 90%;margin: 15px 5%;}
.projectList .projectBox .config { font-size: 16px; padding: 3px 20px; left: -17px; top: 25px;}
.projectWrap .projectInner .projectInfo { margin: 0 auto 20px auto;}
.comercialWrap .comercialInner .corporateaboutGroup .corporateaboutRight { padding: 100px 20px 40px 20px;}
.completedWrap h2 {margin-bottom: 50px;}
footer { text-align: center;}
footer .footerWrap .footerBox.aboutinfoBox { width: 100%;}
.footerBox.quicklinksBox { width: 100%;}
footer .footerWrap .footerBox { width: 100%; margin: 20px 0;}
footer .footerWrap .footerBox.addressBox { width: 100%; margin-top: 0; margin-bottom: 0;}
.projectList .projectBox .projectName { font-size: 25px; line-height: 28px;}
.knowmore a { font-size: 16px; padding: 12px 25px;}
footer .footerWrap .footerBox.quicklinksBox { width: 100%;}
footer .footerWrap .footerBox h3 span:after {left: -15%;}
footer .footerWrap .footerBox h3 {margin-bottom: 15px;}
footer .footerWrap .footerBox h3 span { padding-bottom: 8px;}
.innerbannerWrap .pageheading { width: 88%;}
.innerbannerWrap .pageheading h1 { font-size: 30px; line-height: 32px;}
.innerbannerWrap{ overflow:hidden;}
.innerbannerWrap img { width: 150%; float:right; margin: 0 -32% 0 0;}
h2 {font-size: 25px; line-height: 27px;}
.statsWrap .statsInner ul {flex-wrap: wrap; margin: -20px 0;text-align: center;}
.statsWrap .statsInner ul li { width: 50%; margin: 20px 0;}
.ongoingWrap .ongoingprojectBox .configTag span { font-size: 9px; padding: 2px 2px;} 
.ongoingWrap .ongoingprojectBox .statusTag { font-size: 8px; padding: 2px 3px; top: -8px; right: 0;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow .location {font-size: 12px; line-height: 14px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo h2 { font-size: 14px; line-height: 16px;}
.ongoingWrap .ongoingprojectBox .ongoingprojectInfo .projectInfoshow > a {padding-right: 38px;}
.completedprojectWrap .completedBox, .redevprojectWrap .redevprojectBox { width: 100%; margin: 7px 0;}
.completedprojectWrap .completedBox h3, .redevprojectWrap .redevprojectBox h3 { margin-bottom: 10px; font-size: 22px; line-height: 24px;}
.statsWrap .statsInner ul li .num { font-size: 36px; line-height: 36px;}
.redevlocationWrap .redevlocationInner ul { flex-wrap: wrap;}
.redevlocationWrap .redevlocationInner ul li { font-size: 16px;}
.redevlocationWrap .redevlocationInner ul li:after { top: 12px;}
.amenitiesWrap h2 {	margin-bottom: 50px;}
.redevspecificationsWrap .redevspecfullWrap h3 { text-align: left;}
.redevspecificationsWrap .redevspecBox h3{ margin-bottom: 5px;}
.redevprojectWrap .redevprojectBox { width: 100%; margin: 5px 0;}
.redevdocumentWrap .redevdocumentInner ul li { width: 100%;	margin: 0 0 6px 0;}
.redevdocumentWrap .redevdocumentInner h2 { text-align: left;}
.mediaWrap .mediaInner .mediaBox { background: #f2f2f2; width: 100%; margin: 10px 0;}
.mediaWrap .mediaInner .mediaBox .headingBox { padding: 20px 15px; font-size: 17px; line-height: 20px; min-height: 5px;}
.growingSection .growingSectionLeft .accordion_container { margin-top: 0;}
.growingSection .accordion_head.bordertop { border-top: 1px solid #ccc;}
.careerpositionsWrap .mail a { font-size: 18px; line-height: 20px;}
.careerpositionsWrap h3 { margin-top: 20px; margin-bottom: 10px;}
.careerbottomWrap {	overflow: hidden;}
.careerbottomWrap img { width: 130%; margin-left: -15%;}
.contactWrap .contactLeft > div { width:auto;}
.contactWrap .contactLeft { display: block;}
.contactWrap .contactLeft h3.margintop { margin-top: 20px;}
.contactformWrap .contactform, .careerpositionsWrap .contactform { width: auto;}
.contactformWrap .contactform .inputBox, .careerpositionsWrap .contactform .inputBox{ margin-bottom: 16px;}
.contactformWrap .contactform .inputBox input, .contactformWrap .contactform .inputBox textarea, .careerpositionsWrap .contactform .inputBox input, .careerpositionsWrap .contactform .inputBox textarea, .careerpositionsWrap .contactform .inputBox select { padding: 12px 15px; font-size: 15px;}
.contactformWrap .contactform .inputSubmit input, .careerpositionsWrap .contactform .inputSubmit input { padding: 12px 30px; font-size: 16px;}
.homeRedevelopmentWrap.contactbottomSection .homeRedevelopmentInner img{ width:100%; margin: 0;}
.projectoverviewWrap .projectoverviewtable table { font-size: 14px;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox .num {font-size: 18px; line-height: 20px; margin-bottom: 5px;}
.projectoverviewWrap .projectstatsWrap .projectstatsBox .txt { font-size: 13px; line-height: 15px;}
.projectoverviewWrap .reraWrap .reraUnit .reraInfo .reraNum { font-size: 18px; line-height: 20px;}
.projectoverviewWrap .reraWrap .reraUnit .reraInfo .reralink {font-size: 12px;}
.projectamenitiesWrap .projectamenitiesInner ul li { width: 31%; margin: 10px 1%;}
.projectamenitiesWrap .projectamenitiesInner ul li span { display: block; font-size: 12px; line-height: 15px;}
.projectamenitiesWrap .projectamenitiesInner ul li img { max-width: 25px; height: 25px;}
.projectspecificationsWrap .specificationsBox ul li {margin-bottom: 7px;}
.sitestatusWrap h2 { margin-bottom: 42px;}
.sitestatusWrap .sitestatusBox span { font-size: 14px;padding: 5px;}
.projectconnectionWrap .connectionmapWrap .connectionmapRight { padding: 10px;}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head {padding: 10px; font-size: 17px; font-family: 'BricolageGrotesqueMedium';}
.projectconnectionWrap .connectionmapRight .accordion_container .accordion_head img { max-width: 23px;height: 23px;}
.projectformWrap .formWrap .inputBox { width: 98%; margin: 0 1% 25px 1%; float: none;}
.mobprojectsMenu, .locationMenu{width: 300px; display: block; left:-301px;}
header .logo img { width: 80px;}
header .logo { margin: 7px 0;}
.menuBtn {margin: 16px 0 0 0;}
.innerbannerWrap { margin-top: 59px;}
footer {padding-bottom: 60px;}
.copyRight { padding: 10px 0; margin-top: 20px; font-size: 13px;}
.knowmore a { font-size: 15px; padding: 9px 16px;}
nav .closeMenu { margin: 0 3% 4px 0px;}
nav {padding: 14px 0 20px 0;}
.projectoverviewWrap .reraWrap .reraqrcode { width: 23%;}
.adviceWrap .adviceInner { display: block; padding: 25px 25px 75px 25px;}
.adviceWrap .adviceInner .adviceLeft { width: 80%;}
.adviceWrap .adviceInner .adviceLeft h2 { font-size: 20px;}
.adviceWrap .adviceInner .adviceRight { width: 130px; margin: 31px -10px 0 0;}
.highlightWrap .highlightInner .highlightRight ul li .num { max-width: 90px; font-size: 32px;}
.highlightWrap .highlightInner .highlightRight ul li .text { font-size: 16px; line-height: 20px;}
.realStatsWrap .realStatsInner .realStatsBox { padding: 20px 0;}
footer .footerWrap .footerBox.quicklinksBox ul { width: auto; float: none;}
footer .footerWrap .footerBox.quicklinksBox ul li { line-height: 20px; margin-bottom: 8px;}   
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.eventsWrap .eventsInner .eventsGroup .eventsBox { width: 100%; margin: 10px 0;} 
.eventsWrap .eventsInner .eventsGroup .eventsBox iframe { min-height: 500px;}
.realvideoWrap .realvideoBox iframe { min-height: 200px;}
}
 @media only screen and (max-width: 480px) {
}
 @media only screen and (max-width: 424px) {
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}