@media screen and (min-width: 0px) and (max-width:1920px) {
  .economyImg {
    padding-top: 36.8vw;
  }
}
@media screen and (min-width: 0px) and (max-width:1750px) {
  .TabContent .col.downloads>div div a {
    margin: 0px 20px 10px 0px;
  }

  .sheduleArea>div.centerBlock .col.buildingBlock {
    width: 660px;
  }
/* 
  .sheduleArea>div.centerBlock>div {
    padding: 100px 70px;
  } */

  .sheduleArea>div.centerBlock .col.buildingInfo {
    width: calc(100% - 660px);
  }

  .buildingInfo table {
    font-size: 19px;
    line-height: 22px;
  }
  .buildingInfo table tr td {
    font-size: 12px;
    letter-spacing: 0.36px;
    padding: 7.5px 10px 9px 11px;
  }
  .buildingInfo table tr th,
  .buildingInfo table tr.totalRow td {
    font-size: 16px;
  letter-spacing: 0.48px;
  padding: 7.5px 10px 9px 11px;
  }
  .buildingInfo table tr th sup {
    font-size: 11px;
  }
  table ~ .desclaimer {
    padding-left: 11px;
  }
  /* .buildingBlock {
    padding: 0 40px 0 70px;
  }
  .sheduleArea > div.centerBlock .col.buildingInfo {
    padding: 0 70px 0 40px;} */
}
@media screen and (min-width: 0px) and (max-width:1680px) {
  .economyPrinciple { padding: 170px 14vw 0px 14vw; }
  .economyPrinciple .col_1_1_1 { margin: 60px auto 10px auto; }
}
@media screen and (min-width: 0px) and (max-width:1650px) {
/* .theArea .midContainer .mapHolding {
  max-height: 35.5vw;
} */
  .economyImg{
    padding-top: 41vw;
  }
  .TabContent .col .contactBlock .partnerLogo {
    width: 150px;
  }

  .TabContent .col .contactBlock ul {
    width: calc(100% - 150px)
  }

  .TabContent .col .contactBlock ul li {
    font-size: 18px;
    line-height: 24px;
  }

  .TabContent .col .contactBlock b, .TabContent .col .contactBlock strong, h6 {
    font-size: 22px;
    line-height: 26px;
  }
  .page-template-template-location-php .textCTARow .redleaf {    width: 34vw;}
  .slick-prev.slick-arrow { left: -35px; }
  .slick-next.slick-arrow { right: -35px; }
}

@media screen and (min-width: 0px) and (max-width:1600px){
  @-moz-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -6%;
      top: -21%;
    }
  }
  @-webkit-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -6%;     
      top: -21%;
    }
  }
  @keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -6%;
      top: -21%;
    }
  }
  .executiveSummary {
    background-color: #000;
    padding: 120px 30px 90px;
  }
  .modeStudio .centerBlock > img { max-width: 260px; }
  .retailArea .textColIntro .centerBlock > img { max-width: 340px;}
}

@media screen and (min-width: 0px) and (max-width:1536px) { 
  .sheduleArea > div.centerBlock .col.buildingBlock {
    width: 600px;
  }
  .sheduleArea > div.centerBlock .col.buildingInfo {
    width: calc(100% - 600px);
  }
  .retailArea .textColIntro .centerBlock h2 { max-width: 710px; }
  .retailArea .textColIntro .textBlock .col { max-width: 550px; }
  .locationSliderWrapper {
    position: relative;
    cursor: url("../images/dragger2.svg") 60 60, url("../images/dragger2.svg") 60 60, default;
  }
}

/* start for spacing, sizing and all other manage */
@media screen and (min-width: 0px) and (max-width:1536px) { 
  body { font-size: 16px; }
  h1 { font-size: 70px; }
  h2, .textCTARow h1 { font-size: 48px; letter-spacing: -0.48px;}
  h5 { font-size: 24px; }
  .HeroBanner .centerBlock h1 { margin-bottom: 30px; }
  .HeroBanner .centerBlock { font-size: 22px; letter-spacing: -0.2px; }
  .HeroBanner.locationTopBanner .centerBlock { max-width: 840px; }
  .HeroBanner.leisureRetail .centerBlock p, .HeroBanner.workspaceTopBanner .centerBlock p { max-width: 490px; }
  .HeroBanner.esgTopBanner .centerBlock p { max-width: 470px; }
  .textCTARow { padding: max(145px, min(145px + (180 - 145) * ((100vw - 1263px) / (1536 - 1263)), 180px)) 18%; }
  .imageTextCTARow_Home1 .textCTARow { padding-left: 13%; padding-right: 13%; }
  .textCTARow > div h2, .textCTARow > div h1 { margin-bottom: 32px; }
  .imageTextCTARow_Home2 .textCTARow > div.centerBlock p {max-width: 750px; margin: 0 auto; }
  .textCTARow .centerBlock p { padding-bottom: 15px; }
  .textCTARow > div .primaryBtn { margin-top: 38px; }
  .eventRow > div {padding: 0px 10%; }
  .eventBlock .metadate { font-size: 15px; }
  .eventRow .eventBlock { padding: 40px 25px 35px 25px; }
  .eventRow .eventBlock .imageBlock {width: 85%; }
  .heroTab > div a { padding: 20px 20px; font-size: 32px; }
  .sheduleArea > div.centerBlock .col.buildingBlock { width: 51%; }
  .sheduleArea > div.centerBlock .col.buildingInfo { width: 49%; }
  .viewflythrough span { padding: 22px 50px; font-size: 35px; letter-spacing: 1px; }
  .executiveSummary .col_1_1_1_1 .col h6, .connection .centerBlock .col_1_1_1_1 .col h4 { font-size: 20px; letter-spacing: 0.6px; }
  .esgCommitment, .executiveSummary{ padding:  max(90px, min(90px + (120 - 90) * ((100vw - 1263px) / (1536 - 1263)), 120px)) 7.5% max(70px, min(70px + (90 - 70) * ((100vw - 1263px) / (1536 - 1263)), 90px)); } 
  .connection{ padding:  max(90px, min(90px + (120 - 90) * ((100vw - 1263px) / (1536 - 1263)), 120px)) 7.5% max(100px, min(100px + (130 - 100) * ((100vw - 1263px) / (1536 - 1263)), 130px)); } 
  .elizabethLine {
    padding:  max(90px, min(90px + (120 - 90) * ((100vw - 1263px) / (1536 - 1263)), 120px)) 50px max(100px, min(100px + (130 - 100) * ((100vw - 1263px) / (1536 - 1263)), 130px));
  }
  .whatsOn {
    padding:  max(90px, min(90px + (110 - 90) * ((100vw - 1263px) / (1536 - 1263)), 110px))
     20px 
     max(60px, min(60px + (80 - 60) * ((100vw - 1263px) / (1536 - 1263)), 80px))
      20px;
  }
  .buildingHotspots {padding:  max(90px, min(90px + (120 - 90) * ((100vw - 1263px) / (1536 - 1263)), 120px)) 30px;}
  .esgSummary {padding:  max(90px, min(90px + (120 - 90) * ((100vw - 1263px) / (1536 - 1263)), 120px)) max(130px, min(130px + (170 - 130) * ((100vw - 1263px) / (1536 - 1263)), 170px));}
  .executiveSummary .col_1_1_1_1 .col { padding: max(15px, min(15px + (22 - 15) * ((100vw - 1263px) / (1536 - 1263)), 22px)) 20px; }
  .textColIntro .centerBlock h5 { font-size: 25px; letter-spacing: 0.75px; }
  .retailArea .textColIntro .textBlock, .modeStudio .centerBlock .textBlock, .economyPrinciple .col_1_1_1 .col { font-size: 20px; letter-spacing: -0.2px; }
  .retailArea .textColIntro .centerBlock { max-width: 920px; }
  .planSlide .floorText h2 { font-size: 50px; letter-spacing: -0.5px; }
  .HeroBanner .centerBlock { font-size: 22px; letter-spacing: -0.2px; }
  .pointerTab h4 { font-size: 24px; letter-spacing: 0.72px; }
  .tabList ol li { font-size: 20px; letter-spacing: -0.2px; }
  .textCTARow > div.centerBlock { font-size: 20px; }
  .textCTARow.locationImageText .centerBlock p { max-width: 765px; }
  .cityHighlights { padding: max(90px, min(90px + (130 - 90) * ((100vw - 1263px) / (1536 - 1263)), 130px)) 0px max(40px, min(40px + (70 - 40) * ((100vw - 1263px) / (1536 - 1263)), 70px)) 0px; }
  .contactHero { padding: 130px 20px 20px 20px; } 
  input[type="submit"], input[type="button"], input[type="reset"], button, .primaryBtn, a.cky-banner-element { font-size: 16px; letter-spacing: 1.6px; padding: 10px 18px; min-width: 225px; }
  .borderButton { font-size: 16px; letter-spacing: 1.6px; padding: 11px 20px 14px; min-width: 210px; }
  .planSlide .floorText h5.type { font-size: 22px; margin-bottom: 25px; }
  .floorSize {font-size: 24px; }
  .gallerySlider .slick-slide>div h6 { font-size: 16px; letter-spacing: 0.48px; }
  .esgCommitment .col_1_1_1 .col h6, .buildingHotspots .col_1_1 .col { font-size: 20px; }
  .esgCommitment .col_1_1_1 .col p { font-size: 18px; }
  .esgSummary .centerBlock {
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 1.3;
    padding: 0 2%;}
    ul.mainMenu li a { font-size: 54px; }
    .subMenuTrigger {
      width: 36px;
      height: 36px;
      padding: 3px;top: 17px;
  }
  .slick-prev.slick-arrow {
    left: -10%;
  }
  .slick-next.slick-arrow {
    right: -10%;
  }
  .economyPrinciple {padding: max(90px, min(90px + (140 - 90) * ((100vw - 1263px) / (1536 - 1263)), 140px)) 14vw 0px 14vw; }
  .economyPrinciple .col_1_1_1 { margin: 70px auto 10px auto; }
  .economyPrinciple .col_1_1_1 .col { padding: 25px 15px; }
  .connection .centerBlock .col_1_1_1_1 .col .icon {
    width: 210px;
    height: 180px;
  }
  .modeStudio {padding: max(110px, min(110px + (150 - 110) * ((100vw - 1263px) / (1536 - 1263)), 150px));}
  .retailArea {padding: max(110px, min(110px + (150 - 110) * ((100vw - 1263px) / (1536 - 1263)), 150px)) 50px;}
  .sheduleArea > div.centerBlock > div {
    padding:  max(80px, min(80px + (120 - 80) * ((100vw - 1263px) / (1536 - 1263)), 120px)) 35px;
  }
  .textColIntro {margin-bottom: max(75px, min(75px + (110 - 75) * ((100vw - 1263px) / (1536 - 1263)), 110px));}
  .retailArea .textColIntro {
    margin-bottom: max(60px, min(60px + (80 - 60) * ((100vw - 1263px) / (1536 - 1263)), 80px));
  }
  .esgCommitment .col_1_1_1 .col .icon {
    width: 145px;
    height: 130px; }
    .esgSummary .greenLeaf {
      left: -9%;
      width: 33vw;
      height: 22vw;}
      .TabContent {
        padding: 50px 0px 0px 0px;
      }
      .textCTARow .greenLeaf {
        width: 39vw;
        height: 29vw; }
}

@media screen and (min-width: 0px) and (max-width:1366px) { 
  .TabContent {
    padding: 50px 0px 0px 0px;
  }
}
@media screen and (min-width: 0px) and (max-width:1263px) { 
  .eventRow > div { padding: 0px 40px; }
  .esgCommitment, .executiveSummary, .connection { padding: 80px 30px 65px; }
  .floorplanWrapper { padding: 0px; }
  .sheduleArea > div.centerBlock .col.buildingInfo { padding: 0 0px 0 20px; }
  .esgSummary .centerBlock { padding: 0;}
  .slick-next.slick-arrow { right: -35px; }
  .slick-prev.slick-arrow { left: -35px; }
  .communityslider { max-width: 100%; }
}
/* end for spacing, sizing and all other manage */


@media screen and (min-width: 0px) and (max-width:1440px) {
.HeroBanner .square{width: 25vw;
height: 25vw;
}

.HeroBanner .multicolorcircle{
  width: 75vw;
  height: 75vw;
}
.pointerTab h4 {
      font-size: 2.2vw;
    line-height: 2.8vw;
    letter-spacing: 0.5px;
  }

  .pointerTab{
    padding: 20px;
  }
  .eventBlock { padding: 40px 15px 40px 15px; }
  .page-template-template-location-php .textCTARow .redleaf {top: -16%; }

  .TabContent .col.downloads>div h6 { width: auto; padding-right: 15px; }
  .TabContent .col.downloads>div div a { margin: 0px 10px 10px 0px; }
  @-moz-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -8%;
      top: -23%;
    }
  }
  @-webkit-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -8%;     
      top: -23%;
    }
  }
  @keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -8%;
      top: -23%;
    }
  }
  .floorplanWrapper { padding: 0px 35px 0px 35px; }
  .modeStudio .centerBlock .redcircle { left: -8vw;bottom: -3vw; }
}
@media screen and (min-width: 0px) and (max-width:1439px) {
  .economyPrinciple .col_1_1_1 .col p br {
    display: none
  }

  .buildingBlock {
    padding: 0 30px 0 0;
  }
  .sheduleArea > div.centerBlock .col.buildingInfo {
    padding: 0 0 0 30px;}
  .floorSlider .slick-prev.slick-arrow {
    left: 27%;
  }

  .sheduleArea {
    padding: 0px 50px 100px 50px;
  }

  .sheduleArea>div.centerBlock>div {
    margin-bottom: 50px;
  }


  .sheduleArea>div.centerBlock h2 {
    margin-bottom: 50px;
  }

  .sheduleArea>div.centerBlock .col.buildingBlock {
    width: 590px;
    padding: 0 20px 0 60px;
  }

  .sheduleArea>div.centerBlock .col.buildingInfo {
    width: calc(100% - 590px);padding: 0 0 0 20px;
  }

  .buildingInfo table {
    font-size: 16px;
    line-height: 19px;
  }

  .buildingInfo table tr td {
    font-size: 10px;
    letter-spacing: 0.3px;
    padding: 6px 10px 9px 10px;
  }
  .buildingInfo table tr th,
  .buildingInfo table tr.totalRow td {
    font-size: 14px;
    letter-spacing: 0.42px;
    padding: 6px 10px 7px 10px;
  }

  .buildingInfo table tr th sup {
    font-size: 10px;
  }


  table ~ .desclaimer {
    padding-left: 10px;
  }
  .executiveSummary .col_1_1_1_1 .col .icon {
    width: 120px;
    height: 100px;
  }


  h2, .textCTARow h1, .planSlide .floorText h2 {
    font-size: 50px;
    line-height: 55px;
    letter-spacing: -0.5px;
  }

  .executiveSummary .col_1_1_1_1 .col h6, .planSlide .floorText h5.type {
    font-size: 20px;
    line-height: 26px;
  }

  .floorSize {
    font-size: 30px;
  }

  .retailArea {
    padding: 100px 50px;
  }
  .buildingHotspots .redhalf{
    width: 15vw;
      height: 20vw;
  }

  
  .economyPrinciple {padding: max(90px, min(90px + (140 - 90) * ((100vw - 1263px) / (1536 - 1263)), 140px)) 7vw 0px 7vw; }

  .economyPrinciple .col_1_1_1 {
    margin-top: 40px;
  }

  .economyPrinciple .yellowarrow {
    width: 20vw;
    height: 40vw;
    position: absolute;
    z-index: -1;
    top: -15vw;
    left: -12%;
  }

  .economyImg img {
    position: absolute;
    left: 5vw;
    top: 0px;
    width: 103vw;
  }

  .economyImg::after {
    left: -5%;
  }

  .economyImg {
    padding-top: 46vw;
  }

 .elizabethLine {
    padding: 100px 50px;
  }



  .esgSummary .centerBlock {
    font-size: 2.6vw;
    /* line-height: 3.5vw; */
    letter-spacing: -0.2px;
  }
.esgSummary .centerBlock sub {
  font-size: 1.6vw;
  line-height: 2.5vw;
}

  .eventRow {
    padding: 160px 50px 130px;
  }

  .modeStudio {
    padding: 100px;
  }

  .cityHighlights {
    padding: 100px 0px;
  }

  .theArea .midContainer .mapHolding {
    width: calc(100% - 350px);
    position: relative;
    /* max-height: 36.6vw; */
  }

  .theArea .midContainer .pointerTabbingmain {
    width: 350px;
  }

  .pointerTab h4 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
  }

  .tabList ol li {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.13px;
    padding: 5px 0 5px 30px
  }

  .cityHighlights .scrollcontainer {
    padding-left: 50px;
    padding-top: 60px;
  }

  .cityHighlights .scrollcontainer::before {
    left: 120px;
  }

  .statTxt div.text {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.7px;
  }
  @-moz-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -5%;
      top: -15%;
    }
  }
  @-webkit-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -5%;     
      top: -15%;
    }
  }
  @keyframes moveredhalf {
    0% {
      left: -50%;
      top: 20%;
    }
    100% {
      left: -5%;
      top: -15%;
    }
  }
  .floorplanWrapper .greenLeaf { bottom: -7vw; }
}

@media screen and (min-width: 1150px) and (max-width:1400px),
screen and (min-width: 0px) and (max-width:767px) {
  .TabContent .col.downloads>div {
    flex-direction: column;
  }

  .TabContent .col.downloads>div div a {
    margin: 0px 10px 10px 0px;
  }

  .TabContent .col.downloads>div h6 {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1150px) and (max-width:1439px),
screen and (min-width: 0px) and (max-width:767px) {
  .TabContent .col .contactBlock {
    flex-direction: column;
  }

  .TabContent .col .contactBlock ul {
    width: 100%;
  }
  .TabContent .col .contactBlock ul li {padding-left: 0;}
}

@media screen and (min-width: 0px) and (max-width:1280px) {
  .mappointer>div>span {
    border: 1px solid #6ABBD8;
  }
  h2, .textCTARow h1, .planSlide .floorText h2 {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.3px;
}
  .HeroBanner .oSquare {

      width: 40vw;
      height: 40vw;
    }
    /* .textCTARow>div h2 br, .textCTARow>div h1 br {
      display: none
    } */

  ul.mainMenu li a {
    font-size: 50px;
    line-height: 60px;
  }

  ul.mainMenu li ul.sub-menu li a {
    font-size: 35px;
    line-height: 45px;
  }

  .subMenuTrigger {
    top: 20px;
    width: 30px;
    height: 30px;
  }

  h1 {
    font-size: 60px;
    line-height: 70px;
  }

  .floorplanWrapper .greenLeaf {
    display: none;
  }

  .gallerySlider .slick-slide {
    padding: 0px 25px;
  }

  .gallerySlider .slick-arrow.slick-next {
    right: 8%;
  }

  .gallerySlider .slick-arrow.slick-prev {
    left: 8%;
  }

  .viewflythrough span {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.8px;
  }

  .connection .centerBlock .col_1_1_1_1 .col .icon {
    width: 180px;
    height: 180px;
  }

  .imgTxtSet3 .textImage::after {
    width: 36vw;
    height: 22vw;
    bottom: -13%;
  }

  .imgTxtSet4 .image4::after {
    top: 10%;
  }

  .imgTxtSet1 .textImage::after {
    width: 20vw;
    height: 25vw;
    bottom: 0;
  }

  .imgTxtSet1 .image1 {
    width: 30vh;
  }

  .cityHighlights .scrollcontainer h5 {
    font-size: 14px;
    line-height: 18px;
  }

  .imgTxtSet1 .image2 {
    width: 45vh;
  }

  .statTxt div.number {
    font-size: 18vw;
    line-height: 15vw;
  }

  .imgTxtSet1 .statTxt {
    right: -35%;
    bottom: 10%;
  }

  .statTxt div.text {
    font-size: 18px;
    line-height: 22px;
  }

  .imgTxtSet2::before {
    width: 30vw;
    height: 15vw;
    top: 22%;
    left: -6%;
  }

  .imgTxtSet2 .image1 {
    width: 45vh;
  }

  .imgTxtSet2 .image2 {
    width: 50vh;
    z-index: -2;
  }

  .imgTxtSet2 .group1 .statTxt, .imgTxtSet2 .group2 .statTxt {
    margin-top: -10%
  }

  .imgTxtSet2 .group1 .image3 {
    width: 25vh;
  }

  .imgTxtSet2 .group2 .image4, .imgTxtSet3 .image1 {
    width: 40vh;
  }

  .imgTxtSet2 .group2::before {
    width: 8vw;
    height: 8vw;
    top: 0;
  }

  .imgTxtSet3::before {
    width: 12vw;
    height: 13vw;
  }

  .imgTxtSet3 .image2 {
    width: 35vh;
  }

  .imgTxtSet4 .image1 {
    width: 50vh;
  }

  .imgTxtSet4 .image3 {
    width: 23vh;
  }

  .imgTxtSet4 .image4 {
    width: 45vh;
    top: -15vh;
  }

  .imgTxtSet4 .image2 {
    width: 30vh;
    top: -10%;
  }

  .imgTxtSet4>.statTxt {
    margin-top: 3%;
  }

  .imgTxtSet2 .group2 .image4 {
    margin-top: 2vw;
  }

  .imgTxtSet4 .image4::after {
    top: 40%;
    left: -75%;
    width: 30vw;
    height: 25vw;
  }

  .page-template-template-location-php .textCTARow .redleaf {
    width: 32vw;
    height: 20vw;
    top: -4vw;
  }

  .economyImg img {
    left: 4vw;
    top: 0px;
    width: 102vw;
  }

  .economyImg::after {
    left: -5%;
  }

  .economyImg {
    padding-top: 45vw;
  }
  
  .imageTextCTARow_Home1 .centerBlock p {    max-width: 690px; margin: 0 auto;}
  .imageTextCTARow_Home1 .textCTARow {
      padding-left: 50px;
      padding-right: 50px;
  }
  
  .modeStudio .centerBlock > img { max-width: 220px; }
  .retailArea .textColIntro .centerBlock > img { max-width: 280px;}
  .textCTARow.locationImageText .centerBlock p { max-width: 805px; }
  .heroTab>div a  {font-size: 36px;    padding: 24px 20px;}
  .sheduleArea > div.centerBlock .col.buildingBlock { width: 500px; }
  .sheduleArea > div.centerBlock .col.buildingInfo { width: calc(100% - 500px); }
  .buildingHotspots .col_1_1 {
    padding: 0 30px;
  }
  .retailArea .textColIntro .centerBlock h2 { max-width: 730px; }
}
@media screen and (min-width: 0px) and (max-width:1263px) {
  .legends {
    width: 40%;
  }
  .btnWrap {
    width: 60%;
  }
  .floorplanWrapper .bottomlegend .btnWrap {
    gap: 10px 15px; padding-left: 0; 
  }
  .textCTARow > div h2, .textCTARow > div h1 {
    margin-bottom: 20px;
  }
  .textCTARow>div .primaryBtn {
    margin-top: 15px;
} 
.textCTARow > div h5 {
  margin-bottom: 15px;
}
.buildingHotspots .col_1_1 {
  padding: 0;
}
}
@media screen and (min-width: 0px) and (max-width:1200px) {
  .sheduleArea>div.centerBlock .col.buildingBlock {
    width: 490px;
    padding-right: 20px   
  }

  .sheduleArea>div.centerBlock .col.buildingInfo {
    width: calc(100% - 490px);
  }

  .buildingInfo table {
    font-size: 12px;
    line-height: 14px;
  }

  .mappointer>div>span { width: 16px;
    height: 16px;padding: 0 0 1px 0; }
    .mappointer>div>span b {
      font-size: 7px;
}

.floorplanWrapper { padding: 0px; }
.sheduleArea > div.centerBlock > div {
  padding: 100px 0 80px;
}
.executiveSummary .col_1_1_1_1 .col, .connection .centerBlock .col_1_1_1_1 .col { padding: 15px 10px; }
.planSlide .floorText .mapLegends img, .floorImage .mapLegends img {
  max-width: 200px;width: 200px; }
}
@media screen and (min-width: 0px) and (max-width:1149px) {
  .TabContent .col_1_1 {
    flex-direction: column;
  }
  .TabContent .col_1_1 .col {
    width: 100%;
  }
  .economyPrinciple .col_1_1_1 .col {
    padding: 0px 10px 30px; }
    .TabContent .col.downloads > div {
      padding: 30px 0px 20px;
    }
}

@media screen and (min-width: 0px) and (max-width:1080px) {

  .floorplanInfo, .floorplanInfo table tr td,.floorplanInfo table tr th { font-size: 18px; }
  .buildingInfo table tr th:nth-child(1) {
    width: 35%;
  }
  .buildingInfo table tr th:nth-child(4) {
    width: 25%;
  }
}
@media screen and (min-width: 0px) and (max-width:1079px) {
  .TabContent .col_1_1 {
    flex-direction: column;
  }

  .TabContent .col_1_1 .col {
    width: 100%;
  }
  .TabContentWrapper::after {

      height: 65vh;
      width: 35vh;
    }
  .theArea .midContainer {
    display: block;
  }

  .theArea .midContainer .mapHolding {
    width: 100%;
    position: relative;max-height: unset;
  }

  .theArea .midContainer .pointerTabbingmain {
    width: 100%;
  }
.pointerTab
{
  max-height: none;
  overflow: hidden;padding: 20px 50px;
}
  .tabList ol { column-count: 3; column-gap: 25px; }
  .tabList ol li{padding-right: 20px; }
  .pointerTab>div.active, .mappointer>div.active {padding-left: 0px; max-height: none; }
  .tabList { max-height: unset; }
  .tabAccoordion {margin-bottom: 20px; }
  .TabContent .col { padding: 10px 0; } 
  .theArea .zoomingIcon { right: 50px; }
}
@media (orientation:portrait) , (max-width:960px) {
.elizabethDesk > div { opacity: 0; height: 0; overflow: hidden; }
.elizabethResponsive > div{ opacity: 1; height: auto; overflow: visible; }

#ez-line-purple,
#_38min,
#_15min,
#_11mins,
#_9min,
#building,
#walk1,
#walk2,
#_6min,
#_10min,
#_8min,
#elz-line {
    opacity: 0;
    transition: opacity 0.4s linear;
}

.animated #ez-line-purple,
.animated #_38min,
.animated #_15min,
.animated #_11mins,
.animated #_9min,
.animated #building,
.animated #walk1,
.animated #walk2,
.animated #_6min,
.animated #_10min,
.animated #_8min,
.animated #elz-line {
    opacity: 1;
}


.animated #elz-line {
    transition-delay: 0.8s;
}

#ez-line-purple {
    transition-delay: 0.8s;
}

#_38min {
    transition-delay: 0.9s;
}

#_15min {
    transition-delay: 1.35s;
}

#_11mins {
    transition-delay: 1.75s;
}

#_9min {
    transition-delay: 2.15s;
}

#walk1 {
    transition-delay: 2.45s;
}

#building {
    transition-delay: 2.85s;
}

#walk2 {
    transition-delay: 3.15s;
}

#_6min {
    transition-delay: 3.5s;
}

#_8min {
    transition-delay: 4s;
}

#_10min {
    transition-delay: 4s;
}

#_38mindown,
#_11mindown,
#walk1down,
#walk2down,
#_8minsdown {
    transform: translateX(35px);
    opacity: 0;
    transition: opacity 1s ease .4s, transform 1s ease .4s;
}

.animated #_38mindown,
.animated #_11mindown,
.animated #walk1down,
.animated #walk2down,
.animated #_8minsdown {
    transform: translateX(0px);
    opacity: 1;
}

#_38mindown {
    transition-delay: 1s;
}

#_11mindown {
    transition-delay: 2.1s;
}

#walk1down {
    transition-delay: 2.7s;
}

#walk2down {
    transition-delay: 3.6s;
}

#_8minsdown {
    transition-delay: 4.4s;
}



#_15minup,
#_9minup,
#_6minup,
#_10minup {
    transform: translateX(-35px);
    opacity: 0;
    transition: opacity 1s ease .2s, transform 1s ease .2s;
}

.animated #_15minup,
.animated #_9minup,
.animated #_6minup,
.animated #_10minup {
    opacity: 1;
    transform: translateX(0px);
}

#_15minup {
    transition-delay: 1.6s;
}

#_9minup {
    transition-delay: 2.5s;
}

#_6minup {
    transition-delay: 3.9s;
}

#_10minup {
    transition-delay: 4.4s;
}


#blackline1,
#blackline2 {
    stroke-dasharray: 1200;
    stroke-dashoffset: 0;
    opacity: 0;
}

.animated #blackline1,
.animated #blackline2 {
    animation: dash 4s linear forwards;
    animation-delay: 0.8s;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1200;opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;opacity: 1;
    }
}


#Path_4728,
#Line_117,
#Path_4728-2,
#Line_117-2 {
    stroke-dasharray: 173;
    stroke-dashoffset: 0;
    opacity: 0;
}

.animated #Path_4728,
.animated #Line_117,
.animated #Path_4728-2,
.animated #Line_117-2 {
    animation: dash1 1s linear forwards;
    animation-delay: 3.5s;
}

@keyframes dash1 {
    0% {
        stroke-dashoffset: 173;opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;opacity: 1;
    }
}

#Path_4727,
#Line_116,
#Path_4727-2,
#Line_116-2 {
    stroke-dasharray: 173;
    stroke-dashoffset: 0;
    opacity: 0;
}

.animated #Path_4727,
.animated #Line_116,
.animated #Path_4727-2,
.animated #Line_116-2 {
    animation: dash2 1s linear forwards;
    animation-delay: 4.1s;
}

@keyframes dash2 {
    0% {
        stroke-dashoffset: 173;opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;opacity: 1;
    }
}
.gallerySlider { padding: 60px 0px 40px; }
}
@media screen and (min-width: 0px) and (max-width: 1023px) {
  .communityslider .eventBlock {
    padding: 40px 40px 40px 40px;
}
  .spotname {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.05px;
    white-space: normal;
    min-width: 200px;
    border-radius: 20px;
    padding: 10px 10px;
    bottom: 70px;
  }

  .spotname::after {
    right: 60px;
    bottom: -35px;
    width: 30px;
    height: 40px;
  }

  .spotname br {
    display: none;
  }

  .homeLogo {
    width: 180px;
  }

  h2, .textCTARow h1, .planSlide .floorText h2 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.4px;
  }

  .textCTARow>div h2, .textCTARow>div h1 {
    margin-bottom: 20px;
  }

  h5 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.2px;
  }

  .textCTARow {
    padding: 120px 100px;
  }

  .sheduleArea>div.centerBlock .col.buildingBlock {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 80px auto;
  }

  .buildingInfo table {
    font-size: 18px;
    line-height: 22px;
  }
  .sheduleArea > div.centerBlock .col.buildingBlock {padding: 0 0 30px;}
  .sheduleArea>div.centerBlock .col.buildingInfo {
    width: 100%;padding: 0 10%;
  }
  .sheduleArea > div.centerBlock > div {
    padding: 100px 0px 50px;
  }
  .planSlide {
    display: block !important;
  }

  .legends, .btnWrap {
    width: 50%;
  }

  .btnWrap {
    padding-bottom: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: column;
  }

  .floorSlider .slick-arrow {
    transform: none;
    top: 100px;
  }

  .floorSlider .slick-prev.slick-arrow {
    left: -40px;
  }

  .floorSlider .slick-next.slick-arrow {
    right: -40px;
  }

  .btnWrap .spaceplanbtn, .btnWrap .floorplanbtn {
    /* margin-top: 10px; */
  }

  .planSlide .floorText {
    padding-top: 0px;
  }

  .planSlide .floorText, .planSlide .floorImage, .floorplanImg, .spaceplanImg {
    width: 100%;
    text-align: center;
    padding-right: 0px;
  }

  .planSlide .floorText h2 {
    text-align: center !important;
  }

  .eventRow>div {
    padding: 0px;
  }
  .eventSlider .slick-arrow {
    top: 415px;
  }
  .gallerySlider .slick-slide {
    padding: 0px 10px;
  }
  .eventSlider .slick-next.slick-arrow{
  right: -20px;
}
  .eventSlider .slick-prev.slick-arrow{
  left: -20px;
}
  .gallerySlider .slick-list {
    margin: 0 0 0 -10px;
    width: calc(100% + 20px);
  }
  .gallerySlider .slick-arrow { bottom: 75px; }
  .gallerySlider .slick-arrow.slick-prev {
    left: 15px;
  }

  .gallerySlider .slick-arrow.slick-next {
    right: 15px;
  }
 
  .gallerySlider .slick-slide>div h6 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.34px;padding: 30px 50px 20px 45px;
  }

  .buildingHotspots .col_1_1 {
    display: block;
  }

  .buildingHotspots .col_1_1 .col {
    width: 100%;
  }

  .buildingHotspots .col_1_1 .col:nth-child(1) {
    padding-right: 20px;
  }

  .buildingHotspots .redhalf.animated {
    top: -8%;
  }
.economyPrinciple .greenLeaf
{
  top: -15%;
}
    @-moz-keyframes moveredhalf {
      0% {
        left: -50%;
        top: 20%;
      }

      100% {
        left: -6%;
        top: -7%;
      }
    }

    @-webkit-keyframes moveredhalf {
      0% {
        left: -50%;
        top: 20%;
      }

      100% {
        left: -6%;
        top: -7%;
      }
    }

    @keyframes moveredhalf {
      0% {
        left: -50%;
        top: 20%;
      }

      100% {
        left: -6%;
        top: -7%;
      }
    }

  .esgCommitment .col_1_1_1 .col {
    width: 50%;
  }

  .economyImg {
    padding-left: 5%;
    padding-top: 42vw;
  }

  .economyImg img {
    position: absolute;
    left: 8%;
    top: 0px;
    width: 110%;
  }

  .economyImg::after {
    left: 0;
  }

  .esgSummary .centerBlock {
    font-size: 30px;
    /* line-height: 4vw; */
  }

  @media all and (orientation: landscape) {
    .cityHighlights .scrollcontainer::before {
      left: 120px;
      width: 12vw;
      height: 12vw;
      top: 50px;
    }

    .logoIcon {
      width: 35px;
      height: 35px;
    }

    ul.mainMenu li a {
      font-size: 30px;
      line-height: 38px;
    }

    ul.mainMenu li ul.sub-menu li a {
      font-size: 24px;
      line-height: 30px;
    }

    .subMenuTrigger {
      top: 5px;
      width: 30px;
      height: 30px;
    }

    .HeroBanner {
      width: 100%;
      height: auto;
      /* min-height: 520px; */
      align-items: flex-start;
    }

    .home .HeroBanner {
      min-height: 56vw;
    }
    .HeroBanner .bannerVideo .videoBox {
      height: 100%;
      min-height: 100%;
    }
    .HeroBanner .bannerVideo .videoBox > div iframe {
      height: 56.25vw;
      min-height: 600px;
    }
    .HeroBanner .centerBlock {
      font-size: 20px;
      line-height: 26px;
      padding: 120px 50px 120px 50px;
    }

    .nextScroll {
      bottom: 6%
    }
     .page-template-template-availability-workspace-php .nextScroll, .page-template-template-availability-leisure-retail .nextScroll{bottom: 15%}
    .HeroBanner .centerBlock h1 {
      margin-bottom: 20px;
    }

    h1 {
      font-size: 7vw;
      line-height: 9vw;
    }

    .heroTab>div a {
      font-size: 30px;
      line-height: 36px;
          padding: 15px 20px;
    }

    .contactHero {
      text-align: center;
      padding: 100px 20px 0 20px;
    }

    .pageHero {
      padding: 100px 20px 50px 20px;
    }

    .cityHighlights .scrollcontainer h5 {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.34px;
    }

    .imgTxtSet1 .image2 {
      width: 85vh;
    }

    .imgTxtSet1 .image1 {
      width: 55vh;
    }

    .imgTxtSet1 .textImage {
      width: 115vh;
    }

    .imgTxtSet1 .textImage::after {
      width: 30vw;
      height: 40vw;
      left: -3%;
    }

    .imgTxtSet1 .statTxt {
      bottom: 15%;
      right: -41%;
      width: 420px;
    }

    .imgTxtSet2::before {
      width: 45vw;
      height: 30vw;
    }

    .imgTxtSet2 .image1 {
      width: 60vh;
    }

    .imgTxtSet2 .image2 {
      width: 85vh;
      z-index: -1;
    }

    .imgTxtSet2 .group1 .image3 {
      width: 35vh;
    }

    .imgTxtSet2 .group2 .image4, .imgTxtSet3 .image1 {
      width: 60vh;
    }

    .imgTxtSet3 .image2 {
      width: 60vh;
    }

    .imgTxtSet3 .textImage::after {
      width: 40vw;
    }

    .imgTxtSet4 .image1 {
      width: 80vh;
    }

    .imgTxtSet4 .image2 {
      width: 50vh;
      top: -15%;
    }

    .imgTxtSet4 .image3 {
      width: 40vh;
    }

    .imgTxtSet4 .image4 {
      width: 60vh;
      top: -20vh;
    }

    .statTxt div.text {
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0.5px;
    }

    .cityHighlights {
      padding: 40px 0px;
    }
  }

  @media all and (orientation: portrait) {
    .cityHighlights {
      padding: 50px 0px;
    }
    .HeroBanner .oSquare {

        width: 35vw;
        height: 35vw;
        right: -15%;

        bottom: 0%;
      }
    .HeroBanner {
      height: auto;
      min-height: 55vh;
    }
    .home .HeroBanner { min-height: 600px; }
    .HeroBanner .bannerVideo .videoBox {
      height: 100%;
      min-height: 100%;
    }
    .HeroBanner .bannerVideo .videoBox > div iframe {
      height: 56.25vw;
      min-height: 600px;
    }

    .leftPart, .rightPart img {
      left: unset;
      right: unset;
    }
    .rightPart, .leftPart img {
      right: unset;
      left: unset;
    }
    .leftPart img {
      left: -345px;
    }
    .rightPart img {
      right: -345px;
    }
    .HeroBanner .blueline {

        left: -30vw;
        height: auto;
        width: 75vw;
    }
    .HeroBanner .redtriangle {
      right: 7%;
      top: 5%;
      width: 40vw;
      height: 40vw;
  }

    .nextScroll {
      bottom: 6%;
    }

    .page-template-template-availability-workspace-php .nextScroll, .page-template-template-availability-leisure-retail .nextScroll{bottom: 15%}
    .leftPart, .rightPart {
      width: 100vw;
    }

    h1 {
      font-size: 9vw;
      line-height: 11vw;
    }

    .heroTab>div a {
      font-size: 4.5vw;
      line-height: 5vw;
      padding: 15px 15px;
    }

    .heroTab>div a { font-size: 24px; padding: 15px; }

    .planSlide .floorImage, .floorplanImg, .spaceplanImg {
      height: auto;
      min-height: 70vw;
    }
.planSlide .floorImage
{margin-bottom: 15px;}
    .contactHero {
      text-align: center;
      padding: 120px 20px 0px 20px;
    }

    .pageHero {
      padding: 120px 20px 50px 20px;
    }

    h2, .textCTARow h1 {
      font-size: 40px;
      line-height: 46px;
      letter-spacing: 0.4px;
    }

    h5 {
      font-size: 24px;
      line-height: 30px;
      letter-spacing: 0.2px;
    }

    .eventSlider .eventBlock .metadate {
      font-size: 18px;
      line-height: 24px;
    }

    .imgTxtSet1 .image1 {
      width: 30vh;
    }

    .imgTxtSet1 .image2 {
      width: 45vh;
    }

    .statTxt div.number {
      font-size: 40vw;
      line-height: 30vw;
    }

    .imgTxtSet1 .statTxt {
      right: -35%;
      bottom: 10%;
    }
    .statTxt div.text {
      font-size: 18px;
      line-height: 22px;
    }
    .imgTxtSet2::before {
      width: 105vw;
      height: 50vw;
      top: 20%;
      left: -6%;
    }
    .imgTxtSet2 .image1 {
      width: 45vh;
    }
    .imgTxtSet2 .image2 {
      width: 50vh;
      z-index: -2;
    }
    .imgTxtSet2 .group1 .statTxt, .imgTxtSet2 .group2 .statTxt {
      margin-top: -10%
    }
    .imgTxtSet2 .group1 .image3 {
      width: 25vh;
    }
    .imgTxtSet2 .group2 .image4, .imgTxtSet3 .image1 {
      width: 40vh;
    }
    .imgTxtSet2 .group2::before {
      width: 16vw;
      height: 16vw;
    }
    .imgTxtSet3::before {
      width: 25vw;
      height: 25vw;
    }
    .imgTxtSet3 .image2 {
      width: 35vh;
    }
    .imgTxtSet3 .textImage::after {
      bottom: -12%;
      right: 3%;
      width: 100vw;
      height: 73vw;
    }
    .imgTxtSet4 .image1 {
      width: 50vh;
    }
    .imgTxtSet4 .image3 {
      width: 23vh;
    }
    .imgTxtSet4 .image4 {
      width: 45vh;
    }
    .imgTxtSet4 .image2 {
      width: 30vh;
    }
    .imgTxtSet4>.statTxt {
      margin-top: 3%;
    }
    .imgTxtSet2 .group2 .image4 {
      margin-top: 5vw;
    }
    .imgTxtSet4 .image4::after {
      top: 30%;
      left: -70%;
      width: 75vw;
      height: 50vw;
    }
    .jarallax img {
      height: 100% !important;
      position: absolute !important;
      transform: unset !important;
      margin: 0 !important;
    }
  }
  .slick-slider { padding-bottom: 0px; }
  .HeroBanner .redtriangle { top: 25%; width: 20vw; height: auto; }  
  .retailArea .textColIntro .textBlock , .modeStudio .centerBlock .textBlock,  .textCTARow>div.centerBlock, .esgCommitment .col_1_1_1 .col h6,
  .economyPrinciple .col_1_1_1 .col,  .buildingHotspots .col_1_1 .col { font-size: 20px; }
  .esgCommitment .col_1_1_1 .col p { font-size: 18px; }
  .modeStudio .centerBlock > img { max-width: 200px; }
  .retailArea .textColIntro .centerBlock > img { max-width: 240px;}
  .buildingHotspots .col_1_1 > div:last-child { width: 70%; margin: 0 auto; }
  .HeroBanner.locationTopBanner .centerBlock { max-width: 800px; }
  .HeroBanner.communityTopBanner .centerBlock {max-width: 580px;}
  footer>div small { padding-bottom: 8px;}
  .retailArea .textColIntro .centerBlock h2 { max-width: 750px; }
  .floorplanInfo table tr td { padding: 0 10px 5px 10px; text-align: center; }
  .floorSlider  .slick-track { align-items: flex-start; }
  .floorplanImg, .spaceplanImg { position: unset; }
  .planSlide .floorImage, .floorplanImg, .spaceplanImg { height: auto; min-height: unset; }
  .floorplanInfo table { max-width: 500px; margin: 0 auto; }
  .spaceplanBtnBox { padding-left: 0; }
  .planSlide .floorText { padding-bottom: 0; }
  .floorplanImg, .spaceplanImg { padding: 0 20px; }
  .bottomlegend { margin-top: 0px; }
  .planSlide .floorplanImg a {
    min-height: unset;
    max-height: unset;
  }
  .planSlide .floorText .mapLegends {display: none;}
  .floorImage .mapLegends {display: inline-block;margin-right: auto;}
}

@media screen and (min-width: 951px) {
  .overlayScreen {
    display: none !important;
  }
  .planSlide .floorText .mapLegends img, .floorImage .mapLegends img {
    max-width: 170px;width: 170px; }
}

@media screen and (min-width: 0px) and (max-width: 950px) {
.labelnote{flex-direction: column;align-items: flex-start;}
.labelnote > div:last-child{
  margin-top: 20px;
}
.labelnote > div{
  width: 100%;
}
.pointerTab>div.active ol {
    padding: 0 0 0px 35px;
}
.eventRow > div .bgcaption {
  top: -20px;
}
.eventRow h2 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.eventSlider .eventBlock .metadate {
  font-size: 16px;
  line-height: 20px;
  padding: 0;
}

.esgSummary .centerBlock {
  font-size: 24px;
  /* line-height: 4vw; */
}
.textCTARow>div h2 br, .textCTARow>div h1 br {
  display: none
}

.executiveSummary .col_1_1_1_1 .col {
  padding: 15px 20px; }
}

@media screen and (min-width: 0px) and (max-width: 900px) {
  .fancybox-container.fancybox-custom-layout .fancybox-caption {
    display: none !important
  }

  .fancybox-container.fancybox-custom-layout .fancybox-stage {
    left: 0
  }

  .fancybox-active .overlayScreen.active {
    height: 100%;
  }

  .planDetailcontent {
    text-align: left;
    padding: 50px 20px 0 20px;
    margin-bottom: 100px;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 111;
    position: absolute;
    top: 0;
    overflow: auto;
    display: none;
    color: #000
  }

  .closePanel {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-size: 16px 16px;
    z-index: 1111;
    font-size: 0;
    right: 10px;
    top: 10px;
  }

  .infobtn {
    background-color: #323E48;
    cursor: pointer;
    padding: 10px 70px 10px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 112;
    display: block;
    font-family: 'alternate-gothic-no-2-d', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center
  }

  .closePanel {
    position: absolute;
    right: 10px;
    top: 5px;
    margin: auto;
    filter: grayscale(1) brightness(0.1);
    background: url('../images/close-icon.svg') no-repeat center center;
    background-size: 22px;
    width: 44px;
    height: 44px;
  }

  .infobtn:after {
    content: "";
    background: url('../images/up-arrow-white.svg') no-repeat center center;
    background-size: auto;
    width: 50px;
    height: 50px;
    background-size: 42px 34px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(180deg);
  }

  .active.infobtn:after {
    transform: rotate(0);
  }

  .planDetailcontent h2 {
    font-size: 45px;
    line-height: 55px;
    color: #000;
    text-transform: uppercase;
  }

  .planDetailcontent h4 {
    font-size: 28px;
    line-height: 32px;
    color: #000;
    text-transform: uppercase;
  }
  .theArea .zoomingIcon {
    position: absolute;
    right: 12px;
    top: 15px; }
    .theArea .zoomingIcon svg {
      width: 20px;
      height: 20px;
  }
  .touch .fancybox-custom-layout .fancybox-navigation { width: 100%; }
  .HeroBanner.locationTopBanner br { display: none; }
  .executiveSummary .col_1_1_1_1 .col {
    width: 50%;
  }
  .connection .centerBlock .col_1_1_1_1 .col {
      width: 50%;
    }
    .retailArea .textColIntro .centerBlock h2 {
      max-width: 540px;
    }
    .sheduleArea>div.centerBlock .col.buildingInfo {
      padding: 0 5%;
    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
  .eventSlider .slick-arrow {
    top: max(397px, min(397px +(415 - 397)*((100vw - 768px) /(800 - 768)), 415px));
}

.sheduleArea>div.centerBlock .col.buildingInfo {
  padding: 0;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
  header {
    padding: 20px;
  }
  .HeroBanner.workspaceTopBanner .centerBlock p {
    padding-bottom: 50px;
  }
  .logoIcon {
    width: 35px;
    height: 35px;
  }

  ul.mainMenu li a {
    font-size: 30px;
    line-height: 38px;
  }

  ul.mainMenu li ul.sub-menu li a {
    font-size: 24px;
    line-height: 30px;
  }

  .subMenuTrigger {
    top: 5px;
    width: 32px;
    height: 32px;
    padding: 5px;
  }

  #burgurMenu, #burgurMenu.active {
    right: -10px;
  }
  .page-template-template-availability-workspace-php .HeroBanner,
  .page-template-template-availability-leisure-retail .HeroBanner
    {
      padding-bottom: 0px;
    }
  .HeroBanner .centerBlock {
    padding: 70px 20px 70px 20px;
  }

  .HeroBanner .centerBlock {
    font-size: 20px;
    line-height: 26px;
  }

  h2, .textCTARow h1, .planSlide .floorText h2 {
    font-size: 34px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }

h5 {
    font-size: 24px;
    line-height: 30px;
  }
  .floorSize{
    font-size: 20px;
    padding: 0px 30px 10px;
  }
  .sheduleArea>div.centerBlock h2 {
      margin-bottom: 30px;
  }
  .TabContentWrapper {
    padding: 0px 20px;
  }
  .eventSlider .slick-arrow {
      top: 415px;
  }
  .esgCommitment {
    padding: 80px 10px 60px;
  }

  .pageContent {
    padding: 0px 20px 50px 20px;
  }

  .buildingHotspots {
    padding: 60px 0px;
  }

  .buildingHotspots .redhalf.animated {
    top: -5%;
  }

  .buildingHotspots .redhalf.animated {
    transform: rotate(-75deg) scale(1);
    -webkit-animation: moveredhalf 1.5s linear forwards, redhalf 8s linear 2s infinite normal forwards;
    animation: moveredhalf 1.5s linear forwards, redhalf 8s linear 2s infinite normal forwards;
  }

  @-moz-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 15vw;
    }

    100% {
      left: -3%;
      top: -8vw;
    }
  }

  @-webkit-keyframes moveredhalf {
    0% {
      left: -50%;
      top: 15vw;
    }

    100% {
      left: -3%;
      top: -8vw;
    }
  }

  @keyframes moveredhalf {
    0% {
      left: -50%;
      top: 15vw;
    }

    100% {
      left: -3%;
      top: -8vw;
    }
  }
  .whatsOn {
      padding: 70px 20px 50px 20px;
  }
  .economyImg {
    margin: -5% auto 0px auto;
        padding-top: 48vw;
  }

  .economyPrinciple .greenLeaf {
    top: -15vw;
  }

  .economyPrinciple {
    padding: 80px 0px 0px 0px;
  }

  .esgSummary {
    padding: 80px 20px;
  }

  .economyPrinciple .col_1_1_1 .col {
    width: 100%;
  }

  .tabList ol {
    column-count: 2;
  }

  .executiveSummary .col_1_1_1_1 .col {
    width: 50%;
  }

  .retailArea {
    padding: 70px 30px;
  }

  .textColIntro .col_1_1 .col {
    width: 100%;
    padding: 0px 0px;
  }
  .col_1_1 .col:nth-child(1) p:last-child {
    padding-bottom: 30px
  }

  .textColIntro {
    margin-bottom: 50px;
  }
  .retailArea .textColIntro {
    margin-bottom: 10px;
  }

  .retailArea .ringcircle {
    top: -4vw;
  }

  .textColIntro .bluearrowright {
    top: -14%;
  }

  .eventBlock .textBlock {
    max-width: 90%;

  }
.communityslider .eventBlock .textBlock
{
  margin-bottom: 0px;
}
  .whatsOn .eventBlock{
    width: 100%;
    padding: 20px 0px 70px 0px
  }
.communityslider .eventBlock {
    width: 100%;
    padding: 20px 0px 40px 0px
  }

  .eventBlock .metadate {
    font-size: 18px;
    line-height: 22px;
  }
  .eventSlider .slick-track
  {
    align-items: flex-start;
  }
  .pointerTab
  {
    padding: 20px;
  }

  footer {
    padding: 40px 20px;
  }

  .TabContent .col.downloads>div h6 {
    width: 150px;
  }

  .esgCommitment, .executiveSummary {
    padding: 65px 10px 50px;
  }

  input[type='submit'], input[type=button], input[type=reset], button, .primaryBtn, a.cky-banner-element {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.8px;
  }

  .modeStudio .centerBlock .primaryBtn {
      margin-top: 30px;
  }
  .modeStudio .centerBlock > img {
    width: auto !important;
    margin: 0 auto 30px auto !important;
  }
  .textColIntro .centerBlock > img {
    max-width: 60% !important;
    width: auto !important;
    margin: 0 auto 30px auto !important;
  }
  
  .retailArea .textColIntro .centerBlock > img { max-width: 220px !important;}
  .modeStudio .centerBlock > img {
      margin-bottom: 30px;max-width: 180px;
  }
  .modeStudio .centerBlock h2 {
      margin-bottom: 30px;
      max-width: 100%;
  }

  .textColIntro .centerBlock h5{
    margin-bottom: 30px;
  }
  .modeStudio .rgrcircle.animated {

      left: auto;
      top: auto;
      bottom: 10%;
  }

  .modeStudio .centerBlock .redcircle{
    left: 0px;
    bottom: -12vw;
  }
  .sheduleArea {
    padding: 0px 20px 70px 20px;
  }

  .planSlide .floorText h5.type, .planSlide .floorText h2{
    margin-bottom: 15px !important;
  }
.slick-next.slick-arrow, .slick-prev.slick-arrow{
    background-size: 20px 25px;
}
  .floorSlider .slick-next.slick-arrow {
    right: -10px;
    background-size: 20px 25px;
  }

  .floorSlider .slick-prev.slick-arrow {
    left: -10px;
    background-size: 20px 25px;
  }

  .sheduleArea>div.centerBlock>div {
    padding: 80px 0px 10px 0px;
    margin-bottom: 0px;
  }

  .floorplanWrapper {
    padding-top: 40px;
  }
.floorplanWrapper .triangle
{bottom: -25vw;}
  .connection .centerBlock .col_1_1_1_1 .col {
    width: 50%;
  }

  .labelnote {
    display: block;
    margin-top: 20px;
  }

  .labelnote div:nth-child(2) {
    margin-top: 15px
  }

  .connection, .elizabethLine {
    padding: 70px 20px;
  }

  .esgSummary {
    padding: 70px 50px;
  }

  .connection .centerBlock .col_1_1_1_1 .col .icon {
    width: 140px;
    height: 110px;
  }

  .connection .centerBlock .col_1_1_1_1 .col h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.4px;
  }
  .TabContent .col .contactBlock, .TabContent .col.downloads>div
  {
    padding-top: 25px;padding-bottom: 0;
  }
  .TabContent #downloads {    padding: 0 0 40px;}
.TabContent .col .contactBlock ul
{
  margin-bottom: 20px;
}
  @media all and (orientation: portrait) {
      .HeroBanner {
        height: auto;
        min-height: 55vh;
      }
      .home .HeroBanner { min-height: 480px; }
      
    .HeroBanner .bannerVideo .videoBox > div iframe {
      min-height: 480px;
    }
      .leftPart, .rightPart {
        width: 100vw;
      }
      .leftPart, .rightPart img {
        left: unset;
        right: unset;
      }
      .rightPart, .leftPart img {
        right: unset;
        left: unset;
      }
      .leftPart img {
        left: -275px;
      }
      .rightPart img {
        right: -276px;
      }
    .cityHighlights .scrollcontainer::before {
      left: 120px;
      width: 15vw;
      height: 15vw;
      top: 80px;
    }

    .cityHighlights .scrollcontainer h5 {
      font-size: 12px;
      line-height: 15px;
    }

    .imgTxtSet1 .textImage .textBlock {
      font-size: 14px;
      line-height: 18px;
    }

    .imgTxtSet1 .textImage::after {
      width: 40vw;
      height: 55vw;
    }
    .imgTxtSet4>.statTxt {
      margin-top: -5%;
    }
  .imgTxtSet2 .group1
  {margin-top: 3%;}
    .imgTxtSet2 .group2 .image4 {
      margin-top: 5vw;
    }
  .imgTxtSet3
  {
    margin-left: -15vw;
  }
    .imgTxtSet4 .image4::after {
      top: 45%;
      left: -70%;
      width: 60vw;
      height: 40vw;
    }
    .imgTxtSet3::before
    {left: -14%;}
    .page-template-template-availability-workspace-php .HeroBanner.animated::before, .page-template-template-availability-leisure-retail .HeroBanner.animated::before {
      top: -10%;
      left: -7%;
      width: 45vw;
height: 80vw;
    }

    .HeroBanner .oSquare {
      right: -5%;
      bottom: 5%;
    }

    .eventRow {
      padding: 120px 20px 80px;
    }
    .jarallax::before {
      padding-top: 45%;
    }
    .fullWidthImgRow {
      /* height: 40vh; */
      position: relative;
    }

    .fullWidthImgRow img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
    }

    .textCTARow, .modeStudio {
      padding: 80px 20px;
    }

    .textCTARow .circle {
      top: 70%;
      bottom: -10vw;
    }

    .textCTARow .oSquare {
      bottom:0;
      top: auto;
    }

    .textCTARow .yTraingle {
      bottom: -22vw;
    }

    .textCTARow .greenLeaf {
      top: -18vw;
    }

    .eventRow .blueArrowWrap {
      left: -15vw;
      top: -8.5vw;
    }
    .eventRow {
        padding: 80px 30px 60px;
    }

    .eventRow>div .bgcaption{
      top: 4.5vw;
    }
    .textCTARow>div h5 {
      margin-bottom: 20px;
    }
    .eventRow h2 { margin: 0; padding: max(9px, min(9px + (45 - 9) * ((100vw - 360px) / (767 - 360)), 45px)) 0; }
    .textCTARow>div .primaryBtn {
      margin-top: 10px;
    }
  }
  .executiveSummary .col_1_1_1_1 .col, .connection .centerBlock .col_1_1_1_1 .col {
    padding: 10px; }
    .esgCommitment .col_1_1_1 .col {
      padding: 0 10px 20px; }
      .page-template-template-location-php .textCTARow .redleaf {
        width: 30vw;
        height: auto;
        top: -4vw;
    }
    footer .logoIcon {
      width: 35px;
      height: 35px;
  }
  
  .tabAccoordion {margin-bottom: 15px; }
  .mappointer>div>span {
    width: 12px;
    height: 12px;transform: translateY(-4px);padding: 0;}
  .mappointer>div>span b {
    font-size: 5px; }
    .HeroBanner .centerBlock h1 {
      margin-bottom: 20px;
  }
  .planSlide .floorImage a::before { background-size: 30px; }
    .planSlide .floorImage a::after { width: 60px; height: 60px; }
    
  .economyPrinciple .col_1_1_1 .col {
    padding: 0px 40px 25px; }
    .esgCommitment .col_1_1_1 .col .icon { width: 130px; height: 90px; }
    .imageTextCTARow_Home1 .textCTARow {
      padding-left: 20px;
      padding-right: 20px;
  }
  .sheduleArea>div.centerBlock .col.buildingInfo {padding: 0;}
  .HeroBanner.esgTopBanner br, .HeroBanner.leisureRetail .centerBlock br, .HeroBanner.workspaceTopBanner .centerBlock br {display: none;}
  .heroTab>div a {
    font-size: 20px;
    padding: 15px 10px;
}

.planSlide .floorText .mapLegends, .floorImage .mapLegends {
  padding: 10px 0 5px; }
  /* 767 portrait end */
}
@media screen and (min-width: 0px) and (max-width:576px) {
  body .cky-preference-center {
    max-height: 84vh;
}
.buildingHotspots .col_1_1 > div:last-child  { 
  width: 100%;
}
.hotspotArea>span::before { width: 28px; height: 28px; }
 }
@media screen and (min-width: 0px) and (max-width:550px) {
  .homeLogo { width: 150px; }
  #burgurMenu { width: 50px; height: 50px; }
  .menuIcon {
    position: absolute;
    width: 32px;
    height: 32px; }
  .textCTARow>div.centerBlock {

    letter-spacing: -0.13px;
  }


  .buildingInfo table {
    font-size: 13px;
    line-height: 15px;
  }

  .viewflythrough span {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.6px;
    padding: 20px 20px;
  }
.executiveSummary h2
{padding: 0px 20px;}
  .bottomlegend {
    display: block;
  }

  .legends, .btnWrap {
    width: 100%;
  }

  .btnWrap {
    flex-flow: row wrap;
    justify-content: center;
  }
.bottomlegend ul.planLegends { margin-bottom: 15px; }
.note { margin-bottom: 25px; }
  .btnWrap .spaceplanbtn, .btnWrap .floorplanbtn {
    margin-left: 0px !important;
    /* margin-right: 10px !important; */
  }

  .executiveSummary .col_1_1_1_1 .col h6 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
  }
  .executiveSummary .col_1_1_1_1 .col h6 br {display: none;}
  .modeStudio .yelloCircle { bottom: 0px; }
  .TabContent .col .contactBlock ul, .TabContent .col.downloads>div {
    width: 100%;
    flex-direction: column;
  }

  .TabContent .col .contactBlock ul li {
    width: 100%;
    padding: 10px 0px;
  }

  .TabContent .col.downloads>div div a {
    margin-left: 0px;
  }

  .TabContent .col.downloads>div div {
    margin-top: 10px;
  }

  .tabList ol {
    column-count: 1;
  }
  .page-template-template-location-php .textCTARow .redleaf {
    width: 38vw; }
  .blueprintBatch { left: 0; }
    .sheduleArea > div.centerBlock .col.buildingBlock {
      margin: 0 auto 40px auto;
    }
    .economyPrinciple .greenLeaf { width: 45vw; height: 32vw; }
    footer>div>div {
      width: 40%;
    }
    footer>div>div:nth-child(2) {
      width: 20%;}
      .blueprintBatch { bottom: -10vw; width: 22vw; height: 22vw; }
      .planSlide .floorText .mapLegends img, .floorImage .mapLegends img {
        max-width: 150px;width: 150px;}
        .modeStudio .centerBlock .textBlock table {
          width: 100% !important;
        }
}
@media screen and (min-width: 0px) and (max-width:480px) {
.eventSlider .slick-arrow {
    top: max(273px, min(273px + (400 - 273) * ((100vw - 320px) / (480 - 320)), 400px));
}
.communityslider .slick-next.slick-arrow {
    right: calc(50% - 145px);
  }
  .communityslider .slick-prev.slick-arrow
  {
    left: calc(50% - 145px);
  }
  .eventRow {
    padding: 80px 0;
  }
  .eventBlock { padding: 30px 20px 70px 20px; }
  .eventBlock .imageBlock { width: 80%; }
  .esgCommitment .col_1_1_1 .col {
    padding: 0 15px 15px;
  }
  .floorSlider .slick-arrow {
    width: 40px;
    height: 40px;
}
.eventRow > div {
  padding: 0px 20px;
}
.retailArea .floorplanWrapper {
  padding-top: 0;
}
.floorplanWrapper h2 {
  margin-bottom: 20px;
}

.buildingHotspots .redhalf {
  width: 22vw;
  height: auto;
}
@-moz-keyframes moveredhalf {
  0% {
    left: -50%;
    top: 15vw;
  }

  100% {
    left: -7%;
    top: -11vw;
  }
}

@-webkit-keyframes moveredhalf {
  0% {
    left: -50%;
    top: 15vw;
  }

  100% {
    left: -7%;
    top: -11vw;
  }
}

@keyframes moveredhalf {
  0% {
    left: -50%;
    top: 15vw;
  }

  100% {
    left: -7%;
    top: -11vw;
  }
}
.economyPrinciple .col_1_1_1 .col {
  padding: 0px 0 20px }
  .esgSummary {
    padding: 40px 20px;
}
  .esgSummary .centerBlock { font-size: 20px; }
  @-moz-keyframes moveesgSummarygreenLeaf {
    0% {
      bottom: -40%;
      opacity: 0;
    }

    100% {
      bottom: -7vw;
      opacity: 1;
    }
  }

  @-webkit-keyframes moveesgSummarygreenLeaf {
    0% {
      bottom: -40%;
      opacity: 0;
    }

    100% {
      bottom: -7vw;
      opacity: 1;
    }
  }

  @keyframes moveesgSummarygreenLeaf {
    0% {
      bottom: -40%;
      opacity: 0;
    }

    100% {
      bottom: -7vw;
      opacity: 1;
    }
  }
  .contactHero {
    padding: 120px 20px 0px 20px;
  }
  .textCTARow .circle { width: 25vw; height: 19vw; }
  .textCTARow, .modeStudio {
    padding: 60px 20px;
  }
  .eventRow {
    padding: 80px 0 45px;
  }
  .eventSlider { margin-bottom: 10px; }
  .eventBlock .textBlock { max-width: 100%; }
  .eventBlock .imageBlock { margin: 0 auto 24px auto; }
  .eventBlock h5 { margin-bottom: 20px; }
  .economyPrinciple h2 {
    text-align: center;
    padding: 0px 30px;
    margin-bottom: 20px;
  }
  .economyPrinciple .col_1_1_1 {
    margin-top: 30px;
  }
  .TabContent { padding: 30px 0px 0px 0px; }
  .TabContent .col .contactBlock, .TabContent .col.downloads > div {
    padding: 30px 0 0;
  }
  .TabContent .col {
    padding: 0px 0 0;
  }
  .sheduleArea > div.centerBlock > div {
    padding: 60px 0px 10px 0px; }
  .sheduleArea {
    padding: 0px 20px 50px 20px;
  }
  .retailArea {
    padding: 60px 20px;
  }
  .modeStudio .centerBlock > img, .textColIntro .centerBlock > img {
    max-width: 50% !important; }
    
  .retailArea .textColIntro .centerBlock > img { max-width: 50% !important;}
    .modeStudio .rgrcircle, .modeStudio .centerBlock .redcircle {display: none;}
    footer>div>div {
      width: 100%;
    }
    footer>div>div:nth-child(2) {
      width: 100%;order: -1;}
      footer>div {
        flex-wrap: wrap;
        gap: 20px;    text-align: center;justify-content: center;
    }
    footer>div>div:nth-child(3) {
      text-align: center;    margin-top: 10px;width: 70%;
  }
  .imageTextCTARow_Home1 .centerBlock p {
    max-width: 320px; }
    .heroTab>div a {
      font-size: 18px;
      padding: 12px 6px;
  }
  .retailArea .textColIntro .centerBlock h2 {
    max-width: 330px;
  }

  .buildingInfo table tr td {
    padding: 6px 5px 9px 5px;
  }
  table ~ .desclaimer {
    padding-left: 5px;
  }
  .buildingInfo table tr th, .buildingInfo table tr.totalRow td {
    font-size: 12px;
    letter-spacing: 0.36px;
    padding: 6px 5px 7px 5px;
  }
}

@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) {
  .modeStudio .centerBlock .redcircle{
    left: 0px;
    bottom: -13vw;
  }
  .modeStudio .yelloCircle
  {
    bottom: 0px;
  }
.floorplanWrapper .triangle
{bottom: -25vw;}
  .modeStudio .bluearrowrightWrap{
    left: -10%;
  }
  .cityHighlights .scrollcontainer::before {
    left: 120px;
    width: 12vw;
    height: 12vw;
    top: 80px;
  }

  .imgTxtSet1 .image1 {
    width: 30vh;
  }

  .imgTxtSet1 .image2 {
    width: 45vh;
  }

  .statTxt div.number {
    font-size: 30vw;
    line-height: 30vw;
  }

  .imgTxtSet1 .statTxt {
    right: -35%;
  }

  .imgTxtSet2::before {
    width: 80vw;
    height: 40vw;
    top: 15%;
  }

  .imgTxtSet1 .textImage::after {
    width: 30vw;
    height: 45vw;
  }

  .imgTxtSet2 .image1 {
    width: 45vh;
  }

  .imgTxtSet2 .image2 {
    width: 50vh;
    z-index: -2;
  }

  .imgTxtSet2 .group1 .statTxt, .imgTxtSet2 .group2 .statTxt {
    margin-top: -10%
  }

  .imgTxtSet2 .group1 .image3 {
    width: 25vh;
  }

  .imgTxtSet2 .group2 .image4, .imgTxtSet3 .image1 {
    width: 40vh;
  }

  .imgTxtSet2 .group2::before {
    width: 16vw;
    height: 16vw;
  }

  .imgTxtSet3::before {
    width: 25vw;
    height: 25vw;
    left: -15%;
  }
  .imgTxtSet2 .group1 .statTxt div.text, .imgTxtSet3 .statTxt div.text {
      padding: 20px 0px 0px 20%;

  }
  .imgTxtSet3 .image2 {
    width: 35vh;
  }

  .imgTxtSet3 .textImage::after {
    bottom: -10%;
    right: 15%;
    width: 60vw;
    height: 40vw;
  }

  .imgTxtSet4 .image1 {
    width: 50vh;
  }

  .imgTxtSet4 .image3 {
    width: 23vh;
  }

  .imgTxtSet4 .image4 {
    width: 45vh;
  }

  .imgTxtSet4 .image2 {
    width: 30vh;
  }

  .imgTxtSet4>.statTxt {
    margin-top: -5%;
  }
.imgTxtSet2 .group1
{margin-top: 3%;}
  .imgTxtSet2 .group2 .image4 {
    margin-top: 5vw;
  }
.imgTxtSet3
{
  margin-left: -15vw;
}
  .imgTxtSet4 .image4::after {
    top: 45%;
    left: -70%;
    width: 60vw;
    height: 40vw;
  }

  .HeroBanner {
    height: 60vh;
  }
  
.home .HeroBanner {height: 600px;}
 
.HeroBanner .bannerVideo .videoBox {
  height: 100%;
  min-height: 100%;
}
.HeroBanner .bannerVideo .videoBox > div iframe {
  height: 56.25vw;
  min-height: 600px;
}

  .textCTARow, .modeStudio {
    padding: 80px 50px;
  }

  .textCTARow .circle {
    bottom:-10vw;
    top: 60%;
  }

  .textCTARow .oSquare {
    bottom:0;
    top: auto;
  }

  .textCTARow .yTraingle {
    bottom: -25%;
  }

  .textCTARow .greenLeaf {
    top: -16vw;
  }
  .eventRow {
      padding: 80px 50px;
  }
  .esgSummary {
    padding: 80px 100px;
  }
}

@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) {
  .HeroBanner .redtriangle {

      right: 5%;
      top: 5%;
      width: 30vw;
      height: 30vw;
    }

  .cityHighlights .scrollcontainer::before {
    left: 100px;
    width: 8vw;
    height: 8vw;
    top: 70px;
  }
  .imgTxtSet4 .image4::after {
    top: 60%;
    left: -75%;
    width: 30vw;
    height: 20vw;
}
.imgTxtSet4>.statTxt {
    margin-top: -6%;
}
.imgTxtSet3::before
{
  left: -15%;
}


  .nextScroll {
    bottom: 150px;
  }

  .imgTxtSet2::before {
    width: 45vw;
    height: 30vw;
  }
}

@media (orientation: landscape) and (max-height:525px), (max-width:525px) {
  .HeroBanner .playIcon {
    height: 120px;
    width: 120px;
  }
  input[type='submit'], input[type=button], input[type=reset], button, .primaryBtn, a.cky-banner-element,
  .borderButton {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.6px;
    padding: 8px 15px;min-width: 190px;
  }
  .eventBlock { padding: 40px 20px 20px 20px; }
  .theArea .zoomingIcon button { padding: 18px; }
  .theArea .zoomingIcon button::before {
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px); }
  .theArea .zoomingIcon svg {
    width: 17px;
    height: 17px;
  }
  .TabContent .col.downloads > div h6 {
    margin-bottom: 0px;
  }
  .gallerySlider { padding: 35px 0px 0; }
  .viewflythrough span {
    font-size: 18px;
    line-height: 30px; }
    .gallerySlider .slick-arrow.slick-prev {
      left: 10px;
    }
    .gallerySlider .slick-arrow.slick-next {
      right: 10px;
    }
    .connection .centerBlock .col_1_1_1_1 .col .icon {
      width: 140px;
      height: 130px;
    }
    .connection .centerBlock h2, .executiveSummary h2 { margin-bottom: 20px; }

    .retailArea .textColIntro .textBlock, .modeStudio .centerBlock .textBlock, .textCTARow>div.centerBlock , .esgCommitment .col_1_1_1 .col h6,
    .economyPrinciple .col_1_1_1 .col,  .buildingHotspots .col_1_1 .col { font-size: 18px; }
    .esgCommitment .col_1_1_1 .col p { font-size: 18px; }
    .esgCommitment .col_1_1_1 .col h6 { margin-bottom: 10px; }
    
    .retailArea .textColIntro .textBlock p, .modeStudio .centerBlock .textBlock p, .textCTARow>div.centerBlock p {padding-bottom: 15px;}
    footer>div small { padding-bottom: 5px;}
    .floorplanInfo, .floorplanInfo table tr td,.floorplanInfo table tr th { font-size: 16px; 
      padding-bottom: 10px;}
}