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

body { font-family: 'Poppins', sans-serif; }
header { background: #fff; height: 68px; position: relative; z-index: 999; width: 100%; float: left; }
header nav { font-weight: 500; }
header nav a { color: #111111; font-size: 15px; }
header .navbar-nav li { margin: 6px 24px 0 0; }
header .navbar-nav li:last-child { margin: 6px 0 0 0; }
header .logo { width: 100%; height: auto; float: left; text-align: center; background: #fff; }
header .logo span { float: none; display: inline-block; margin: 10px 0 15px 0; }
.groupCall { float: right; width: 100%; background: #fff; }
.groupCall ul { width: 100%; float: right; list-style: none; padding: inherit; margin: inherit; margin: 7px 0 0 0; }
.groupCall ul li { float: left; width: auto; }
.HeadEmail { width: auto; height: 40px; float: left; color: #fff; background: #d2ab68 url(../images/mail.png) no-repeat left 6px center; background-size: auto; border-radius: 20px; padding: 10px 13px 5px 34px; background-size: 24px; margin: 6px 0 0 10px; }
.HeadEmail a { color: #fff; float: left; width: 100%; font-size: 13px; }
.groupCall ul li.ourGroup { width: auto; height: auto; float: left; background: url(../images/ourGroup.png) no-repeat left 0 top 0; padding: 0 0 0 30px; margin: 12px 8px 0 0; background-size: 25px; }
.groupCall ul li.ourGroup span a { color: #111111; font-weight: 500; font-size: 14px; line-height: 30px; }
.groupCall ul li.callUs { width: auto; height: 40px; float: left; color: #fff; background: #d2ab68 url(../images/call.png) no-repeat left 6px center; border-radius: 20px; padding: 10px 13px 5px 58px; margin: 6px 0 0 0; text-transform: uppercase; background-size: 48px; }
.groupCall ul li.callUs span { float: left; }
.groupCall ul li.callUs span aside { float: left; margin: 0 5px; }
.groupCall ul li.callUs span a { color: #fff; font-size: 13px; margin: 0; float: left; width: auto; }
.groupCall ul li.callUs a b { color: #fff; font-weight: normal; width: 100%; float: left; font-size: 12px; }
.footCall { width: 100%; float: left; }
.footCall ul { width: 100%; float: left; margin: 40px 0 0; padding: 0; text-align: center; }
.footCall ul li { background: #2b2a2a; width: auto; float: none; list-style: none; display: inline-block; color: #fff; }
.footcallUs { background: url(../images/callfoot.png) no-repeat left 15px center; padding: 26px 6px 26px 85px; text-transform: uppercase; float: left; margin: 0 0 0 0; }
.tp { color: #fff; background: url(../images/callfoot2nd.png) no-repeat left 15px center; padding: 26px 18px 26px 50px; text-transform: uppercase; float: left; }
.footCall ul li aside a { color: #fff; margin: 0 5px; }
.footCall ul li.footcallUs span { float: left; }
.footCall ul li.footcallUs span aside { float: left; margin: 0 3px; }
.footCall ul li.footcallUs span a { color: #fff; font-size: 17px; line-height: 2px; margin: 0; float: left; width: auto; }
.banArea { width: 100%; float: left; position: relative; top: 0; z-index: -999; }
.banner { width: 100%; float: left; margin: 0; padding: 0; }
.homeForm { margin: 150px 0 0 0; width: 100%; }
.contactBanner { width: 100%; height: auto; float: left; padding: 20px 20px; background: rgba(0,0,0,0.60); margin: 12px 0px; border: 10px solid #fff; }
h2 { width: auto; height: auto; float: left; color: #fff; font-size: 22px; font-weight: 600; margin: 0; }
.contactBanner h2 { width: 100%; text-transform: uppercase; font-size: 21px; margin: 0 0 10px 0; }
h3 { width: 100%; height: auto; float: left; color: #231f20; font-size: 33px; font-weight: 500; line-height: 40px; }
.bannerHeading { width: 100%; height: auto; float: left; text-align: left; }
.bannerHeading h1 { width: 100%; height: auto; float: left; color: #fff; font-size: 70px; position: relative; text-transform: uppercase; }
.banner .carousel-caption { top: 60%; bottom: inherit; }
.reqmeg { width: 100%; float: left; margin: 10px 0 0 0; color: #d2ab68; font-size: 12px; }
.aboutUs ul { width: 100%; height: auto; float: left; padding: 0; margin: 20px 0 40px; }
.aboutUs ul li { font-size: 18px; font-weight: 500; color: #231f20; list-style: none; background: url(../images/icon/point.png) no-repeat top 2px left 0; padding: 0 0 0 30px; }
.contactBanner p { color: #fff; font-size: 14px; }
.conFrom { width: 100%; float: left; }
.conFrom .form-control { height: 42px; border-radius: 0; font-size: 12px; font-weight: normal; }
.conFrom textarea.form-control { height: 178px; resize: vertical; }
.conFrom .conbtnhome { width: 100%; float: left; height: 55px; background-color: #d2ab68; border: none; border-radius: 0; font-size: 20px; margin: 0 0 0; }
.aboutUs { width: 100%; float: left; background: rgb(241,241,241); background: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); margin: 0 0 0 0; border-bottom: 1px solid #f2f2f2; }
.ourGroup { width: auto; height: auto; padding: 50px 0; }
.thankyou { width: 100%; float: left; }
.thankyou h3 { width: 100%; height: auto; float: left; color: #fff; font-size: 24px; font-weight: 500; margin: 0; padding: 0 0 10px; line-height: 40px; text-align: center; }
.thankyou p { width: 100%; float: left; text-align: center; margin: 0 0 5px 0; font-size: 15px; line-height: 24px; font-weight: 300; }
.innerBanner { width: auto; height: auto; overflow: hidden; }
.subBanner { width: 100%; height: auto; text-align: center; float: left; }
.subBanner aside { width: auto; height: auto; float: right; color: #fff; font-size: 24px; font-weight: 400; margin: 97px 0; text-transform: uppercase; background: #d2ab68; padding: 10px 20px; position: absolute; }
.subBanner span { width: 100%; height: auto; text-align: center; float: left; }
.subBanner span img { width: auto; height: auto; float: none; display: inline-block; }
.ourGroup h3 { font-size: 30px; width: 100%; float: left; color: #d2ab68; text-transform: uppercase; font-weight: 500; margin: 0 0 50px 0; }
.ourGroup p { width: 100%; float: left; color: #231f20; font-size: 14px; line-height: 24px; }
.padabout { padding: 60px 0; }
.regInter { width: 100%; float: left; margin: 13px 0 0 0; }
.regInter span { width: 100%; float: left; height: auto; border: none; border-radius: 0; font-size: 20px; text-align: center }
.regInter span a { color: #fff; font-weight: normal; background-color: #d2ab68; float: left; padding: 12px 0; text-align: center; width: 100%; text-decoration: none; font-size: 18px; }
.regInter span a:hover { color: #231f20; background: #ddd; }
.backwhite { background: #fff; padding: 60px 0 60px 40px }
.backwhite:after { background: #fff; }
.leisureslide { margin: 60px 0 0 0; width: 100%; float: left; }
.aboutUs p { width: 100%; float: left; color: #231f20; font-size: 14px; line-height: 24px; }
.amenities { padding: 60px 0 0 0; width: 100%; float: left; }
.leisure { width: 100%; float: left; margin:30px 0 0 0; }
.amenities h3 { text-align: left; }
.videoBox video { width: 100%; }
.amenities ul { width: 100%; height: auto; float: right; padding: 0; margin: 20px 0 40px; }
.amenities ul li { width: auto; float: right; font-size: 15px; font-weight: 400; color: #231f20; list-style: none; background: url(../images/list-style.png) no-repeat top 9px left 0; padding: 0 15px 10px 30px; }
.amenities ul li.landscaping { background: url(../images/icon/landscaping.png) no-repeat top 0 left 0; }
.amenities ul li.clubhouse { background: url(../images/icon/club-area.png) no-repeat top 0 left 0; }
.amenities ul li.swim { background: url(../images/icon/swiming.png) no-repeat top 0 left 0; }
.amenities ul li.jogging { background: url(../images/icon/jogging.png) no-repeat top 0 left 0; }
.amenities ul li.playarea { background: url(../images/icon/childrenArea.png) no-repeat top 0 left 0; }
.amenities ul li.gym { background: url(../images/icon/gym.png) no-repeat top 0 left 0; }
.amenities ul li.amph { background: url(../images/icon/amph.png) no-repeat top 0 left 0; }
.amenities ul li.tennisCourt { background: url(../images/icon/table-tennis.png) no-repeat top 0 left 0; }
.amenities ul li.tabletennis { background: url(../images/icon/tennis-court.png) no-repeat top 0 left 0; }
.amenities ul li.sauna { background: url(../images/icon/sauna.png) no-repeat top 0 left 0; }
.amenities ul li.aerobics { background: url(../images/icon/aerobic-room.png) no-repeat top 0 left 0; }
.amenities ul li.creche { background: url(../images/icon/creche.png) no-repeat top 0 left 0; }
.amenities ul li.basketball { background: url(../images/icon/basket.png) no-repeat top 0 left 0; }
.amenities ul li.billiards { background: url(../images/icon/billiards.png) no-repeat top 0 left 0; }
.amenities ul li.hall { background: url(../images/icon/hall.png) no-repeat top 0 left 0; }
.amenities ul li.reading { background: url(../images/icon/reading.png) no-repeat top 0 left 0; }
.amenities.newpoints { width: 100%; float: left; height: auto; }
.amenities .newpoints ul { width: 100%; float: left; height: auto; }
.amenities .newpoints ul li { width: 50%; float: left; height: 40px; padding: 12px 10px 0 50px; margin: 0 0 40px 0; }
.amenities ul li.areaSwimming { background: url(../images/icon/new/areaSwimming.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaMulti { background: url(../images/icon/new/areaMulti.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaPrivate { background: url(../images/icon/new/areaPrivate.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaWalking { background: url(../images/icon/new/areaWalking.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaSquash { background: url(../images/icon/new/areaSquash.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaPlaying { background: url(../images/icon/new/areaPlaying.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaGYM { background: url(../images/icon/new/areaGYM.png) no-repeat top 0 left 0; }
.amenities .newpoints li.areaSteam { background: url(../images/icon/new/areaSteam.png) no-repeat top 0 left 0; }
.newpoints { }
.disclaimer { width: 100%; float: left; height: auto; background: #f2f2f2; margin: 30px 0 0 0; }
.disclaimer p { width: 100%; float: left; height: auto; color: #766f72; margin: 0; font-size: 12px; line-height: 20px; padding: 20px; }
.btnBox { width: 100%; float: left; margin: 29px 0 0 0; text-align: center; }
.view360 { width: auto; float: none; height: auto; margin: 20px 7px 0 7px; display: inline-block; }
.view360 a { width: 100%; float: left; height: auto; color: #fff; text-decoration: none; padding: 12px 26px; text-align: center; background: #d2ab68; font-size: 18px; }
.view360 a:hover { width: 100%; float: left; height: auto; color: #231f20; background: #ddd; }
.downBrochure { width: auto; float: none; margin: 20px 7px 0 7px; display: inline-block; }
.downBrochure span { width: 100%; float: left; }
.downBrochure span a { width: 100%; float: left; height: auto; color: #fff; text-decoration: none; padding: 12px 15px; text-align: center; background: #d2ab68; font-size: 18px; }
.downBrochure span a:hover { width: 100%; float: left; height: auto; color: #231f20; background: #ddd; }
.leisure h3 { color: #d2ab68; margin: 0 0 0px 0; }
.leisure p { width: 100%; float: left; color: #231f20; font-size: 14px; line-height: 24px; }
.leisureslide h5 { width: auto; height: auto; float: right; color: #fff; font-size: 36px; font-weight: 400; margin: 0; text-transform: uppercase; background: #2b2a2a; padding: 30px; }
.neighbour h3 { font-size: 30px; width: 100%; float: left; color: #231f20; text-transform: uppercase; font-weight: 500; }
.neighbour { background: url(../images/dot.png) repeat top 0 left; padding: 60px 0; width: 100%; float: left; }
.neighbour ul { width: 100%; height: auto; float: left; padding: 0; margin: 25px 0; }
.neighbour ul li { width: 100%; float: left; font-size: 14px; font-weight: 400; color: #231f20; list-style: none; background: url(../images/spu.png) no-repeat top 2px left 0; padding: 0 0 10px 20px; }
.infoBox { width: 262px; height: 163px; float: left; padding: 30px 14px; border: 1px solid #bebbbb; background: #fff; margin: 0 0 10px 0; }
.infoBox ul { margin: 5px 0 }
.infoBox h4 { font-size: 18px; width: auto; float: left; color: #231f20; border-bottom: 1px solid #231f20; text-transform: uppercase; font-weight: 500; padding: 0 0 5px 0; }
.infoBox:nth-child(2n) { float: right; }
.mapNeig { width: 100%; float: left; margin: 176px 0 0 0; }
.mapNeig span { width: 100%; float: left; margin: 0; }
.mapNeig span img { width: auto; float: left; margin: 0; }
.units { width: 100%; float: left; }
.stillimg { overflow: hidden; width: 100%; float: left; }
.stillimg .imgBox { width: 100%; float: left; }
.stillimg .imgBox span { width: 100%; float: left; }
.stillimg .imgBox span img { width: 100%; float: left; }
.floorPlan h3 { font-size: 30px; width: 100%; float: left; color: #231f20; text-transform: uppercase; font-weight: 500; text-align: center; }
.floorPlan { background: url(../images/planbg.jpg) repeat top left; padding: 60px 0; text-align: center; width: 100%; float: left; }
#carouselExampleIndicators2 .carousel-indicators .active, #carouselExampleIndicators11 .carousel-indicators .active, #carouselExampleIndicators12 .carousel-indicators .active { background: #d2ab68; }
#carouselExampleIndicators2 .carousel-indicators li, #carouselExampleIndicators11 .carousel-indicators li, #carouselExampleIndicators12 .carousel-indicators li { background-color: #ead7b8; }
#carouselExampleIndicators2 .carousel-control-prev { display: block; }
#carouselExampleIndicators2 .carousel-control-next, #carouselExampleIndicators11 .carousel-control-next, #carouselExampleIndicators12 .carousel-control-next { display: block; }
#carouselExampleIndicators2 .carousel-indicators, #carouselExampleIndicators11 .carousel-indicators, #carouselExampleIndicators12 .carousel-indicators { bottom: -40px; }
.galBtn { width: auto; height: auto; float: left; }
.galBtn span { width: auto; height: auto; float: left; }
.galBtn span a { width: auto; height: auto; float: left; color: #fff; background: #231f20; font-size: 24px; padding: 20px; text-text-transform: uppercase; }
.galBtn span a:hover { olor: #fff; background: #d2ab68; text-decoration: normal; }
.plansslide { width: 100%; float: none; height: auto; margin: 20px 0 0 0; display: inline-block; }
.bgBlack { background: #0d0d0d; }
.bgBrown { background: #d2ab68; }
.boxUnitbrown, .boxUnitblack { width: 100%; float: left }
.boxUnitbrown ul { width: auto; float: right; padding: 20px 7px 20px; margin: 0; list-style: none; }
.boxUnitbrown ul li { width: 180px; float: left; height: 79px; margin: 0 0 0 20px; border: 1px solid #d2ab68; text-align: center; }
.boxUnitbrown ul li h6 { width: 100%; float: left; text-align: center; font-size: 30px; color: #fff; font-weight: 500; padding: 15px 0 0; }
.boxUnitbrown ul li span { width: 100%; float: left; text-align: center; font-size: 12px; color: #fff; font-weight: normal; background: #d2ab68; }
.boxUnitblack ul { width: auto; float: left; padding: 20px 7px 20px; margin: 0; list-style: none; }
.boxUnitblack ul li { width: 180px; float: left; height: 79px; margin: 0 20px 0 0; border: 1px solid #231f20; text-align: center; background: #fff; }
.boxUnitblack ul li h6 { width: 100%; float: left; text-align: center; font-size: 30px; color: #231f20; font-weight: 500; padding: 15px 0 0; }
.boxUnitblack ul li span { width: 100%; float: left; text-align: center; font-size: 12px; color: #fff; font-weight: normal; background: #231f20; }
.contactFrom { background: url(../images/contactBg.jpg) repeat top left; padding: 60px 0; width: 100%; float: left; }
.contactFrom .reqmeg { color: #2b2a2a; float: right; font-weight: 500; font-size: 13px; }
.contactFrom h3 { font-size: 24px; width: 100%; float: left; color: #231f20; text-transform: capitalize; font-weight: 500; text-align: left; }
.conFrm { width: 100%; float: left; margin: 30px 0 0 0; }
.conFrm .form-control { height: 42px; border-radius: 0; border: 1px solid #000000; font-size: 14px; font-weight: normal; }
.conFrm label { font-size: 14px; color: #000; font-weight: 600; }
.conFrm textarea.form-control { height: 165px; resize: vertical; }
.footbtnhome { width: auto; float: right; height: 55px; color: #fff; background-color: #2b2a2a; border: none; border-radius: 0; padding: 0 20px; font-size: 16px; font-weight: 500; margin: 0; }
footer { background: #0d0d0d; padding: 30px 0 20px; width: 100%; float: left; }
footer p { color: #fff; font-size: 12px; line-height: 18px; }
.proTitle { width: 100%; height: auto; float: left; }
.proTitle h5 { width: 100%; height: auto; float: left; font-size: 21px; background: #d2ab68; color: #fff; text-transform: capitalize; font-weight: 500; text-align: left; padding: 10px 20px; }
#carouselExampleIndicators5 .carousel-indicators { bottom: -30px; }
#carouselExampleIndicators5 .carousel-indicators li { background-color: #231f20; }
#carouselExampleIndicators5 .carousel-indicators .active { background-color: #d2ab68; }
#carouselExampleIndicators5 .carousel-control-prev, #carouselExampleIndicators5 .carousel-control-next { display: block !important; }
#carouselExampleIndicators2 .carousel-control-prev, #carouselExampleIndicators2 .carousel-control-next, #carouselExampleIndicators11 .carousel-control-prev, #carouselExampleIndicators11 .carousel-control-next, #carouselExampleIndicators12 .carousel-control-prev, #carouselExampleIndicators12 .carousel-control-next { color: #d2ab68; opacity: 1; }
#carouselExampleIndicators2 .carousel-control-prev, #carouselExampleIndicators11 .carousel-control-prev, #carouselExampleIndicators12 .carousel-control-prev { background: url(../images/previcon.png) no-repeat center left; }
#carouselExampleIndicators2 .carousel-control-next, #carouselExampleIndicators11 .carousel-control-next, #carouselExampleIndicators12 .carousel-control-next { background: url(../images/nexticon.png) no-repeat center right; }
.mapinteractive { width: 100%; float: left; height: auto; }
.mapinteractive h6 { width: 100%; height: auto; float: left; font-size: 24px; color: #fff; text-transform: capitalize; font-weight: 500; text-align: center; line-height: 50px; padding: 36px 0 25px 0; }
.mapinteractive h6 a { color: #fff; text-decoration: underline; }
.tab { overflow: hidden; margin: 30px 0 0 0; float: left; width: 100%; text-align: center; }
/* Style the buttons inside the tab */
.tab button { background-color: #ddd; height: 48px; float: left; border: none; outline: none; cursor: pointer; padding: 14px 10px; transition: 0.3s; font-size: 16px; display: inline-block; margin: 0 5px; }
/* Change background color of buttons on hover */
.tab button:hover { background-color: #d2ab68; color: #fff; }
/* Create an active/current tablink class */
.tab button.active { background-color: #d2ab68; color: #fff; }
/* Style the tab content */
.tabcontent { display: none; padding: 6px 12px; border: none; border-top: none; }
.tab .floorTab { color: #231f20; padding: 14px 0; width: auto; height: 48px; float: right; display: inline-block; background: #ddd; }
.tab .floorTab:hover { background: #d2ab68; color: #fff; }
.tab .floorTab a { color: #231f20; padding: 14px 16px; }
.tab .floorTab a:hover { color: #fff; text-decoration: none; }
.mapNeig p { font-size: 12px; color: #d2ab68; padding: 5px 0 0; width: 100%; float: left; }
.container { overflow: hidden; }
.carousel-control-next, .carousel-control-prev { opacity: 1; }


span.finishes{width:100%; display:inline-block; text-align:center;}

span.finishes img{width:100%;  display:inline-block;}
/* ---------------------------

.----------- */




@media (min-width: 1025px) and (max-width: 1450px) {
.homeForm { margin: 40px 0 0 0; }
.contactBanner { padding: 20px; }
.conFrom textarea.form-control { height: 120px; }
}

@media (min-width: 992px) and (max-width: 1950px) {
.mapNeig span img { width: 100%; }
}

@media (min-width: 992px) and (max-width: 1200px) {
header nav a { font-size: 13px; }
header .navbar-nav li { margin: 6px 10px 0 0; }
header .logo span a img { width: 80%; }
}

@media (min-width: 1025px) and (max-width: 1200px) {
.infoBox { width: 48%; margin: 0 2% 10px 0; }
}

@media (min-width: 992px) and (max-width: 1024px) {
h2 { font-size: 30px; width: 100%; }
.conFrom textarea.form-control { height: 50px; }
.homeForm { margin: -7px 0 0px; }
.conFrom .conbtnhome { margin: 10px 0 0 0; }
.aboutUs { margin: -7px 0 0 0; }
.leisure h3 { margin: 20px 0 0 0; }
.leisureslide { margin: 20px 0 0 0; }
.infoBox { width: 48%; margin: 0 0 2%; }
.infoBox { }
header .logo span a img { width: 80%; }
}

@media (min-width: 300px) and (max-width: 991px) {
header .logo span a img { width: 80%; }
.abso { position: absolute; }
.w33 { width: 33.33% !important; max-width: 33.33% !important; }
.aboutUs { background: #fff; margin: 0; }
.banner { position: relative; }
.homeForm { margin: 50px 0 0 0; }
.padabout { padding: 40px 0; }
.amenities h3 { text-align: left; }
.amenities { padding: 20px 0 0 0; }
.amenities ul li { float: left; }
.leisure { margin: 40px 0 0 0; }
.leisure h3 { margin: 30px 0; }
.mapNeig span img { width: 100%; }
.neighbour { padding: 50px 0; }
.boxUnitbrown ul, .boxUnitblack ul { width: 100%; text-align: center; }
.boxUnitbrown ul li, .boxUnitblack ul li { float: none; display: inline-block; margin: 0 15px 0 0; }
.groupCall ul li.ourGroup { width: 100%; margin: 5px 0 0 0; }
.groupCall ul li.ourGroup span a { font-size: 10px; }
.groupCall ul li.callUs { width: 100%; margin: 5px 0 0 0; background: #d2ab68; background-size: 20%; padding: 0 5px; }
.groupCall ul li.callUs span { width: 100%; float: left; text-align: center; }
.groupCall ul li.callUs a b { display: none; padding: 2px 6px 0px 40px; font-size: 10px; }
.groupCall ul li.callUs a { font-size: 9px; width: auto; }
.backwhite { padding: 0 15px; }
.groupCall ul li.callUs { width: 100%; margin: 8px 0 0 0; background: none; background-size: 0; padding: 0; height: auto; }
.groupCall ul li.callUs span { width: 100%; float: left; text-align: center; }
.groupCall ul li.callUs a b { display: none; padding: 2px 6px 0px 40px; font-size: 10px; }
.groupCall ul li.callUs span a { font-size: 10px; color: #d2ab68; }
.aboutUs { padding: 0 15px; }
.footcallUs { background-size: 50px; padding: 26px 6px 26px 70px; }
.footCall ul li aside a { font-size: 12px; }
.HeadEmail { margin: 5px 0 0 0 !important; background: none; padding: 0; height: auto; }
.HeadEmail a { font-size: 10px; color: #d2ab68; }
}

@media (min-width: 768px) and (max-width: 992px) {
.mapNeig { margin: 20px 0 0 0; }
}

@media (min-width: 300px) and (max-width: 767px) {
.w300 { width: 300px; margin: 7px 0 0 0; }
.aboutUs { background: #fff; }
.padabout { padding: 40px 0; }
.banner { position: relative; }
.homeForm { margin: 40px 0 0 0 }
.amenities { padding: 40px 0 0 0; }
.amenities h3 { text-align: left; }
.amenities ul li { float: left; }
.leisure { margin: 40px 0 0 0; }
.mapNeig span img { width: 100%; }
.mapNeig { margin: 30px 0 0 0; }
.infoBox { width: 48%; height: 163px; float: left; padding: 30px 15px; margin: 0 0 2% 0; }
.boxUnitbrown ul, .boxUnitblack ul { width: 100%; text-align: center; }
.boxUnitbrown ul li, .boxUnitblack ul li { float: none; display: inline-block; margin: 0 20px 0; }
}

@media (min-width: 320px) and (max-width: 768px) {
.banner { position: relative; }
.mapNeig span img { width: 100%; }
.padabout { padding: 20px 0; }
.aboutUs { background: #fff; }
}

@media (min-width: 375px) and (max-width: 499px) {
.tab .floorTab { height: 48px; line-height: 38px; }
}

@media (min-width: 320px) and (max-width: 499px) {
.tab button { padding: 6px; font-size: 12px; margin: 5px 2%; width: 45%; }
.tab .floorTab { padding: 6px; font-size: 12px; margin: 5px 4% 5px 0; width: 45%; }
.tab .floorTab a { padding: 0px; font-size: 12px; margin: 0 2px; }
}

@media (min-width: 320px) and (max-width: 499px) {
.btnBox { text-align: center; margin: 0; }
.downBrochure, .view360 { float: none; display: inline-block; }
.footCall ul li.footcallUs span a { font-size: 14px; }
}

@media (min-width: 320px) and (max-width: 439px) {
.groupCall ul li.callUs span a { float: left; height: auto; font-size: 11px; margin: 0 0px 0 0; display: inline-block; color: #d2ab68; }
.groupCall ul li.callUs span aside { display: none; }
.groupCall ul li.callUs span { padding: 0; }
.infoBox { width: 100%; }
header .logo span img { width: 100%; }
.groupCall ul li.ourGroup { width: 100%; margin: 0 0 0 0; background-size: 14px; }
.groupCall ul li.ourGroup span { width: 100%; float: left; line-height: 12px; }
.groupCall ul li.ourGroup span a { font-size: 11px; line-height: 12px; }
}