@media screen and (min-width: 0px) and (max-width:1600px) {
h1 {font-size: 90px; line-height: 90px;}
h2 {font-size: 64px; line-height: 70px;}
.HeroSecCaption h1{ padding: 0 20px;}
.bigfont{ font-size:120px; line-height: 128px;}
.LargeCaption{ padding: 110px 0px;}
.Small-Img, .smallText1, .SmallText2{ padding-bottom: 120px;}
.title{padding: 120px 20px 80px;}
.SummarySpec{ padding: 0px 0 70px;}
.SummarySpec ul, .SustainabilitySection ul{margin-top: -70px;}
.SustainBottom{ padding-bottom: 160px;}
.SustainTop{padding: 120px 0 160px}
.Availabilitytop {padding: 100px 0 200px;}
.floorplan .flexWrap { padding: 0 40px 50px 40px;}
.slick-arrow.slick-next { right: calc(100% - 98%);}
.floorTotal {margin: 40px 0 0;}
.floorTotal .col{ margin-bottom: 20px;}
.floorTotal span {font-size: 60px; line-height: 68px;}
.floorTotal sup, .floorTotal sub {font-size: 34px;line-height: 50px;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption{padding: 20px!important; padding-top: 40px !important;}
.topbox{margin-bottom: 30px;}
.slick-arrow.slick-next{ right: 40px !important;}
.floorplan ul{ margin-top: -60px;}
.SustainTop{ background-size: cover;}
footer .GetIntouch{ width: 53%;}
footer .footerMain { width: 28%;}
.GetIntouch .col {width: 33%;}
.logoBox img{ max-height: 68px; width: auto;}
.container_1600{ padding: 0 40px;}
}

@media screen and (min-width: 0px) and (max-width:1440px) {
h1 {font-size: 80px; line-height: 80px;}
h2 {font-size: 60px; line-height: 66px;}
h5 {font-size: 28px;line-height: 36px;}
h6 {font-size: 26px;line-height: 32px;}
#page-wrap{ padding-top: 100px;}
.SustainTop{ font-size: 76px; line-height: 86px;}
.Smalltext{ font-size: 34px;}
.bigfont{ font-size:110px; line-height: 118px;}
.LargeCaption{ padding: 100px 0px;}
.Small-Img, .smallText1, .SmallText2{ padding-bottom: 100px;}
.SummarySpec{ padding: 0px 0 50px;}
.title{padding: 100px 20px 80px;}
.SummarySpec h5, .SustainabilitySection h5{ margin-top: 16px;}
.SustainBottom{ padding-bottom: 120px;}
.SustainTop{padding: 100px 0 140px}
.Availabilitytop {padding: 90px 0 180px;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption{ width: 380px;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage{ left: 380px;}
.fancybox-custom-layout .fancybox-button--arrow_left{ left: 400px !important}
.floorTotal sup, .floorTotal sub{font-size: 30px;line-height: 38px;}
.floorTotal span {font-size: 54px; line-height: 62px;}
.floorTotal { margin: 20px 0 0;}
.spaceplanimage { margin-top: 10px;}
.floorplan .col-9 img{ width: 80%;}
.floorplan ul{ margin-top: -80px;}
.floorplan .Heading{top: -114px;}
.SustainBottom.noSpace {margin-bottom: -60px;}
.tabSec{ padding-top: 34px;}
.floorplan .Heading{left:-1.5vw;}
.SustainabilitySection .Heading{left: -1.2vw}
.Heading{ font-size: 12.3vw;}
.SummarySpec .Heading { left: -1.1vw;}
}


@media screen and (min-width: 0px) and (max-width:1400px) {
.Row.scrollSlide[data-slide="0"]:before { width: 60px;
    background-size: 60px;
    right: -70px;
    height: 222px;
    top: 50%;}
    .Row.scrollSlide[data-slide="6"]:before{background-size: 60px;right: -70px;width: 60px;height: 60px;}
}

@media screen and (min-width: 0px) and (max-width:1366px) {
.Availability h3 {font-size: 60px; line-height: 70px;}
.Table {padding: 0 80px 0 0;}
.RowTitle{ max-width: inherit;}
.titleAvail {font-size: 34px;line-height: 44px;margin: 0 0 40px;}
.Row { font-size: 26px; line-height: 34px; max-width:inherit;}
.SustainTop{ font-size: 70px; line-height: 80px;}
.Smalltext{ font-size: 32px;}
.SustainBottom{ padding-bottom: 100px;}
.tabSec{ padding-top: 30px;}
footer {padding: 60px 0px 50px 0px; font-size: 13px;}
.footerMenu{ font-size: 13px;}
.footerLogo {margin: 0 0 30px;}
.cata{background-size: 69px;width: 69px;}
}

@media screen and (min-width: 0px) and (max-width:1280px) {
h1 {font-size: 70px; line-height: 74px;}
h2 {font-size: 56px; line-height: 60px;}
h5 {font-size: 26px;line-height: 32px;}
h6 {font-size: 24px;line-height: 30px;}
.bigfont{ font-size:90px; line-height: 108px;}
.SustainTop{ font-size: 66px; line-height: 76px;}
.Smalltext{ font-size: 30px;}
.LargeCaption{ padding: 80px 40px;}
.Small-Img, .smallText1, .SmallText2{ padding-bottom: 80px;}
.SummarySpec{ padding: 0px 0 30px;}
.title{padding: 80px 20px 60px;}
.SummarySpec ul, .SustainabilitySection ul {margin-top: -90px;}
.SustainTop{padding: 80px 0 120px}
.Availability h3 {font-size: 50px; line-height: 60px;}
.Table {padding: 0 100px 0 0;}
.titleAvail {font-size: 30px;line-height: 40px;margin: 0 0 30px;}
.Row { font-size: 22px; line-height: 32px; max-width:inherit;}
.floorplan ul{ margin-top: -100px;}
.Availabilitytop {padding: 80px 0 160px;}
.topscroll{ width: 12% !important;}
.tabSec { padding-top: 16px;}
footer .GetIntouch{ padding-left: 10px !important}
footer .GetIntouch .col p{ padding-bottom: 14px;}
footer {padding: 60px 0px 40px 0px;}
.SustainBottom.noSpace {margin-bottom: -80px;}
.view{width: 100px; height: 100px; right: -130px; margin-top:-20px;}
.view a{ background-size: 94px; }
.cata {background-size: 65px;width: 65px;}
footer .flexWrap > div .footerMenu::before, footer .flexWrap > div::before{    transform: rotate(23deg);}
.Gallery.flexWrap{ max-width: 80%;}
}

@media screen and (min-width: 0px) and (max-width:1100px) {
h1 {font-size: 60px; line-height: 68px;}
h2 {font-size: 52px; line-height: 60px;}
h5 {font-size: 24px;line-height: 30px;}
h6 {font-size: 22px;line-height: 28px;}
#page-wrap{ padding-top: 80px;}
.topbox span{ font-size: 22px;}
.SustainTop{ font-size: 60px; line-height: 70px;}
.LargeText p { padding-bottom: 32px;}
.Smalltext{ font-size: 28px;}
.SummarySpec li, .SustainabilitySection li{ padding: 0 20px 50px}
.bigfont{ font-size:80px; line-height: 98px;}
.LargeCaption{ padding: 80px 20px;}
.Small-Img, .smallText1, .SmallText2{ padding-bottom: 60px;}
.SummarySpec{ padding: 0px 0 20px;}
.title{padding: 60px 20px 50px;}
.SummarySpec ul, .SustainabilitySection ul{margin-top: -120px;}
.SummarySpec .Heading{top: -128px;}
.SustainBottom{ padding-bottom: 80px;}
.floorTotal sup, .floorTotal sub{font-size: 26px;line-height: 34px;}
.floorTotal span {font-size: 44px; line-height: 52px;}
.jarallax{ height: 70vh;}
.floorplan ul{ margin-top: -120px;}
.Availabilitytop {padding: 80px 0 120px;}
.SustainTop{padding: 80px 0 100px}
/* .GetIntouch .col {width: 100%;} */
footer .footerMain {width: 37%;padding-left: 0 !important; order:2;}
footer .GetIntouch{width: 100%;}
.GetIntouch .col { width: 38%;}
footer .footerLargeMenu{ padding-left: 10px !important; margin-top: 30px;}
footer .flexWrap > div .footerMenu::before, footer .flexWrap > div::before{ transform: rotate(22deg);}
.fancybox-custom-layout .fancybox-inner .fancybox-caption{ width: 340px;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage{ left: 340px;}
.fancybox-custom-layout .fancybox-button--arrow_left{ left: 360px !important}
/* .GetIntouch .col:last-child{ margin-top: 26px} */
.logoBox {margin: 0 0 16px;}
.SustainBottom.noSpace {margin-bottom: -120px;}
.SummarySpec li img, .SustainabilitySection li img{ max-width: 170px;  max-height: 170px;}
.fixline, .SustainBottom{ background-attachment: inherit;}
.Gallery.flexWrap .slick-arrow.slick-prev { left: -80px !important;}
.Gallery.flexWrap .slick-arrow.slick-next {right: -80px !important;}
}

@media screen and (min-width: 0px) and (max-width:1024px) {
  .infoBox { max-height: 46vh;}
  }

@media screen and (min-width: 0px) and (max-width:1023px) {
.SummarySpec li{ width: 33.33%;}
.topscroll { width: 13% !important;}
}

@media screen and (min-width: 0px) and (max-width:991px) {
.bigfont{ font-size:70px; line-height: 86px;}
.jarallax{ height: 60vh;}
}
@media screen and (min-width: 0px) and (max-width:950px) {

}

@media screen and (min-width: 0px) and (max-width:900px) {
.Availabilitytop {padding: 60px 0 120px;}
.Row{ max-width: inherit;}
.panel img{ margin: 0px auto;}
.HeroSecCaption h1, .LargeCaption > div {max-width: 88%;}
.tabSec{ padding-top: 20px;}
.footerLogo {margin: 0 auto 40px;display: block;text-align: center;}
footer .flexWrap > div .footerMenu::before, footer .flexWrap > div::before { transform: rotate(12deg);}
footer h6{ padding-bottom: 20px;}

.SummarySpec li img, .SustainabilitySection li img {max-width: 160px; max-height: 160px;}
.spaceplanimage{ padding: 8px 14px;font-size: 18px;}
.floorplan .col-3{ width: 32%;}
.floorplan .col-9{ width: 68%;}
.slick-arrow.slick-prev { left: calc(100% - 67%) !important;}
.Row.scrollSlide[data-slide="0"] .leftSide, .Row.scrollSlide[data-slide="7"] .leftSide{ width: 100%; }
}

@media screen and (min-width: 0px) and (max-width:850px) {
h1 {font-size: 56px; line-height: 60px;}
h2 {font-size: 48px; line-height: 56px;}
h5 {font-size: 22px; line-height: 28px;}
h6 {font-size: 20px;line-height: 26px;}
.SustainTop{ font-size: 52px; line-height: 62px;}
.LargeText p { padding-bottom: 28px;}
.Smalltext{ font-size: 24px;}
.SummarySpec h5, .SustainabilitySection h5 {margin-top: 10px;}
.SummarySpec ul, .SustainabilitySection ul{margin: -140px -20px 0;}
.SustainBottom{ padding-bottom: 60px;}
.SustainTop{padding: 60px 0 80px}
.Availabilitytop {padding: 60px 0 100px;}
.floorTotal sup, .floorTotal sub{font-size: 24px;line-height: 32px;}
.floorTotal span {font-size: 36px; line-height: 44px;}
.floorplan ul{ margin-top: -160px;}
.floorplan .Heading {top: -122px;}
.tabs li{ padding-right: 22px;}
}

@media screen and (min-width: 0px) and (max-width:768px) {
.title{padding: 60px 20px 40px;}
.SustainBottom{ padding-bottom: 50px;}
}

@media screen and (min-width: 0px) and (max-width:767px) {
body.showbtn .bottomfixBox{opacity:1; visibility:visible;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption {right: -100%; left: auto; width: 100%;}
body.showCaption .fancybox-custom-layout .fancybox-inner .fancybox-caption {right: 0;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage{ left: 0;}
.fancybox-custom-layout .fancybox-button--arrow_left{ left: 10px !important;}
.fancybox-custom-layout .fancybox-button--arrow_right {right: 10px!important;}
.infoBox ul {max-width: inherit;}
.topbox { margin-bottom: 20px;}
.legend{ padding-top: 10px;}
.fancybox-caption{font-size: 18px !important; line-height: 26px !important;}
.slick-arrow.slick-prev { left: 40% !important;bottom: 24px;}
.slick-arrow.slick-next {right: 40% !important; bottom: 24px;}
.infoBox{ padding-right: 14px;}
.showCaption .fancybox-toolbar{ display: none;}
.Table {padding: 0 70px 0 0;}
.Availabilitytop .col-6{ width: 100%;}
.tabSec{ padding-top: 60px;}
.bigfont {font-size: 64px; line-height: 80px;}
.container_1600{ padding: 0 20px;}

.floorplan .col-3{ width: 100%; margin-bottom: 40px; position: relative;}
.floorplan .col-9{ width: 100%;}
.floorTotal{ margin-top: 0;}
.slick-arrow.slick-prev { left: 40% !important;top: auto; bottom: 24px;}
.slick-arrow.slick-next {right: 40% !important; top: auto; bottom: 24px;}
.floorplan .flexWrap {padding: 0 20px 100px 20px;}
.floorplan ul{ margin-top: -140px;}
.spaceplanimage {position: absolute; right: 0; top: calc(50% - 40px);}

footer .flexWrap > div{ width: 100% !important;text-align: center; padding-bottom: 0px; display: block; padding: 0 !important}
footer .flexWrap > div .footerMenu::before, footer .flexWrap > div::before{content: ''; display: block; width: 200px; height: 1px; top: 0%; left: 0%; transform: rotate(0deg); transform-origin: top; position: relative; margin: 30px auto;}
footer .GetIntouch {order: 1;}
footer .footerMain{order: 3;}
footer .topscroll{ order: 4; position: relative !important;}
.footerLogo {margin: 0 auto 0px;}
.view{right: 0;position: fixed;left: 20px;top: 20px;margin-top: 0}
.view span {background-size: 90px;}
.logoBox img{ margin: 0px auto;}
.GetIntouch .col:nth-child(2){ margin-top: 40px;}
.GetIntouch .col ul{display: flex; align-items: flex-start;flex-flow: row wrap;justify-content: center;}
.GetIntouch .col ul li{padding: 10px 20px; width: auto !important;}

.Gallery.flexWrap .slick-arrow{ background-size: 40px !important}
.Gallery.flexWrap .slick-arrow.slick-prev {left: -60px !important;}
.Gallery.flexWrap .slick-arrow.slick-next {right:-60px !important;}
}

@media screen and (min-width: 0px) and (max-width:685px) {
h1 {font-size: 50px; line-height: 54px;}
h2 {font-size: 44px; line-height: 52px;}
.SustainTop{ font-size: 46px; line-height: 54px;}
.Smalltext{ font-size: 22px;}
.bigfont{ font-size:60px; line-height: 74px;}
.LargeCaption{ padding: 60px 20px;}
.SummarySpec li, .SustainabilitySection li{ width:50%; padding: 0 20px 40px;}
.SustainTop{padding: 50px 0 60px}
.Availabilitytop {padding: 50px 0 100px;}
.floorplan ul{ margin-top: -180px;}
.SustainBottom.noSpace {margin-bottom: -150px;}
}

@media screen and (min-width: 0px) and (max-width:568px) {
h1 {font-size: 46px; line-height: 50px;}
h2 {font-size: 42px; line-height: 50px;}
.floorTotal sup, .floorTotal sub{font-size: 22px;line-height: 30px;}
.floorTotal span {font-size: 36px; line-height: 42px;}
.bigfont{ font-size:50px; line-height: 64px;}
.LargeCaption{ padding: 60px 30px;}
.title{padding: 50px 20px 40px;}
.jarallax{ height: 44vh;}
.SustainabilitySection .Heading{ top: -130px;}
.footerLogo .logo { max-width: 160px;}
.slick-arrow{ background-size: 40px !important}
}

@media screen and (min-width: 0px) and (max-width:480px) {
  body{ font-size: 18px; line-height: 24px;}
h1 {font-size: 40px; line-height: 44px;}
h2 {font-size: 36px; line-height: 42px;}
.floorTotal sup, .floorTotal sub{font-size: 20px;line-height: 28px;}
.floorTotal span {font-size: 32px; line-height: 40px;}
.floorplan ul{ margin-top: -190px;}
.floorplan .Heading {top: -126px;}
.SustainTop{ font-size: 40px; line-height: 50px;}
.SummarySpec h5, .SustainabilitySection h5 {margin-top: 6px;}
.bigfont{ font-size:38px; line-height: 46px;}
.LargeCaption{ padding: 50px 20px;}
.SummarySpec ul, .SustainabilitySection ul{margin: -160px -20px 0;}
.Heading{-webkit-text-stroke-width: 2px;}
.SustainBottom { padding-bottom: 30px;}
.jarallax{ height: 40vh;}
.SustainTop{padding: 40px 0 40px}
.Availability h3 {font-size: 36px; line-height: 42px;}
.tabSec {padding-top: 50px;}
.Availabilitytop {padding: 40px 0 90px;}
.Table {padding: 0 70px 0 0;}
.titleAvail {font-size: 24px;line-height: 30px;margin: 0 0 30px;}
.Row { font-size: 22px; line-height: 32px; max-width:inherit;}
.RowTitle {font-size: 18px; line-height: 26px;}
.Row {font-size: 18px; line-height: 26px;}
.floorplan .flexWrap { padding: 0 20px 80px 20px;}
.pageNotFound h2 {font-size: 100px; line-height: 110px; margin-bottom: 0;}
.slick-arrow.slick-prev { left: 38% !important;bottom: 24px;}
.slick-arrow.slick-next {right: 38% !important; bottom: 24px;}
.SustainBottom.noSpace {margin-bottom: -180px;}
.plain{display: none;}
.cata {
    background-size: 56px;
    width: 56px;
}
.Gallery.flexWrap .slick-arrow{top: 43% !important;}
.Gallery.flexWrap .slick-arrow{ background-size: 30px !important}
.Gallery.flexWrap .slick-arrow.slick-prev {left: -50px !important;}
.Gallery.flexWrap .slick-arrow.slick-next {right:-50px !important;}
}

@media screen and (min-width: 0px) and (max-width:441px) {
h1 {font-size: 38px; line-height: 42px;}
h2 {font-size: 32px; line-height: 40px;}
#page-wrap{ padding-top: 60px;}
.logo{ max-width: 160px;}
.SustainTop{ font-size: 30px; line-height: 38px;}
.LargeText p { padding-bottom: 20px;}
.SummarySpec ul, .SustainabilitySection ul {margin: -180px -20px 0;}
.jarallax{ height: 36vh;}
.slick-arrow.slick-prev { left: 30% !important;}
.slick-arrow.slick-next {right: 30% !important;}
.infoBox {max-height: 47vh;}
.HeroSecCaption h1, .LargeCaption > div {max-width: 90%;}
.floorplan .Heading{font-size: 14.9vw;}
.Heading { font-size: 12.1vw;}
.SummarySpec .Heading{font-size: 12.4vw}
}

@media screen and (min-width: 0px) and (max-width:414px) {
  a.down{bottom: 54px}
  .tabs li{ padding: 0 20px 0 0}
  .tabs a{ font-size: 16px;}
  .Gallery.flexWrap .slick-arrow{top: 50% !important;}
}

@media screen and (min-width: 0px) and (max-width:385px) {
h1 {font-size: 34px; line-height: 38px;}
h2 {font-size: 30px; line-height: 36px;}
.floorplan ul{ margin-top: -210px;}
.floorplan .Heading {top: -130px;}
.SustainBottom.noSpace {margin-bottom: -200px;}
.GetIntouch .col ul li{width: 100% !important}
}

@media screen and (min-width: 0px) and (max-width:375px) {
.SummarySpec ul, .SustainabilitySection ul{margin: -200px -20px 0;}
.slick-arrow.slick-prev { left: 34% !important;}
.slick-arrow.slick-next {right: 34% !important;}
.infoBox {max-height: 38vh;}
.legend {padding-top: 0;}
.spaceplanimage { padding: 4px 10px; font-size: 15px;}
}

@media screen and (min-width:320px) and (max-width:915px) and (orientation:landscape) {
.HeroSecCaption{ height: 100%;}
.HeroSecCaption h1{ position: relative; top: 0 !important; transform: none !important; padding-top: 160px !important;padding-bottom: 150px;}
.fancybox-custom-layout .fancybox-caption__body{ overflow: auto !important;}
}

/* @media all and (orientation: portrait) {
body.showbtn .bottomfixBox{opacity:1; visibility:visible;}
} */