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

@media screen and (min-width: 1921px) {
  .campainHero {
    font-size: 24px;
    line-height: 27px;
  }
  .campainHero h1 {
    font-size: 116px;
    line-height: 119px;
  }
  .campainHero h4 {
    font-size: 65px;
    line-height: 60px;
  }
  .campainHero h5 {
    font-size: 41px;
    line-height: 50px;
  }
  .campainHero h6, .campainHero a.btn {
    font-size: 29px;
    line-height: 32px;
    letter-spacing: 1.45px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1700px) {
  
.home2screen.smallHome2screen .row > .textContent > div { padding: 40px 7% 40px 0; }
.home2screen.smallHome2screen.leftImg_rightText .row > .textContent > div { padding: 40px 0 40px 5%; }
.page-template-template-the-aspen main .textRow .midContainer {padding: 0;}
.postDetailPage .row .textContent { padding-right: 15%; }
}
@media screen and (min-width: 320px) and (max-width: 1600px) {
  .propertiesList { max-width: 100%; }
  .specContainer > div { padding: 0 20px; }
  .logotextrow .column { padding: 0 100px; }
  .midBox,
  .teamRow .column:last-child,
  .neighbourhoodImgSec .column > div.midBox { padding-left: 100px; padding-right: 100px; }
  .home2screen > .displayFlex > .column:first-child { padding: 0 100px 80px 50px; }
  .homeRow2Img2 { right: 50px; }
  .sliderWithBg .slide > div.column { padding-right: 50px; padding-left: 50px; }
  .page-template-template-the-aspen .twoColumnRow:nth-child(4) .column:first-child img { left: -10%; width: 120%; }
  .sliderWithBg .slick-arrow { bottom: 8%; }
  .sliderWithBg .slick-prev { left: calc(50% + 86px); }
  .sliderWithBg .slick-next { left: calc(50% + 120px); }
}

@media screen and (min-width: 320px) and (max-width: 1550px) {
  /* .bottomAirportsSec > div:first-child{left: 100px;} */
  .sliderWithBg .slide > div .imgbox {
    max-width: 300px;
  }
  
}
@media screen and (min-width: 320px) and (max-width: 1550px) {
  footer > .containerLg > .row > div {
    width: 23%;
  }
  footer > .containerLg > .row > div:nth-child(2) {
    width: 54%;
  }
  .bannerPageCommon.findApartmentBanner.imgbox::before {
    padding-top: 38%;
  }
  .clubTwoColumnSection.twoColumnRow .row > .titleContent > div h2 {
    padding-right: 20%;
  }
  .home2screen.smallHome2screen .row > .textContent > div {
    padding: 40px 100px 40px 0;
  }
  .home2screen.smallHome2screen.leftImg_rightText .row > .textContent > div {
    padding: 40px 0 40px 100px;
  }
  .postDetailPage .row .textContent { padding-right: 12%; }
}
@media screen and (min-width: 320px) and (max-width: 1450px) {
  .transportDistance .midContainer {
    width: 50%;
  }
  .home2screen.smallHome2screen .row > .textContent > div {
    padding: 40px 40px 40px 0;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    width: 65%;
  }
  .marketingSuitemap ul {
    max-width: 85%;
  }
}

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

}

@media screen and (min-width: 320px) and (max-width: 1400px) {
  .rightMenulink a {
    padding: 8px 10px 8px 50px;
    right: -240px;
  }
  .rightMenulink a::before {
    width: 25px;
    height: 25px;
    left: 7px;
  }
  .rightMenulink a:nth-child(2) {
    top: 82px;
  }
  .rightMenulink a:nth-child(3) {
    top: 129px;
  }
  .OpeningTextBlock {
    margin-top: 0vw;
  }
  .home .homescreenoverlay {
    padding-top: 6vw;
  }
}

@media screen and (min-width: 320px) and (max-width: 1350px) {
  .midBoxesrepeater {
    padding: 0 15% 0;
  }
}
@media screen and (min-width: 1330px) {
  .marketingSuitemap ul {
    max-width: 92%;
  }
}
@media screen and (min-width: 1301px) {
  header {
    overflow: hidden;
    padding-bottom: 41px;
  }

}

@media screen and (min-width: 1301px) {
  .logo {
    left: 4px;
  }
}

@media screen and (min-width: 320px) and (max-width: 1300px) {
  .campainHero {
    padding: 160px 20px 60px 20px;
    font-size: 2vw;
    line-height: 2vw;
  }
  .campainHero .consortLogo {
    position: absolute;
    right: 3vw;
    width: 115px;
    height: 115px;
  }
  .campainHero h1 {
    font-size: 7.5vw;
    line-height: 7vw;
  }

  .campainHero h4 {
    font-size: 4vw;
    line-height: 3.8vw;
  }
  .stripText {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1.16px;
  }
  .campainHero h5 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .campainHero h6 {
    font-size: 2vw;
    line-height: 2vw;
  }

  .logo {
    left: 2px;
  }
  header {
    overflow: hidden;
    height: 100%;
  }
  .rightMenulink a {
    position: absolute;
  }
  .rightMenulink {
    z-index: 11;
  }
/*   
  .rightMenulink a,
  .headerSidePanel > div {
    z-index: 16;
  } */
  .menuContainer {
    z-index: 16;
  }
  .menulockScroll .overlay {
    z-index: 15;
  }
  .menulockScroll .resheader {
    z-index: 17;
  }
  .lockScroll .overlay {
    z-index: 16;
  }
  /* .lockScroll .rightMenulink a,
  .lockScroll .headerSidePanel > div {
    z-index: 17;
  } */
   
}

@media screen and (min-width: 320px) and (max-width: 1280px) {
  footer .awardLogo {
    left: 20px;
  }
  h2 br {
    display: none;
  }

  .propertiesList ul li {
    padding: 0 20px;
  }
  .relatedNews .propertiesList ul li {
    padding-bottom: 30px;
  }
  .infoPlanimgdetails {
    max-width: 100%;
  }
  .infoPlanimgdetails .btnContainer {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .infoPlanimgdetails > div:nth-child(2) {
    padding-right: 0;
  }
  .infoPlanimgdetails > div:first-child {
    padding-top: 20px;
  }
  .infoPlanimgdetails .btnContainer {
    margin-left: -10px;
    width: calc(100% + 10px);
  }
  .infoPlanimgdetails .btn {
    margin-left: 10px;
  }
  .devlopment > span:nth-child(2) img:nth-child(2) {
    margin-left: 15px;
  }
  .grid-item,
  .grid-sizer {
    width: 31.33%;
    margin-bottom: 50px;
  }
  .gutter-sizer {
    width: 3%;
  }
  .ajax-load-more-wrap .alm-listing .grid-item {
    width: 31.83%;
    margin: 0 0.75% 3%;
  }
  .upcomingEvents > .midContainer > ul > li {
    padding: 0 50px 60px;
  }
  .newsdetailSec > div:last-child {
    padding: 0 50px;
  }
  .newsDateTitle .submitbtn,
  .upcomingEvents .submitbtn {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .twoColumnRow .column:last-child {
    padding-left: 50px;
    padding-right: 50px;
  }

  .transformTop {
    transform: translateY(0);
    margin-top: 0;
  }
  .transformTop .imgbox:before {
    padding-top: 160%;
  }
  .transformTop .column:last-child {
    padding-top: 50px;
  }
  /* .homeRow2 > .displayFlex > .column{width: 40%;}
.homeRow2 > .displayFlex > .column:last-child{width: 60%;} */
  .pageTitle > .displayFlex > .column:first-child {
    align-items: center;
    justify-content: center;
  }


  .page-template-template-the-aspen .ms-layer-mask .ms-layer {
    width: 60%;
  }
  .logotextrow .column {
    padding: 0 50px;
  }
  .midBox,
  .teamRow .column:last-child,
  .neighbourhoodImgSec .column > div.midBox {
    padding-left: 50px;
    padding-right: 50px;
  }
  .teamRow {
    padding-bottom: 50px;
  }
  .rowLogoImg {
    margin-bottom: 50px;
  }
  .home2screen > .displayFlex > .column {
    width: 50%;
  }
  .home2screen > .displayFlex > .column:last-child {
    width: 50%;
  }
  .home2screen .imgBg {
    width: 80%;
  }
  .sliderBg {
    left: 0;
  }
  .homeRow2Img2 {
    width: 60%;
    right: 20px;
  }
  .home2screen > .displayFlex > .column:first-child {
    padding: 20px 40px 80px 20px;
  }

  .sliderWithBg h2 {
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -0.92px;
  }
  .homeSlider {
    padding-left: 0;
  }
  .marketingSuitemap ul {
    max-width: 100%;
    padding: 0 60px;
  }
  .marketingSuitemap ul li {
    padding: 0 5px;
  }
  .marketingSuitemap ul li > span {
    padding-right: 40px;
  }
  .marketingSuitemap ul li > span::after {
    width: 30px;
    height: 25px;
    top: 7px;
    transform: unset;
  }
  .apartmentSlider .ImgCaption {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .bannerLogotextRow.smallBanner .imgbox:before {
    padding-top: 35%;
  }
  .svgBlockRow .midContainer > div.bottomAirportsSec {
    padding-left: 50px;
  }
  /* .bottomAirportsSec > div:first-child{left: 50px;} */
  .twoColumnRow .column:first-child {
    padding: 0 50px;
  }
  .prevConsortlogo.twoColumnRow .midContainer {
    padding-top: 40px;
  }
  .submitbtn,
  .headerSidePanel input[type="submit"] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .localareaSvgSec .imgbox:before {
    padding-top: 100%;
  }
  .imgwithsvgani > div.column:last-child svg {
    width: 100%;
  }
  .page-template-template-the-aspen .twoColumnRow.whiteBg .column:first-child img {
    width: 120%;
  }

  .homeBanner span.eventDetails {
    padding-top: 10px;
  }
  .sliderWithBg .slick-prev {
    left: calc(50% + 40px);
  }
  .sliderWithBg .slick-next {
    left: calc(50% + 70px);
  }
  .imgwithsvgani > div.column:last-child img {
    width: 80%;
  }
  .largeSlider .imgbox::before {
    padding-top: 60%;
  }
  .largeSlider {
    padding: 0;
  }
  .thumbSlider {
    padding: 15px 30px 0;
  }
  .thumbSlider .slick-prev {
    left: -10px;
  }
  .thumbSlider .slick-next {
    right: -10px;
  }
  .sliderMain {
    padding: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 1280px) {
  .transportLinks .midContainer {
    width: 77.083333333333%;
  }
}
@media screen and (min-width: 320px) and (max-width: 1260px) {
  
.menuContainer ul a[aria-current="page"] { color: var(--yellow); }
.menuContainer ul a[aria-current="page"]::before, 
.menuContainer ul a[aria-current="page"]::after { width: 100%; }
.homeBanner { height: 100vh; min-height: unset; }
  .rightMenulinkNew { display: none; }
  .home.loadedScreen .menuIco {
    position: fixed;
    left: 15px;
    top: 20px;
  }
  header {
    position: fixed;
    z-index: 17;
    pointer-events: none;
  }
  header .logo,
  header nav,
  header .rightMenulinkMob a{ pointer-events: all; }
  .responsiveHeaderLogo {
    display: block;z-index: 1;
    position: absolute;top: 0;
    left: 0; width: 100%; pointer-events: none;
  }
  .page-template-template-get-in-touch .responsiveHeaderLogo { z-index: 2; }
  .responsiveHeaderLogo a {pointer-events: all;}
  header .logo { display: none; }
  header .menuIcon { 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity: 1; 
  }
  .rightMenulinkMob {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 20;
    gap: 10px;
    padding: 20px 25px;
    pointer-events: none;
    top: 0;
  }
  .rightMenulinkMob::before{
    content: "";
  background: rgba(0, 0, 0, 0.33);
  position: absolute;
  width: 110%;
  height: 100%;
  left: 50%;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
  }
  .scrolled .rightMenulinkMob::before { opacity: 1; }
  header .resheader {
    z-index: 21;
  position: relative;
  }
  .rightMenulinkMob a { pointer-events: auto; }
  .menuContainer {
    position: fixed;
    left: -350px;
    max-width: 350px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--greenDark);
  }
  .menuContainer > div {
    height: 100vh;
    flex-direction: column;
  }
  .menuContainer ul {
    flex-direction: column;
    gap: 0;
  }
  .menuContainer ul li {
    padding: 0;
  }
  .menuContainer ul a {
    font-size: 20px;
    line-height: 60px;
    letter-spacing: 1.2px;
    padding: 10px 15px;
    margin: 0;  
  }
  .menu-main-menu-container {
    flex: 1 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 45px 0;
  }
  .menuSocial {
    width: 100%;
    max-width: 100%;
  }
  .midContainer {
    width: 80%;
  }
  /* .resheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    padding-bottom: 0;
    transition: all 300ms linear;
  } */
  header.beigeColor .menuIcon span {
    background-color: #fff;
  }

  header.sticky .resheader {
    z-index: 21;
  }
  .home2screen .row > .textContent > div {
    padding: 50px 50px 50px 0;
  }
  .home2screen.leftImg_rightText .row > .textContent > div {
    padding: 40px 0 40px 50px;
  }
  .quoteWithImg .row .imgSection, .page-template-template-the-homes .quoteWithImg .row .imgSection {
    width: 39%;
  }
  .quoteWithImg .row .textContent {
    width: 61%;
  }
  .twoColumnImgText_imgOverlap .row > .imgSection,
  .twoColumnImgText_imgOverlap .row > .textContent {
    width: 50%;
  }
  .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 60px 0 50px 50px;
  }
  .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    left: -35%;
  }
  .twoColumnRow.visionPageMap .row > .textContent {
    padding-right: 6%;
  }
  .page-template-template-the-homes .twoColumnRow.visionPageMap .row > .floorImg {
    padding: 0 10% 100px 8%;
  }
  .page-template-template-consort-place .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 80px 50px 60px 0;
  }
  .page-template-template-consort-place .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    margin: 0 0 30px;
    left: -20%;
  }
  .svgBlockRow .midContainer > div > .imgbox {
    width: 115%;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    width: 75%;
  }
  .teamDetails .row .textContent .teamText > div:first-child {
    padding: 35px 4% 15px;
  }
  .twoColumn .newsdetailSec > .textContent {
    padding: 60px 10% 60px 5%;
  }
  .twoColumnImgText_imgOverlap .row > .imgSection {
    width: 42.095%;
  }
  .consortPlace ~ .twoColumnImgText_imgOverlap .row > .imgSection {
    width: 42.095%;
  }
  .consortPlace ~ .twoColumnImgText_imgOverlap .row > .textContent {
    width: 57.905%;
  }
  .bannerPageCommon.findApartmentBanner.imgbox::before {
    padding-top: 45%;
  }
  .home2screen.smallHome2screen .row > .textContent > div {
    padding: 40px 40px 40px 0;
  }
  .home2screen.smallHome2screen.leftImg_rightText .row > .textContent > div {
    padding: 40px 0 40px 40px;
  }
  .faciltyGridImage .consortBadge {
    top: calc(50% - max(26px, min(26px + (13 - 26) * ((100vw - 320px) / (1260 - 320)), 13px)));
    width: max(70px, min(70px + (175 - 70) * ((100vw - 320px) / (1260 - 320)), 175px));
  }
  .clubTwoColumnSection .row > .textContent .textBox ~ .mapImgBox {
    width: 124%;
  }
  .postDetailPage .row .titleImgSection .titleContent { max-width: 100%; padding-left: 23%; }
  .postDetailPage .row .textContent { padding: 72px 7% 50px 50px; }
}
@media screen and (min-width: 320px) and (max-width: 1180px) {

  
  .apartmentMainBanner .titleSubtxt {
    left: 36%;
    bottom: 56px;
    width: 210px;
  }
  .clubMainBanner .titleSubtxt {
    left: 42.5%;
    bottom: 41px;
    width: 240px;
  }
  .consortPlace .titleSubtxt {
    left: 51.5%;
    bottom: 84px;
    width: 210px;
  }
  .locationMainBanner .titleSubtxt {
    left: 42.7%;
    bottom: 67px;
    width: 200px;
  }
  .educationPageCommon .titleSubtxt {
    left: 41%;
    bottom: 35px;
    width: 240px;
  }
  .teamMainBanner .titleSubtxt {
    left: 40.5%;
    bottom: 50px;
    width: 220px;
  }

  .bannerPageCommon.imgbox::before {
    padding-top: 56.25%;
  }
  .contactregisterInterest {
    width: calc(100% - 400px);
  }
  .twoColumnRow.visionPageMap .row > .floorImg {
    padding-right: 30px;
  }
  .quoteWithImg .row .imgSection {
    margin-top: -100px;
  }
  .page-template-template-transport-links .quoteWithImg .row .imgSection {
    margin: -100px 0 50px 0;
  }
  .page-template-template-the-aspen .twoColumnRow.visionPageMap .row > .textContent { padding-bottom: 60px; }
  .aspenTitle.fancyText,
  .page-template-template-consort-place .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    font-size: 70px;
  }
  h1, .descriptorInfo h2, 
  .neighbourhoodNewDesign .bigText, 
  .homeBanner > h2 {
    font-size: 160px;
  }
  .descriptorBanner .bannerLink {
    position: relative;
    padding: 0;
    min-height: 46vw;
    display: flex;
    align-items: center;
  }
  .descriptorBanner .imgbox {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .descriptorBanner .bannerLink .descriptorInfo {
    position: relative;
  }
  .clubTwoColumnSection .row > .titleContent {
    width: 58%;
  }
  .clubTwoColumnSection .row > .textContent {
    width: 42%;
  }
  .clubTwoColumnSection .row > .textContent .textBox ~ .mapImgBox {
    margin-top: 25px;
    width: 120%;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    width: calc(100% - 80px);
  }
  .neighbourhoodNewDesign .row > div .imgbox { width: 100%; }
  .neighbourhoodNewDesign .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .neighbourhoodNewDesign .row > div {
    padding-left: 15px;
    padding-right: 15px;
  }
  .neighbourhoodNewDesign .bigText {
    margin: -38px 0 0;
  }
  .educationGraphics .row .textContent {
    padding: 50px 40px 50px 0;
  }
  .home2screen.smallHome2screen .row > div.textContent,
  .home2screen.smallHome2screen .row > div.imgbox {width: 50%;}
  .clubTwoColumnSection.twoColumnRow .row > .titleContent > div h2 {
    padding-right: 0%;
  }
  footer > .containerLg > .row {
    flex-wrap: wrap;
  gap: 40px 0;
  }
  footer .socialLinkBox {
    width: 100%;
    justify-content: center;
  }
  footer > .containerLg > .row > div {
    width: 100%;
  }
  footer > .containerLg > .row > div:nth-child(2) {
    width: 100%;
    margin-top: 35px;
    order: -1;
  }

  footer > .containerLg > .row > div:nth-child(3) {
   justify-content: center;
  }

  .signupSec {
    max-width: 690px;
  }
  .signupSec > div:first-child {
    width: 100%;
  }
  .copyRgt {
    gap: 25px 0;
    margin: 55px 0 0;
  }
  .devlopment {
    width: 100%;
    order: -1;
  }
  .copyRgt > div:first-child {
    width: 50%;
  }
  .footerLinks {
    width: 50%;
  }
  .teamDetails .row .textContent .teamText > div:first-child *:last-child { padding-bottom: 0; margin-bottom: 0; }
  .consortPlace ~ .faciltyGridImage .consortBadge {
    top: calc(50% - 24px);
    width: max(60px, min(60px + (140 - 60) * ((100vw - 526px) / (1180 - 526)), 140px));
  }
  .clubTwoColumnSection .row > .titleContent > div .mapImgBox img {
    max-width: calc(46% - 10px);
  }
}
@media screen and (min-width: 320px) and (max-width: 1150px) {
  .sliderWithBg .slide > div.homeslideImg {
    padding: 0 50px;
  }
  .sliderWithBg .slick-arrow {
    bottom: 100px;
    transform: none;
    top: auto;
  }
  /* .sliderWithBg .slick-next{right: 26%}
.sliderWithBg .slick-prev{right: 30%;} */
  .sliderWithBg .slide > div.column {
    padding-bottom: 50px;
  }
  .homeSlider {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1100px) {
 
}
@media screen and (min-width: 320px) and (max-width: 1080px) {
  .contactregisterInterest .formContainer li:last-child > p > span {
    bottom: 18px;
  }
  .bannerLogotextRow:not(.aspenlabel360)::before { content: unset; }
  .bannerLogotextRow .emptyContent {
    position: relative;
  }
  .bannerLogotextRow .midContainer {
    position: relative;
    z-index: 11;
    height: 100%;
    min-height: 45vw;
    padding: 80px 0;
  }
  .transportDistance .midContainer {
    width: calc(100% - 30px);
    max-width: 640px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1040px) {
  /* table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px dotted #9f7f58;
  } */
  /* table.dataTable.row-border tbody th,
  table.dataTable.row-border tbody td,
  table.dataTable.display tbody th,
  table.dataTable.display tbody td {
    border-top-style: solid;
  } */
}
@media screen and (min-width: 1025px) {
  .home .preLogo.stopAnimation {
    -ms-animation: slidinglogo 0.8s alternate forwards;
    -webkit-animation: slidinglogo 0.8s alternate forwards;
    animation: slidinglogo 0.8s alternate forwards;
    opacity: 1;
  }
  .bannerLogotextRow .imgbox {
    background-attachment: fixed;
  }

  @keyframes slidinglogo {
    from {
      transform: translate(0, -50%);
      top: 50%;
      max-width: 326px;
      width: 25%;
    }
    to {
      transform: translate(0, 0%);
      top: max(75px, min(75px + (107 - 75) * ((100vw - 1260px) / (1920 - 1260)), 107px));
      max-width: 175px;
      width: 100%;
    }
  }
}
@media screen and (min-width: 320px) and (max-width: 1025px) {
  .btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .infoPlanimgdetails .btn:after,
  table.dataTable .shortlistBtn,
  .downloadBrochure .formContainer input[type="submit"],
  .downloadIcon.btn:after {
    background-size: contain;
  }
  /* .logo{width: 150px; margin-top: 70px;} */
  .home .preLogo.stopAnimation {
    -ms-animation: slidinglogoRes 0.8s alternate forwards;
    -webkit-animation: slidinglogoRes 0.8s alternate forwards;
    animation: slidinglogoRes 0.8s alternate forwards;
    opacity: 1;
  }

  @keyframes slidinglogoRes {
    from {
      transform: translate(0, -50%);
      top: 50%;
    }
    to {
      transform: translate(0, 0%);
      top: 40px;
    }
  }

  .home .preLogo {
    max-width: 150px !important;
    margin-top: 30px;
    width: 100% !important;
  }
  .menuSocial {
    padding-bottom: 20px;
  }
  .formTop > div:first-child {
    flex: initial;
  }
  .headerSidePanel > div {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .headerSidePanel > * {
    -webkit-transform: translateZ(0px);
  }
  .lockScroll,
  .menulockScroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
  }
  div[data-translatey] {
    transform: translate3d(0, 40px, 0) !important;
    opacity: 0 !important;
    transition: all 0.5s linear;
  }
  div[data-translatey].mobanimated {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
  }
  .headerSidePanel .formContainer li:last-child > span,
  .headerSidePanel .formContainer li:last-child > p > span {
    margin-bottom: 50px;
  }
  #findApartmentData .btnContainer {
    margin-bottom: 30px;
  }
  .headerSidePanel > div > form,
  .headerSidePanel > div > form .formContainer,
  .headerSidePanel > div > form .formTop {
    height: auto;
  }
  .viewSlider {
    max-width: 100%;
  }
  #viewGallery.fancybox-content {
    padding: 15px;
  }
  #viewGallery .slick-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 12px;
    background-position: 12px center;
    width: 40px;
    height: 40px;
  }
  #viewGallery .slick-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 12px;
    background-position: 17px center;
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 320px) and (max-width: 991px){
  .home .homescreenoverlay  {
    padding-top: 12vw;
  }
  .textRow.vSpace {
    padding: 70px 0;
  }
  .contactDetails + .textRow.vSpace { padding-bottom: 90px;}
  .teamDetails .row .textContent .teamText > div.btnBox { padding: 10px 10px 15px; }
  .teamDetails .row .textContent .teamText > div:first-child { padding-left: 20px; padding-right: 20px; }
  .contactDetails .midContainer { width: 77.083333333333%; }
  .page-template-template-home .bannerLogotextRow .labelTxt ~ .btn, .page-template-template-home .bannerLogotextRow h2 ~ .btn {
    margin-top: 35px;
  }
  .twoColumnImgText_imgOverlap .containerMain { width: 100%;}
  .twoColumnImgText_imgOverlap .row > .textContent { padding: 60px 40px 50px 50px; }
  .page-template-template-the-aspen .twoColumnImgText_imgOverlap .row > .imgSection .imgboxholder {
    height: 100%;
    top: 0;
  }
  .consortPlace ~ .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 60px 50px 40px 40px;
  }
  .twoColumnImgText_imgOverlap .row > .imgSection .imgboxholder {
    height: 100%;
  }
  .page-template-template-consort-place .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    margin: 0 0 30px;
    left: 0;
    transform: rotate(-7deg);
  }
  .neighbourhoodNewDesign .topSection {
    padding: 70px 0 50px;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    padding: 0 0 50px;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .imgSection {
    width: 42.095%;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .textContent {
    width: 57.905%;
    padding: 60px 0 60px 50px;
  }
}
@media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {
    .homescreenoverlay h2 {
      font-size: 36px;
      line-height: 40px;
      letter-spacing: -0.4px;
      margin-bottom: 20px;
    }
    .OpeningTextBlock {
      max-width: 70%;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.37px;
      margin-top: 0vw;
    }
    .home .fullheight.homeBanner {
      height: 520px;
      min-height: auto;
    }
    .home .homescreenoverlay {
      padding-top: 8vw;
    }
    .fullheight {
      min-height: auto;
    }
  }
  @media all and (orientation: portrait) {
    .homeBanner {
      min-height: auto;
    }
    .fullheight {
      min-height: auto;
    }
  }
  .teamDetails .row {
    flex-wrap: wrap;
  }
  .teamDetails .row > div {
    width: 100%;
  }
  .teamDetails .row .textContent .teamText {
    position: unset;transform: translate(0, 0);}
    .teamDetails .row .textContent .teamText > div:first-child > span {display: none;}
    .teamDetails .row .textContent > img {
      max-height: max(120px, min(120px + (200 - 120) * ((100vw - 800px) / (1920 - 800)), 200px));
      width: auto;
      height: auto;
      display: block;
      object-fit: contain;
      max-width: 28%;
      margin: auto;
    }
    .teamDetails .row .textContent .teamText {
      width: 65%;
      padding: 40px 0;
      height: calc(100% + 1px);
    }
    .teamDetails .row .textContent .teamText > div:first-child *:last-child {margin-bottom: 0;padding-bottom: 0;}
    .teamDetails .row .textContent {
      align-items: flex-start;
    }
    .teamDetails .row .textContent .teamText > div:first-child {
      padding: 0 14%;
    }
    .teamDetails .row .textContent .teamText > div.btnBox {
      padding: 20px 10px 0px;
    }
    .teamDetails .row .textContent .teamText > div:first-child > span img {
      filter: brightness(0) invert(1);
    }
    .midContainer,
    .containerLg {
      width: calc(100% - 80px);
    }
    .leftText_rightImg.home2screen .imgbox span::before {
      left: 80.6%;
    }
    .home2screen .row > div.textContent {
      width: 60%;
    }
    .home2screen .row > div.imgbox {
      width: 40%;
    }
    .home2screen.leftImg_rightText .row > .textContent > div {
      width: 100%;
    }
    .home2screen.leftImg_rightText .row > .textContent > div {
      padding: 50px 0 50px 40px;
    } 
  .home2screen .row > .textContent > div {
    padding: 50px 40px 50px 0;
  }
  .twoColumnRow.visionPageMap .row > .textContent {
    padding-right: 0;
  }
  .quoteWithImg .row .textContent {
    width: 59.5%;
    padding: 60px 50px 60px 0;
  }
  
  .page-template-template-transport-links .quoteWithImg .row .textContent {
    width: 59.5%;
    padding: 60px 0 60px 50px;
  }
  .quoteWithImg .row .imgSection, .page-template-template-transport-links .quoteWithImg .row .imgSection {
    width: 40.5%;
  }
  .twoColumn .newsdetailSec > .textContent {
    padding: 60px 40px;
  }
  .page-template-template-the-homes .twoColumnRow.visionPageMap .row > .floorImg {
    padding: 0 50px 80px 0;
  }
  .page-template-template-the-homes .quoteWithImg .row .textContent {
    padding: 60px 0 60px 50px;
  }
  .page-template-template-the-homes .quoteWithImg .row .textContent::before, 
  .page-template-template-the-homes .quoteWithImg .row .textContent::after {
    left: 10%;
  }
  .page-template-template-transport-links .quoteWithImg .row .textContent::before, .page-template-template-transport-links .quoteWithImg .row .textContent::after {
    left: 50px;
  }
  .clubTwoColumnSection .row > .textContent .textBox ~ .mapImgBox {
    width: 100%;
    justify-content: center;
  }
  .fancyText, .clubTwoColumnSection .row > .titleContent .fancyText {
    font-size: 60px;
  }
  .clubTwoColumnSection .row > .titleContent {
    padding-right: 50px;
  }
  .clubTwoColumnSection .row > .titleContent .fancyText {
    right: -35px;
  }
  .svgBlockRow .midContainer > div > .imgbox {
    width: 100%;padding-bottom: 0;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    width: calc(100% - 80px);
  }

  .svgBlockRow .midContainer > div {
    width: 100%;padding-bottom: 0;
  }
  .svgBlockRow .midContainer > div:first-child {
    padding: 0px 0 40px 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
  }
  .svgBlockRow .midContainer .textContent .fancyText {
    width: 100%;
  }
  .educationPageCommon + .textRow.vSpace {
    padding-bottom: 70px;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .midContainer {
    width: 100%;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .imgSection .imgboxholder {
    height: 100%;
    top: 0;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 60px 40px 60px 40px;
  }
  .educationGraphics .row { flex-wrap: wrap; }
  .educationGraphics .row .textContent {
    width: 100%;
    padding: 0px 0px 20px;
    max-width: 460px;
    text-align: center;
    margin: 0 auto;
  }
  .educationGraphics .row .imgSection {
    width: 100%;
  }
  .educationGraphics .row .imgSection svg {
    width: 100%;
  }
  .postDetailPage .midContainer .postImg {
    padding: 20px 0 40px;
  }
  .postDetailPage blockquote {
    padding: 50px 0;
  }
  .smallHome2screen .imgbox span::before {
    left: -7.4%;
  }
  .smallHome2screen .imgbox span::after {
    left: 25%;
  }
  .leftText_rightImg.smallHome2screen .imgbox span::after {
    left: 52%;
  }
  .signupSec {
    max-width: 100%;
  }
  .devlopment {
    padding: 30px 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .copyRgt {
    gap: 40px 0;margin: 40px 0 0;
  }
  .page-template-template-the-aspen main .textRow:last-child .midContainer { padding: 0 5%; }
  .clubTwoColumnSection .row > .titleContent > div .mapImgBox img { max-width: calc(50% - 10px); }
  .postDetailPage .row .textContent {
    padding: 48px 40px 50px 40px;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
}

/* iPad with landscape orientation. */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {

}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait),
  all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait),
  all and (device-width: 820px) and (device-height: 1180px) and (orientation: portrait),
  all and (device-width: 834px) and (device-height: 1194px) and (orientation: portrait),
  all and (device-width: 810px) and (device-height: 1080px) and (orientation: portrait) {
  .fullheight {
    min-height: auto;
  }
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape),
  all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
  all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
  all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
  all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape) {
  .fullheight {
    min-height: auto;
  }
}

@media screen and (min-width: 1024px) {
  .marketingSuitemap ul {
    display: flex !important;
    height: auto !important;
  }
  .marketingSuitemap ul li.food:hover > span {
    background-color: #f9423a;
    border-color: #f9423a;
  }
  .marketingSuitemap ul li.shopping:hover > span {
    background-color: #7c1815;
    border-color: #7c1815;
  }
  .marketingSuitemap ul li.greenspaces:hover > span {
    background-color: #063938;
    border-color: #063938;
  }
  .marketingSuitemap ul li.healthfitness:hover > span {
    background-color: #26b779;
    border-color: #26b779;
  }
  .marketingSuitemap ul li.education:hover > span {
    background-color: #ffc94d;
    border-color: #ffc94d;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  hr {
    margin-bottom: 50px;
  }
  .vSpace {
    padding: 50px 0;
  }
  .homeRow2Img2 {
    width: 80%;
  }
  .labelTxt {
    padding-bottom: 20px;
  }
  .featuredPropertiesSec .midContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .propertiesList ul li {
    padding: 0 15px;
  }
  .relatedNews .propertiesList ul li {
    padding: 0 20px 30px;
  }
  .propertiesDetails .submitbtn {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }
  .footerPrivacytxt span.wpcf7-list-item {
    padding-left: 0;
  }

  .vSpace.specContainer {
    margin: 0;
    width: 100%;
  }
  .specContainer > div {
    width: 100%;
    padding: 0 0 30px;
  }
  .specContainer > div:last-child {
    padding-bottom: 0;
  }
  .infoPlanimgdetails {
    padding-left: 0;
    padding-right: 0;
  }
  .infoPlanimgdetails > div:first-child {
    width: 40%;
  }
  .infoPlanimgdetails > div:nth-child(2) {
    width: 60%;
    padding-left: 20px;
  }
  .downloadBrochure .downloadFormOuter {
    max-width: 100%;
    padding: 50px 0 40px;
  }
  #shortList.fancybox-content {
    max-width: 98%;
    padding: 20px;
  }
  .beigeBg .pageNotFound h1 {
    margin-top: 50px;
    font-size: 200px;
  }
  .infoPlanimgdetails .btnContainer {
    display: block;
    margin: 0;
    width: 100%;
  }
  .infoPlanimgdetails .btn {
    margin: 0 10px 20px;
    width: auto;
  }
  .footerPrivacytxt input[type="checkbox"] + label span {
    position: relative;
    margin-right: 12px;
  }
  .downloadBrochure.vSpace {
    padding-top: 0;
  }
  .downloadBrochure .formContainer {
    padding-top: 20px;
  }
  .upcomingEvents > .midContainer > ul > li {
    padding: 0 20px 40px;
  }
  .transformTop {
    padding-top: 30px;
  }
  .twoColumnRow .column:first-child {
    padding: 0;
  }
  .twoColumnRow .column:last-child {
    padding: 0 20px 0;
  }
  .quoteSection.quoteWithoutImg .author {
    padding-bottom: 50px;
  }
  .midBoxesrepeater {
    padding: 0 10% 0;
  }
  .homeRow2 > .displayFlex > .column:first-child {
    padding: 0 50px 0 0;
  }
  .page-template-template-the-aspen .ms-layer-mask .ms-layer {
    width: 100% !important;
    padding: 0 100px !important;
    text-align: center;
  }
  .page-template-template-the-aspen .ms-slide h2:after {
    margin-left: auto;
    margin-right: auto;
  }
  .twoColumnRow.withlabelTxt .column:last-child {
    padding-top: 54px;
  }
  /* .page-template-template-transport-links .quoteSection .column:last-child::before, .page-template-template-transport-links .quoteSection .column:last-child::after{width: 64px; height: 54px; background-size: 64px 54px;} */
  .page-template-template-transport-links .quoteSection.transportQuote .column:last-child {
    width: 100%;
    padding-right: 0;
    padding-bottom: 40px;
  }
  .page-template-template-transport-links .quoteSection.transportQuote .column:last-child:after {
    left: 40%;
    right: auto;
  }
  .logotextrow {
    padding-top: 50px;
  }
  .logotextrow .column {
    width: 100%;
    padding: 0 20px;
  }
  .logotextrow .column:first-child img {
    max-width: 50%;
    margin-bottom: 30px;
  }
  .teamtopLRsec > div:first-child {
    margin-top: 0;
  }
  .teamtopLRsec {
    padding-top: 50px;
  }
  .teamtopLRsec > div:last-child .block2Content {
    margin-top: -40%;
  }
  .home2screen .midContainer {
    padding-right: 0;
    padding-left: 0;
  }
  .home2screen .imgBg {
    width: 100%;
  }
  .home2screen > .displayFlex > .column:last-child {
    width: 40%;
  }
  .home2screen > .displayFlex > .column:first-child {
    padding: 0 40px 80px 20px;
    width: 60%;
  }

  .amenitiesDrodown {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    background-color: #9f7f58;
    padding: 10px 20px;
    line-height: normal;
    max-width: 50%;
    margin: 0 auto 40px;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: all 200ms linear;
    display: none;
  }
  .amenitiesDrodown:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 7px;
    background: url("../images/down-arrow.svg") no-repeat center center;
    width: 22px;
    height: 22px;
    transition: all 300ms linear;
  }

  .amenitiesDrodown.active:after {
    transform: rotate(-180deg);
  }

  .marketingSuitemap { margin-bottom: 131px;}
  .marketingSuitemap.fullheight::before, .marketingSuitemap::before {
    padding-top: 40%;
  }
  .marketingSuitemap ul {
    display: flex !important;
    height: auto !important;
    opacity: 1 !important;
    text-align: center;
    position: static;
    padding: 30px 20px !important;
    justify-content: center;
    background-color: #9f7f58;
    transform: translateY(131px);
    gap: 10px;
  }

  .marketingSuitemap ul li {
    padding: 0;
    width: auto;
    border: none;
    flex: 1;
  }

  .marketingSuitemap ul li.food.active {
    border-color: #f9423a;
    border-color: #f9423a;
  }
  .marketingSuitemap ul li.shopping.active {
    border-color: #7c1815;
    border-color: #7c1815;
  }
  .marketingSuitemap ul li.greenspaces.active {
    border-color: #063938;
    border-color: #063938;
  }
  .marketingSuitemap ul li.healthfitness.active {
    border-color: #26b779;
    border-color: #26b779;
  }
  .marketingSuitemap ul li.education.active {
    border-color: #ffc94d;
    border-color: #ffc94d;
  }

  .marketingSuitemap ul li:first-child {
    border-left: 0;
  }
  .marketingSuitemap ul li:last-child {
    border-right: 0;
  }
  .marketingSuitemap ul li > span {
    border: 0;
    padding: 43px 10px 10px;
    height: 100%;
    border: 1px solid #fff;
  }
  .marketingSuitemap ul li > span:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px !important;
  }
  .bannerLogotextRow.smallBanner .imgbox:before {
    padding-top: 40%;
  }
  .marketingSuitemap.fullheight {
    height: auto;
  }

  .svgBlockRow .midContainer > div.bottomAirportsSec {
    padding-top: 0;
  }
  /* .bottomAirportsSec > div:first-child{margin: 20px 0 0;} */
  .bannerLogotextRow h2::after {
    margin-top: 40px !important;
  }

  .leftImg.twoColumnRow .column:first-child {
    padding: 0 20px;
  }
  .page-template-template-local-area .logotextrow {
    padding-top: 0;
  }
  .page-template-template-the-aspen .twoColumnRow.whiteBg .column:first-child img {
    left: 0;
    width: 100%;
  }
  .infoPlanimgdetails .btnContainer.noDownloadBtn a {
    width: 33.33%;
  }
  .bannerLink .descriptorTitle {
    width: 100%;
  }
  .transportLinks {
    padding: 20px 0;
  }
  .transportLinks .midContainer {
    width: calc(100% - 80px);
  }
  .transportLinks ul li > span {
    font-size: 14px;
  }
  .transportLinks ul li > span:after {
    background-size: 30px 22px;
    width: 30px;
    height: 22px;
  }
  .imgwithsvgani > div.column:last-child img {
    width: 100%;
  }
  .galleryList ul li {
    padding: 0 10px 20px;
  }
  .loadmore {
    max-width: calc(100% - 60px);
  }
  .svgBlockRow .midContainer {
    width: calc(100% - 20px);
  }
  .svgBlockRow .midContainer .textContent .fancyText {
    left: 0;
  }
  .svgBlockRow .midContainer > div > .imgbox {
    width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 900px) {
  
 
  
  .apartmentMainBanner .titleSubtxt {
    left: 36%;
    bottom: 37px;
    width: 190px;
  }
  .clubMainBanner .titleSubtxt {
    left: 41%;
    bottom: 41px;
    width: 240px;
  }
  .consortPlace .titleSubtxt {
    left: 52.5%;
    bottom: 86px;
    width: 210px;
  }
  .locationMainBanner .titleSubtxt {
    left: 41.3%;
    bottom: 43px;
    width: 190px;
  }
  .educationPageCommon .titleSubtxt {
    left: 44%;
    bottom: 35px;
  }
  .teamMainBanner .titleSubtxt {
    left: 40%;
    bottom: 13px;
    width: 235px;
  }
  .infoPlanimgdetails > div:first-child,
  .infoPlanimgdetails > div:nth-child(2) {
    width: 100%;
  }
  .infoPlanimgdetails > div:first-child {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .infoPlanimgdetails > div:first-child > ul,
  .infoPlanimgdetails > div:first-child > div {
    width: 50%;
  }
  .infoPlanimgdetails > div:nth-child(2) {
    padding-left: 0;
  }
  .infoPlanimgdetails > div:first-child {
    order: 1;
  }
  .infoPlanimgdetails > div:nth-child(2) {
    order: 0;
  }
  .infoPlanimgdetails .btnContainer {
    order: 3;
  }
  .infoPlanimgdetails .shareThis {
    order: 4;
  }

  .infoPlanimgdetails .btn {
    margin: 0 8px 15px;
    width: calc(50% - 20px);
  }
  .shareThis {
    padding-bottom: 50px;
  }
  .downloadBrochure .formContainer ul li.checkboxContainer:nth-last-child(3) {
    text-align: left;
  }
  .beigeBg .pageNotFound {
    max-width: 100%;
    padding-bottom: 20px;
  }

  .contactDetails .midContainer {
    flex-direction: column-reverse;
  }
  .contactDetails .midContainer > div {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .contactDetails .midContainer > div.contactregisterInterest { padding: 0 0 max(50px, min(50px + (70 - 50) * ((100vw - 800px) / (1920 - 800)), 70px));}
  .contactregisterInterest .formContainer li:last-child > p > span {
    bottom: 8px;
  }

  .contactregisterInterest .checkboxContainer span.wpcf7-list-item {
    width: 100%;
  }
  .formContainer {
    padding-top: 30px;
  }
  .marketingSuitemap .imgbox:before {
    padding-top: 60%;
  }

  .grid-item,
  .grid-sizer {
    width: 47.5%;
    margin-bottom: 50px;
  }
  .ajax-load-more-wrap .alm-listing .grid-item {
    width: 47%;
    margin: 0 1.5% 3%;
  }
  .gutter-sizer {
    width: 5%;
  }
  .upcomingEvents .shareThis {
    width: 100%;
    padding-top: 10px;
  }
  .upcomingEvents .shareThis > div:first-child,
  .shareThis > div:first-child {
    margin-left: 0;
  }
  
  .quoteWithoutImg.quoteSection .column {
    padding-left: 0;
    padding-right: 0;
  }
  .descriptorBanner .imgbox:before {
    padding-top: 70%;
  }
  .descriptorInfo {
    padding: 0;
  }
  .svgBlockRow .midContainer > div {
    width: 100%;padding-bottom: 0;
  }
  .home2screen > .displayFlex > .column:last-child .imgBg,
  .sliderBg {
    display: none;
  }
  .homeRow2.home2screen > .displayFlex > .column:first-child {
    width: 60%;
    position: static;
    padding: 30px 50px 30px 0;
  }
  .home2screen.fullheight {
    height: auto;
  }
  .homeRow2Img2 {
    position: static;
    width: 100%;
    max-width: 100%;
  }
  .sliderWithBg .slide > div.column {
    padding-left: 0;
  }
  .sliderWithBg .slick-arrow {
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .sliderWithBg .slick-next {
    right: -35px;
  }
  .sliderWithBg .slick-prev {
    left: -35px;
  }
  .homeSlider {
    padding-bottom: 70px;
    padding-top: 100px;
  }
  .svgBlockRow .midContainer > div.bottomAirportsSec {
    padding-left: 0;
  }
  /* .bottomAirportsSec > div:first-child{left: 0;} */
  .infoPlanimgdetails .btnContainer.noDownloadBtn a {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(50% - 20px);
  }
  .floorplanCaption {
    text-align: left;
    padding-bottom: 40px;
  }
  h1, .descriptorInfo h2, .neighbourhoodNewDesign .bigText, .homeBanner > h2 {
    font-size: 120px;
  }
  .neighbourhoodNewDesign .bigText { margin: -28px 0 0; }
  .contactregisterInterest .wpcf7 form.sent .wpcf7-response-output {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 800px) {
  .logo {
    left: 0;
  }
  .homeRow2 .midContainer {
    padding: 0;
  }
  .homeRow2 > .displayFlex > .column {
    width: 100% !important;
  }
  .homeRow2 > .displayFlex > .column:first-child {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0 0 150px;
    align-items: flex-end;
  }
  .pageTitle .logo {
    -webkit-filter: drop-shadow(5px 5px 5px #9f7f58);
    filter: drop-shadow(5px 5px 5px #9f7f58);
  }

  .pageTitle .imgBg {
    width: 100%;
    opacity: 0.6;
  }
  .pageTitle .imgBg:after {
    display: none;
  }
  .pageTitle h1 {
    font-size: 20vw;
    line-height: 15vw;
    text-shadow: 2px 2px 4px #9f7f58;
  }
  .page-template-template-the-team .pageTitle h1 {
    color: #d3c3af;
  }

  .homeRow2.home2screen > .displayFlex > .column {
    padding: 25px 50px;
  }
  .bannerLogotextRow .imgbox:before,
  .bannerLogotextRow.smallBanner .imgbox::before {
    padding-top: 70%;
  }
  .twoColumnRow .column {
    width: 100%;
  }
  .transformTop .imgbox::before {
    padding-top: 60%;
  }
  .twoColumnRow .column:last-child {
    padding: 30px 0 0;
  }
  .leftImg.twoColumnRow .column:first-child {
    padding: 0;
  }
  .twoColumnRow.withlabelTxt .column:last-child {
    padding-top: 20px;
  }
  .teamtopLRsec > div {
    width: 100%;
  }
  .midBox {
    padding-left: 50px;
    padding-right: 50px;
  }
  .teamtopLRsec > div:last-child .block1Content {
    padding: 0;
  }
  .teamRow .column {
    width: 100%;
  }
  .teamRow .column .midBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .teamRow .column:last-child {
    padding: 50px 20px 0;
  }

  .transportLinks ul li:first-child {
    border-left: 0;
  }
  .transportLinks ul li:last-child {
    border-right: 0;
  }
  .transportLinks ul li > span {
    padding: 36px 20px 8px;
    height: 100%;
    text-align: center;
  }
  .transportLinks ul li > span:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 8px !important;
    transform: unset;
  }
  .largeSlider .slick-prev,
  .largeSlider .slick-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
  }
  .largeSlider .slick-prev {
    background-image: url("../images/slider-left-arrow.svg");
    left: 0;
  }
  .largeSlider .slick-next {
    background-image: url("../images/slider-right-arrow.svg");
    right: 0;
  }
  .transportDistance .animated .row::before {
    width: 114%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  footer .awardLogo {
    position: relative;
    left: auto;
    margin: 20px auto 0px auto;
  }
  .campainHero {
    font-size: 16px;
    line-height: 20px;
  }
  .campainHero h1 {
    font-size: 10vw;
    line-height: 9vw;
  }
  .campainHero a.btn {
    font-size: 20px;
    line-height: 24px;
    max-width: 200px;
  }
  .campainHero .consortLogo {
    position: absolute;
    right: 20px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }
  .campainHero h4 {
    font-size: 5vw;
    line-height: 4.5vw;
  }

  .campainHero h5 {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .campainHero h6 {
    font-size: 18px;
    line-height: 24px;
  }
  .stripText {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.6px;
    padding: 20px;
  }

  .bottomIntroText > div {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.8px;
  }

  .bottomIntroText > div h6 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.7px;
  }
  .pageTitle > .displayFlex > .column:last-child {
    height: 60%;
  }
  .pageTitle > .displayFlex {
    align-content: flex-start;
    align-items: flex-start;
  }
  .homeRow2 > .displayFlex > .column:first-child {
    padding-bottom: 80px;
  }
  .flexcenter h2::after,
  .flextCenterBottom h2::after,
  .page-template-template-the-homes .textRow h2::after {
    margin-top: 20px;
  }
  .formContainer {
    padding: 30px 0 0;
  }
  /* .menuIcon{width: 50px; height: 50px; top: 20px; left: 20px; background-color: #fff}
.menuIcon span:nth-child(1){top: 16px;}
.menuIcon span:nth-child(2), .menuIcon span:nth-child(3){top: 24px;}
.menuIcon span:nth-child(4){top: 32px;}

.menuIcon span{background-color: #9F7F58; max-width: 60%; right: 0; margin: 0 auto;}
.rightMenulink a{left: 20px; width: auto; top: 75px;}
.rightMenulink a{width: 50px; height: 50px; font-size: 0; display: block; margin-bottom: 5px; right: auto !important; padding: 0;}
.rightMenulink a:hover{right: 0;}
.rightMenulink a:first-child{top: 75px;}
.rightMenulink a:nth-child(2){top: 130px;}
.rightMenulink a:nth-child(3){top: 185px;} */

  .menulockScroll .resheader {
    z-index: 17;
  }
  .headerSidePanel > div {
    padding: 50px 20px;
    max-width: 100%;
    right: -100%;
  }

  .headerSidePanel > div.active {
    right: 0;
  }
  .menuContainer {
    max-width: 100%;
    left: -100%;
  }

  .smallheader .midContainer {
    padding-top: 250px;
  }
  .propertiesList {
    padding-top: 50px;
  }
  .propertiesList ul li {
    width: 100%;
    padding: 0;
  }
  .relatedNews .propertiesList ul li {
    padding: 0 0 30px;
  }
  .boxContainer {
    padding: 20px 0;
  }

  .featuredPropertiesSec h2 {
    margin-bottom: 0;
  }
  #findApartmentData .formContainer .btnContainer .submitbtn {
    margin-bottom: 30px;
  }
  .beigeBg .pageNotFound h1 {
    margin-top: 0;
    font-size: 200px;
  }
  .infoPlanimgdetails .btn {
    display: block;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 340px;
  }
  .infoPlanimgdetails .returnSearch {
    text-align: left;
  }

  .grid-item,
  .grid-sizer {
    width: 100%;
    margin-bottom: 50px;
  }
  .ajax-load-more-wrap .alm-listing .grid-item {
    width: 100%;
    margin: 0 0 50px;
  }
  .gutter-sizer {
    width: 0%;
  }
  .bannerLogotextRow h2:after {
    margin-top: 30px !important;
  }

  .consortImgdes {
    padding-top: 0;
  }
  .consortImageSec.vSpace {
    padding: 80px 30px;
  }
  .consortImgdes > div {
    width: 100%;
  }
  .consortImgdes > div:last-child {
    padding-top: 50px;
  }
  .midBoxesrepeater .midbox {
    margin-bottom: 50px;
  }
  .pageTitle h1 {
    font-size: 100px;
    line-height: 80px;
    text-align: center;
  }
  .page-template-template-the-aspen .ms-layer-mask .ms-layer {
    padding: 0 50px !important;
  }
  body .ms-skin-minimal .ms-nav-next,
  body .ms-skin-minimal .ms-nav-prev {
    bottom: 30px;
  }
  .twoColumnRow.withlabelTxt .column:last-child {
    padding-top: 0;
  }
  .levelImg {
    padding-top: 20px;
  }
  .twoColumnRow .column:first-child .levelImg {
    padding-bottom: 50px;
  }

  .neighbourhoodImgSec .column > div {
    width: 100%;
  }
  .neighbourhoodImgSec .column > div.midBox {
    padding: 0 100px;
  }
  .numberTitle > div > span {
    font-size: 150px;
    line-height: 140px;
  }
  .neighbourhoodImgSec > div:last-child {
    margin-top: 0;
  }
  .neighbourhoodImgSec .column {
    padding-bottom: 0;
  }

  .sliderWithBg .slide > div.homeslideImg {
    padding: 0 30px;
  }

  .apartmentSlider .ImgCaption {
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%; /*font-size: 16px; line-height: 22px; padding: 12px 20px;*/
  }
  .bannerLogotextRow.smallBanner .imgbox:before {
    padding-top: 50%;
  }
  .descriptorBanner .imgbox:before {
    padding-top: 100%;
  }
  /* .bottomAirportsSec > div:first-child,  */
  .airportsDisline > div > span {
    font-size: 12px;
    line-height: 16px;
  }
  .bottomAirportsSec .airportsDisline > div span:nth-child(3) {
    font-size: 12px;
    line-height: 16px;
  }
  .svgBlockRowTransport > div:nth-child(2) .bottomAirportsSec .airportsDisline > div::before,
  .svgBlockRowTransport > div:nth-child(2) .bottomAirportsSec .airportsDisline > div::after {
    margin-top: -9px;
  }
  /* .bottomAirportsSec > div.airportsDisline{padding-left: 100px;} */
  .bottomAirportsSec > div.airportsDisline::after {
    width: calc(100% - 100px);
  }
  .prevConsortlogo.textRow .midContainer {
    padding-top: 40px;
  }
  /* .homescreenoverlay .midContainer{transform: none; top: 32%;} */
  .homescreenoverlay .midContainer {
    padding-top: 50px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 3px 10px;
  }
  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 5px;
  }

  .marketingSuitemap ul li > span {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .signupSec > div:first-child {
    text-align: left;
  }
  .footerPrivacytxt input[type="checkbox"] + label span {
    position: absolute;
    bottom: auto;
    top: 2px;
  }
  .footerPrivacytxt span.wpcf7-list-item {
    padding-left: 30px;
  }
  .infoPlanimgdetails .btnContainer.noDownloadBtn a {
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  .homeRow2.home2screen > .displayFlex > .column:first-child {
    padding: 30px 50px 0;
  }
  .transportMaps .imgbox::before {
    padding-top: 60%;
  }
  .facilitiesIconPrice {
    min-height: 50px;
  }
  .galleryList {
    padding: 0;
  }
  .galleryList ul li {
    width: 50%;
    padding-bottom: 20px;
  }
  .loadmore {
    max-width: calc(100% - 20px);
    margin-top: 20px;
  }
  .largeSlider .imgbox::before {
    padding-top: 70%;
  }
  .largeCaption {
    position: static;
  }
  .thumbSlider {
    padding: 20px 30px;
  }

  .leftImg_rightText.home2screen .row,
  .leftText_rightImg.home2screen .row {
    flex-direction: column-reverse;
  }
  .home2screen .row > div.textContent, .home2screen .row > div.imgbox { width: 100%; }
  .home2screen.leftText_rightImg .row > .textContent > div,
  .home2screen.leftImg_rightText .row > .textContent > div {
    padding: 40px 0 80px;
  }
  /* .home2screen .imgbox::before {
    padding-top: 80%;
  } */
  .home2screen .row > div.imgbox.noImg { display: none; }

  .twoColumnRow.visionPageMap .row { flex-wrap: wrap; }
  .twoColumnRow.visionPageMap .row > .floorImg { padding-right: 0; width: 100%; }
  .page-template-template-the-aspen .twoColumnRow.visionPageMap .row > .textContent {
    padding: 35px 0 10px;
    width: 100%;
  }
  .twoColumnImgText_imgOverlap .containerMain {
    width: calc(100% - 80px);
    flex-wrap: wrap;
  }
  /* .twoColumnImgText_imgOverlap .row > .imgSection .imgbox::before {
    padding-top: 120%;
  } */
  .page-template-template-the-aspen .twoColumnImgText_imgOverlap .row > .imgSection .imgbox::before {
    padding-top: 138%;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .imgSection .imgbox::before {
    padding-top: 135%;
  }

  
  .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 40px 0 70px 0px;
  }
  .twoColumnImgText_imgOverlap .row > .imgSection, .twoColumnImgText_imgOverlap .row > .textContent {
    width: 100%;
  }
  .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    left: 0; margin-bottom: 50px;
  }
  .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText > span:nth-child(2) {
    padding-left: 10%;
  }
  .quoteWithImg .row .imgSection,
  .page-template-template-transport-links .quoteWithImg .row .imgSection {
    margin: 60px 0;
  }
  .twoColumn .newsdetailSec {
    flex-wrap: wrap;
  }
  .twoColumn .newsdetailSec > div {
    width: 100%;
  }
  /* .twoColumn .newsdetailSec > .imgSection .imgbox::before {
    padding-top: 56.25%;
  } */
  .twoColumn .newsdetailSec > .textContent {
    padding: 40px 40px 70px;
  }
  .page-template-template-the-homes .twoColumnRow.visionPageMap .row > .floorImg {
    padding: 0;
  }
  .twoColumnRow.visionPageMap .row > .textContent {
    width: 100%;
  }
  .page-template-template-the-homes .twoColumnRow.visionPageMap .row > .textContent {
    padding-top: 0;
  }
  .descriptorInfo br { display: none; }
  .clubTwoColumnSection .row > .textContent {
    width: 100%;padding: 0;
  }
  .clubTwoColumnSection .row > .titleContent {
    width: 100%;padding-right: 22%;
  }
  .clubTwoColumnSection .row > .titleContent .fancyText {
    right: -24%;
  }
  .consortPlace ~ .twoColumnImgText_imgOverlap .row > .imgSection {
    width: 100%;
  }
  .consortPlace ~ .twoColumnImgText_imgOverlap .row > .textContent {
    padding: 30px 0px 70px 0px;
    width: 100%;
  }
  .page-template-template-consort-place .twoColumnImgText_imgOverlap .row > .textContent .aspenTitle.fancyText {
    margin: 0 0 50px;
  }
  .clubTwoColumnSection .row > .titleContent > div .mapImgBox {
    padding: 0 0 35px;
  }
  .bannerPageCommon.findApartmentBanner.imgbox::before {
    padding-top: 50%;
  }
  .postDetailPage .midContainer > div:not(.postImg) {
    padding: 0;
  }
  .home2screen.smallHome2screen .row > div.textContent, .home2screen.smallHome2screen .row > div.imgbox {
    width: 100%;
  }
  .home2screen.smallHome2screen .row > .textContent > div,
  .home2screen.smallHome2screen.leftImg_rightText .row > .textContent > div {
    padding: 40px 0 80px;
  }
  .marketingSuitemap ul {
    transform: translateY(129px);
  }
  .marketingSuitemap {
    margin-bottom: 129px;
  }
  .postDetailPage .row { flex-wrap: wrap; }
  .postDetailPage .row .titleImgSection, .postDetailPage .row .textContent {
    width: 100%;
  }
  .postDetailPage .row .titleImgSection .titleContent .fancyText {
    transform: unset;
    left: 0;
    text-align: center;
    padding: 0 0 10px;
  }
  .postDetailPage .row .titleImgSection .titleContent {
    max-width: 100%;
    padding-left: 0;
    padding: 40px;
    text-align: center;
    width: 100%;
  }
  .postDetailPage .row .textContent.noCaption, 
  .postDetailPage .row .textContent {
    padding: 15px 40px 50px 40px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .bannerLogotextRow h2 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.52px;
  }
  .formContainer ul li {
    width: 100% !important;
    margin: 0;
  }
  .formContainer ul li:nth-child(2) .fieldLabel {
    border-top: 0;
  }
  .downloadBrochure .formContainer ul li {
    width: 100%;
    margin: 0;
  }
  .downloadBrochure .formContainer ul li.checkboxContainer:nth-last-child(3) {
    padding-bottom: 0;
  }
  .downloadBrochure .formContainer ul li:nth-last-child(2) {
    padding-top: 20px;
  }
  .infoPlanimgdetails > div:first-child {
    display: block;
  }
  .infoPlanimgdetails > div:first-child > ul,
  .infoPlanimgdetails > div:first-child > div {
    width: 100%;
  }
  .infoPlanimgdetails > div:first-child > div {
    padding-top: 20px;
  }
  /* .infoPlanimgdetails > div:first-child > div img{max-width: 70%} */
  .contactregisterInterest .formContainer li:first-child {
    border-bottom: 0;
  }
  .contactregisterInterest .formContainer li:first-child,
  .contactregisterInterest .formContainer li:nth-child(7) {
    border-right: 0;
  }
  .contactregisterInterest .formContainer li:nth-child(2),
  .contactregisterInterest .formContainer li:nth-child(8) {
    padding-left: 0;
  }
  .marketingSuitemap .imgbox:before {
    padding-top: 70%;
  }
  .upcomingEvents > .midContainer > ul > li {
    width: 100%;
    padding: 0 0 60px;
  }
  .upcomingEvents > .midContainer > ul > li:last-child {
    padding-bottom: 20px;
  }
  .upcomingEvents > .midContainer > ul > li h5 {
    margin-bottom: 20px;
  }
  .upcomingEvents .shareThis {
    width: auto;
  }
  .upcomingEvents > .midContainer > ul > li > div:first-child > span {
    padding-bottom: 10px;
  }
  .smallbtn {
    padding-left: 30px;
    padding-right: 30px;
  }
  .midBoxesrepeater {
    padding: 0 30px;
  }
  .quoteSection .displayFlex {
    flex-direction: column-reverse;
    padding-bottom: 60px;
  }
  .quoteSection .column:last-child:after {
    display: none;
  }
  .quoteSection .column:last-child::before,
  .quoteSection .column:last-child::after {
    margin: 0 auto;
    right: 0;
    left: 0;
  }
  .quoteSection .displayFlex:after {
    content: "";
    display: block;
    background: url("../images/quote-icon.svg") no-repeat center center;
    width: 54px;
    height: 72px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto !important;
    bottom: -80px;
    background-size: 54px 72px;
    visibility: visible;
  }
  .quoteSection .flexreverse.displayFlex,
  .quoteWithoutImg.quoteSection .displayFlex,
  .transportQuote.quoteSection .displayFlex {
    padding-bottom: 0;
  }
  .quoteWithoutImg.quoteSection .column:last-child:after,
  .quoteWithoutImg.quoteSection .column:last-child:after,
  .transportQuote.quoteSection .column:last-child:after {
    display: block;
  }

  .quoteSection .flexreverse.displayFlex:after,
  .quotenone.quoteSection .displayFlex:after,
  .transportQuote.quoteSection .displayFlex:after,
  .quoteWithoutImg.quoteSection .displayFlex:after {
    display: none;
  }
  .page-template-template-transport-links .quoteSection.transportQuote .column:last-child:after {
    left: 0;
    right: 0;
  }
  .quoteSection .column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .quoteSection .column:last-child {
    padding-bottom: 40px;
  }
  .quoteWithoutImg.quoteSection .column {
    padding-bottom: 0;
  }
  .page-template-template-the-aspen .ms-slide p,
  .descriptorInfo .midContainer p {
    display: block;
  }
  .bannerLink .descriptorTitle {
    font-size: 0;
  }
  .bannerLink .descriptorTitle::after {
    margin-left: 0;
  }
  .page-template-template-transport-links .quoteSection.transportQuote .column:last-child {
    text-align: center;
  }
  .localareaSvgSec .imgwithsvgani > div.column,
  .sliderWithBg .slide > div {
    width: 100%;
  }
  .homeRow2.home2screen > .displayFlex > .column {
    padding: 0;
  }
  .homeRow2.home2screen > .displayFlex > .column:first-child {
    padding: 30px 0 0;
  }
  .sliderWithBg .slide > div.homeslideImg {
    padding: 0 20px;
  }
  .sliderWithBg .slide > div.column {
    padding: 50px 20px 0 20px;
  }
  .sliderWithBg .slide > div .imgbox {
    max-width: 100%;
  }
  .homeSlider {
    padding-bottom: 120px;
  }
  .downloadBrochure .formContainer ul li:last-child {
    padding-top: 20px;
  }
  .apartmentSlider .ImgCaption {
    transform: translateY(0);
  }
  .sliderWithBg .slick-slide.slick-current .slide > div.column {
    transition: none;
  }
  .consortImageSec.vSpace {
    padding-left: 20px;
    padding-right: 20px;
  }
  .descriptorBanner .imgbox:before {
    padding-top: 60%;
  }
  .localareaSvgSec .imgbox:before {
    padding-top: 100%;
  }
  .transportLinks ul {
    flex-wrap: wrap;
  }
  .transportLinks ul li {
    width: 50%;
    min-width: calc(50% - 7px);
  }
  .transportLinks ul li > span {
    padding: 10px 20px 7px 10px;
    height: 100%;
    text-align: left;
    line-height: 1;
  }
  .transportLinks ul li > span::after {
    top: 50% !important;
    transform: translateY(-50%);
    right: 10px;
    left: unset;
    background-size: 20px auto;
    width: 36px;
    height: 22px;
    background-position: center right;
  }
  .bedRoomFilter,
  .levelAspectfilter {
    width: 100%;
  }
  .formContainer ul.bedRoomFilter {
    padding-right: 0;
  }
  .formContainer ul.levelAspectfilter {
    padding-left: 0;
  }
  .formContainer ul.levelAspectfilter li:first-child {
    border-top: 0;
  }
  .marketingSuitemap {
    margin-bottom: 142px;
  }
  .marketingSuitemap ul {
    flex-wrap: wrap;transform: translateY(142px);
  }
  .marketingSuitemap ul li { min-width: 30%; text-align: left; }
  .marketingSuitemap ul li > span::after {
    left: unset;
    right: 10px;
    margin: 0 auto;
    top: 50% !important;
    transform: translateY(-50%);
    bottom: unset !important;
    background-position: right center;
  }
  .marketingSuitemap ul li > span {
    padding: 10px 45px 10px 10px;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .midContainer {
    flex-wrap: wrap;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .imgSection {
    width: 100%;
  }
  .page-template-template-education .twoColumnImgText_imgOverlap .row > .textContent {
    width: 100%; padding: 35px 40px 60px 40px; text-align: center;
  }
  .bannerPageCommon.findApartmentBanner { min-height: 370px; }
  .copyRgt { justify-content: space-between; margin: 30px 0 0; }
  .footerLinks, .copyRgt > div:first-child { text-align: center;  width: 100%; padding: 20px 0;}
  .copyRgt {
    gap: 0;
  }
    .devlopment {
    padding: 20px 0;margin-bottom: 5px;
    border-bottom:none;
    }
    .copyRgt > div:not(last-child) {
      border-top: 2px solid #fff;
    }
  .footerLinks ul {
    gap: 15px;
    justify-content: center;
  }
  .copyRgt > div:first-child {
    order: 2;
  }
  .signupSec > div:first-child {
    border: none;
  }
  .signupSec > div:first-child .wpcf7-form > p > span:first-child {
    flex: auto;
    width: 100%;
    border: 2px solid #fff;
  }
  .signupSec > div input[type="submit"] {
    border: 2px solid var(--white);
    border-top: none;
  }
  .signupSec > div input[type="email"] {
    padding: 14.5px 15px;
  }
  .signupSec > div:first-child .wpcf7-form > p {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .footerPrivacytxt {
    padding: 10px 10px 0 0;
    width: auto;
    flex: 1;
  }
  .signupSec div.wpcf7 .wpcf7-spinner {
    height: 45px;
    top: 47px;
    bottom: unset;
  } 
  
  .page-template-template-the-aspen main .textRow:last-child .midContainer {padding: 0 ;}
}
@media screen and (min-width: 320px) and (max-width: 525px) {
  .menuIcon {
    left: 20px;
  }
  .rightMenulinkMob {
    padding: 20px 20px;
  }
  .homescreenoverlay .midContainer {
    width: calc(100% - 40px);
  }
  .contactDetails .midContainer,
  .midContainer,
  .containerLg,
  .containerMain {
    width: calc(100% - 40px);
  }
  
  .twoColumnImgText_imgOverlap .containerMain {
    width: calc(100% - 40px);
    flex-wrap: wrap;
  }
  .textRow .midContainer { padding: 0; }
  .transportLinks {
    padding: 15px 0;
  }
  .transportLinks ul { gap: 10px; }
  .transportLinks ul li {
    min-width: calc(50% - 5px);
  }
  .transportLinks .midContainer {
    width: calc(100% - 40px);
  }
  .transportLinks ul li > span::after {
    right: 5px;
  }
  .contactregisterInterest .formContainer li.checkboxContainer > p > span {
    width: 100%;
  }
  .contactregisterInterest .formContainer li:nth-last-child(2) {
    padding-top: 15px;
  }
  .contactregisterInterest .formContainer li:last-child > p > span {
    max-width: 100%;
    position: relative;
    margin-top: 20px;
  }
  .quoteWithImg { padding: 60px 0; }
  .quoteWithImg .row { flex-wrap: wrap; }
  .quoteWithImg .row .imgSection,
  .page-template-template-transport-links .quoteWithImg .row .imgSection { margin: 0; width: 100%; text-align: center; }
  .quoteWithImg .row .textContent,
  .page-template-template-transport-links .quoteWithImg .row .textContent {
    width: 100%; padding: 40px 0px 0px 0; position: static; text-align: center;
  }
  .quoteWithImg.quoteSection::before,
  .quoteWithImg.quoteSection::after { content: ""; }
  .quoteWithImg .row .textContent::before,
  .quoteWithImg .row .textContent::after { content: unset; }
  .page-template-template-the-homes .quoteWithImg .row .imgSection {
    width: 100%; text-align: center;
  }
  .page-template-template-the-homes .quoteWithImg .row .textContent {
    padding: 40px 0 0;
  }
  .twoColumn .newsdetailSec > .textContent {
    padding: 30px 20px 70px;
  }
  .faciltyGridImage .row {
    gap: 0;
  }
  .faciltyGridImage .row > div {
    width: 100%;
  }
  .consortPlace ~ .faciltyGridImage .row > div:last-child p {
    padding-bottom: 30px;
  }
  .neighbourhoodNewDesign .row > div {
    padding-bottom: 35px;
    width: 50%;
  }
  .neighbourhoodNewDesign .gridSection > .midContainer {
    padding: 0 0 20px;
  }
  .teamDetails .row .textContent > img,
  .touch .teamDetails .row .textContent > img,
  .no-touch .teamDetails .row .textContent > img {
    display: none;
  }
  .teamDetails .row .textContent .teamText > div:first-child > span,
  .touch .teamDetails .row .textContent .teamText > div:first-child > span,
  .no-touch .teamDetails .row .textContent .teamText > div:first-child > span {display: block;}
  .teamDetails .row .textContent .teamText > div:first-child > span img {
    max-height: 120px;
  }
  .teamDetails .row .textContent .teamText {
    width: 100%; padding: 20px 5% 45px;
  }
  .teamDetails .row .textContent .teamText > div.btnBox {
    padding: 10px 0 0;
  }
  .teamDetails .row .textContent .teamText > div:first-child {
    padding: 0;
  }
  
body .ms-skin-minimal .ms-nav-prev {
  left: 20px;
}
body .ms-skin-minimal .ms-nav-next {
  right: 20px;
}
body .ms-skin-minimal .ms-bullets {
  padding-right: 0;
  justify-content: center;
  bottom: 15px !important;
}
.devlopment > span:first-child {width: 100%;}
.devlopment > span:nth-child(4) { width: 100%;}

.faciltyGridImage .consortBadge,
.consortPlace ~ .faciltyGridImage .consortBadge {display: none; }
.neighbourhoodNewDesign .gridSection > .midContainer { width: calc(100% - 40px); }
.page-template-template-education .twoColumnImgText_imgOverlap .row > .textContent {
  padding: 35px 20px 60px 20px;
}
.clubTwoColumnSection .row > .titleContent > div .mapImgBox img {
  max-width: 180px;
}
.postDetailPage .row .titleImgSection .titleContent {
  padding: 30px 20px;
}
.postDetailPage .row .textContent {
  padding: 15px 20px 50px 20px;
}
.residentPortal {
  padding-left: 20px;
  padding-right: 20px;
}
.postDetailPage .row .textContent.noCaption, .postDetailPage .row .textContent {
  padding: 15px 20px 50px 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  .infoPlanimgdetails .btn,
  .downloadIcon.btn {
    max-width: 100%;
    width: 100%;
  }
  .downloadIcon.btn {
    text-align: left;
  }
  .downloadBrochure .formContainer input[type="submit"],
  .downloadBrochure .formContainer ul li:last-child > span {
    width: 100%;
  }
  .upcomingEvents > .midContainer > ul > li .btn {
    width: auto;
  }
  .upcomingEvents .shareThis {
    padding-top: 3px;
  }

  .devlopment span {
    text-align: center;
  }
  .infoPlanimgdetails .btn {
    font-size: 14px;
  }
  .infoPlanimgdetails > div:first-child > div > img {
    max-width: 70%;
  }
  .devlopment span > img {
    display: block;
    margin: 10px auto 0;
  }
  .devlopment span:nth-child(2) img:nth-child(2) {
    margin: 30px auto 0;
  }
  .bannerLogotextRow .imgbox:before,
  .descriptorBanner .imgbox:before {
    padding-top: 100%;
  }
  .page-template-template-the-aspen .ms-layer-mask .ms-layer {
    padding: 0 20px !important;
  }
  .midBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .neighbourhoodImgSec .column > div.midBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .numberTitle {
    transform: none;
  }
  .numberTitle > div > span,
  .numberTitle > div > h2 {
    padding-left: 0;
  }
  .numberTitle {
    padding-top: 30px;
    padding-bottom: 50px !important;
  }
  .marketingSuitemap ul,
  .amenitiesDrodown {
    max-width: 100%;
  }
  .bannerLogotextRow.smallBanner .imgbox:before {
    padding-top: 80%;
  }
  .neighbourhoodImgSec .column > div.midBox {
    padding: 0 20px;
  }
  .bottomAirportsSec > div:first-child {
    position: static; /*text-align: center;*/
  }
  .bottomAirportsSec > div.airportsDisline {
    padding-left: 0;
  }
  .bottomAirportsSec > div.airportsDisline:after {
    width: 100%;
  }
  .transformTop .imgbox::before {
    padding-top: 90%;
  }
  .logotextrow .column:first-child img {
    max-width: 80%;
  }
  .galleryList ul li {
    width: 100%;
    padding: 0 0 20px;
  }
  .loadmore {
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .bannerPageCommon.consortPlace h1 {
    padding: 0 25px;
    bottom: -12px;
    line-height: 0.8;
    word-break: break-all;
    white-space: normal;
  }

  .singlePage .midContainer h1 {
    text-wrap: wrap;
    padding: 0 25px;
    bottom: -12px;
    line-height: 0.8;
    position: relative;
  }

  .consortPlace .titleSubtxt {
    left: 54%;
    bottom: 170px;
  }
  .devlopment span img {
    max-width: 190px;
  }
  .campainHero {
    padding: 140px 20px 140px 20px;
  }
  .campainHero .consortLogo {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 30px;
    width: 80px;
    height: 80px;
    transform: translateX(-50%);
  }
  .clubTwoColumnSection .row > .titleContent {
    padding-right: 0%;
  }
  .clubTwoColumnSection .row > .titleContent .fancyText {
    right: 0%;
    margin: 30px 0 0;
  }
  .transportDistance .row > div {
    padding: 0 5px;
    font-size: 13px;
  }
  .marketingSuitemap {
    margin-bottom: 176px;
  }
  .marketingSuitemap ul {
    transform: translateY(176px);
  }
  .marketingSuitemap ul li > span {
    padding: 8px 38px 8px 5px;
  }
  .marketingSuitemap ul li > span::after {
    right: 6px;
    height: 20px;
  }
  .marketingSuitemap ul li {
    min-width: 36%;
  }
  
.christmasPopup > div {
  height: 100%;
  max-width: 100%;
  padding: 90px 0 0;
}
.christmasPopup > div > div {
  padding-left: 0;
  padding-right: 0;
}
.christmasPopup > div .logo {
  display: inline-block;
  width: 170px;
  overflow: hidden;
  height: 81px;
  margin: 0 0 -34px;
}
.christmasPopup > div .logo img {
  width: 100%;
  height: auto;
}
.christmasPopup > div .content h2 {
  font-size: 207px;
font-weight: 500;
letter-spacing: -6.21px;
}
.christmasPopup > div .content {
  font-size: 16px;
}
.christmasPopup > div .content ul, .christmasPopup .content ol {
  width: 80%;
  margin: 0 auto;
}
.christmasPopup > div .content ul li, .christmasPopup > div .content ol li {
  font-size: 13.282px;
}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
  .christmasPopup > div > div {
    padding-left: 10px;
    padding-right: 10px;
  }
   .christmasPopup > div .content ul, .christmasPopup .content ol {
    width: 96%;
   }
}
@media screen and (min-width: 320px) and (max-width: 430px) {
  .neighbourhoodNewDesign .row > div {
    padding-bottom: 25px;
    width: 100%;
  }
}
@media screen and (min-width: 320px) and (max-width: 400px) {
  .propertiesDetails .submitbtn {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .propertiesDetails .submitbtn:last-child {
    margin-left: 0;
  }
  .descriptorInfo .btn {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  .downloadIcon.btn {
    line-height: 22px;
  }
}
@media screen and (min-width: 320px) and (max-width: 393px) {
  .menuIcon {
    width: 38px;
    height: 36px;
    left: 15px;
  }
  .rightMenulinkMob {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 320px) and (max-width: 385px) {
  .propertiesDetails .submitbtn {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    max-width: 100%;
  }
  .propertiesDetails .submitbtn:last-child {
    margin-left: 0;
  }
  .infoPlanimgdetails > div:first-child > div > img {
    max-width: 100%;
  }
  .airportsDisline > div:before,
  .airportsDisline > div:after {
    top: 46px;
  }
  .svgBlockRowTransport > div:nth-child(2) .bottomAirportsSec .airportsDisline > div::before,
  .svgBlockRowTransport > div:nth-child(2) .bottomAirportsSec .airportsDisline > div::after {
    margin-top: 0px;
  }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .rightMenulinkNew a, .rightMenulinkMob a {
    padding: 10px 2px;
    max-width: 135px;
  }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
  .newsDateTitle .shareThis,
  .upcomingEvents .shareThis {
    width: 100%;
    padding-top: 0;
  }
  .newsDateTitle .shareThis > div:first-child,
  .upcomingEvents .shareThis > div:first-child {
    margin-left: 0;
  }
  .smallbtn {
    margin-bottom: 20px;
  }
  .upcomingEvents > .midContainer > ul > li .smallbtn,
  .newsDateTitle .submitbtn {
    width: 100%;
    text-align: center;
  }
}


@media all and (orientation: portrait) and (max-height:480px) {
  
.homeBanner .imgbox.bannerVideo .imgboxholder iframe.mobileDesktop { display: block; }
.homeBanner .imgbox.bannerVideo .imgboxholder iframe.videoDesktop { display: none; }

}
@media (orientation: landscape) and (max-height:525px), (max-width:525px) {
  .postDetailPage blockquote, h2 {
    font-size: 30px;line-height: 36px;letter-spacing: -0.6px;
  }
  h2 { padding-bottom: 10px; }
  .homeBanner .midContainer p, .OpeningTextBlock {
    font-size: 18px;
    letter-spacing: 0.9px;
  }
  .homeBanner .midContainer ~ .OpeningTextBlock {
    padding-top: 20px;
  }
}
@media (orientation: landscape) and (max-height:525px) {

  .home .fullheight.homeBanner {
    height: 450px;
  }
  .home .homescreenoverlay {
    padding-top: 0;
  }
  .homescreenoverlay .midContainer {
    padding-top: 60px;
  }
  .homeBanner .imgbox.bannerVideo .imgboxholder iframe {
    min-width: 150vw;
  }
  .homescreenoverlay .midContainer {
    max-width: 530px;
  }
  .logo {
    width: 120px;
  }
  .homeBanner .imgbox.bannerVideo .imgboxholder iframe {
    width: auto;
    min-width: 130vw;
  }
}
@media (orientation: portrait) and (max-width:525px){
  .bannerPageCommon, 
  .homeBanner.fullheight { 
    height: 56vh;
    min-height: 450px;
    max-height: max(650px, min(650px + (1050 - 650) * ((100vw - 1024px) / (2560 - 1024)), 1050px));
  }
  .homeBanner.fullheight {
    height: 90vh;
  }
}

@media screen and (min-width:0px) and (max-width:320px) {
  .singlePage .midContainer h1 {
      font-size: 15vh;
      text-wrap: wrap;
      padding: 0 25px;
      bottom: -12px;
      line-height: 0.8;
      position: relative;
   }
}