@media screen and (min-width: 1921px) {
	.PromoCards .rightcard > div > div .TextBlock h2 {
		font-size: 83px;
		line-height: 86px;
		letter-spacing: -7.13px;
	}

	.pageIntro > div h2 {
		font-size: 80px;
		line-height: 73px;
		margin-bottom: 40px;
	}

	h1 {
		font-size: 80px;
		line-height: 73px;
		letter-spacing: 0;
	}

	.NeighbourhoodMap > div {
		min-height: 40vh;
	}

	.titleLeftRightImgTxt .col_1_1 .col .BigText {
		font-size: 100px;
		line-height: 83px;
		letter-spacing: -5px;
	}
	.downloadlist h4
	{
	  font-size: 33px;
	  line-height: 40px;
	}
	.SmallText
	{
	  font-size: 50px;
	  line-height: 44px;
	  letter-spacing: -2.5px;
	}
	.BigText{
	  font-size: 70px;
	  line-height: 60px;
	  letter-spacing: -3.5px;
	}
	.singlequoteTxt
	{
	  font-size: 55px;
	  line-height: 50px;
	  letter-spacing: -2.75px;
	}
	.quoteTxt
	{
	  font-size: 55px;
	  line-height: 50px;
	  letter-spacing: -2.75px;
	}
	.QuoteTextBg .authorname {
    font-size: 30px;
    line-height: 36px;
	}
}

@media screen and (min-width: 0px) and (max-width:1700px) {
	.logo {
		width: 160px;
	}

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

	.menu {
		padding-left: 20px;
		padding-right: 0;
		max-width: 100%;
		width: calc(100% - 180px);
	}
}


@media screen and (min-width: 0px) and (max-width:1650px) {
	.KeyTimeline > div span b {
    font-size: 40px;
    line-height: 50px;
	}
	.KeyTimeline > div.block > div:nth-child(1) span {

    font-size: 18px;
    line-height: 22px;
	}
	.KeyTimeline > div.block > div:last-child > span
	{
		font-size: 20px;
		line-height: 26px;
		margin-right: -25px;
	}
	.keyjourneyWrapper .KeyJourney:nth-child(1) .KeyTimeline > div.block > div:nth-child(2) {
    margin-right: -75%;
}
.keyjourneyWrapper .KeyJourney:nth-child(2) .KeyTimeline > div.block > div:nth-child(2) {
    margin-right: -100%;
}
.keyjourneyWrapper .KeyJourney:nth-child(3) .KeyTimeline > div.block > div:nth-child(2) {
    margin-right: -90%;
}
}

@media screen and (min-width: 0px) and (max-width:1600px) {
	ul.mainMenu li {
		padding: 0 10px;
	}

	.historySection .col_1_1 .col:nth-child(1) {
		margin-top: -10vw;
	}

	footer > div:nth-child(1) > div:nth-child(3) {
		font-weight: 600;
		font-size: 26px;
		line-height: 31px;
		width: 25%;
	}

	footer > div:nth-child(1) > div:last-child {
		width: 15%;
	}

	.footerAddress {
		width: 45%;
	}
}

@media screen and (min-width: 0px) and (max-width:1500px) {
	.historySection .col_1_1 .col:nth-child(1) {
		margin-top: 0vw;
	}
}

@media screen and (min-width: 0px) and (max-width:1450px) {
	ul.mainMenu li {
		padding: 0 8px;
	}
}

@media screen and (min-width: 0px) and (max-width:1400px) {
	.KeyJourney > div {
		display: block;
	}

	.KeyJourney > div > div:nth-child(1) h6 {
		color: #5f249f;
		font-size: 30px;
		text-align: center;
		line-height: 35px;
		padding-top: 30px;
		font-weight: 400;
	}

	.KeyTimeline {
		width: 100%;
		padding-left: 130px;
	}
.KeyJourney > div > div:nth-child(2) .icon1
{
	left: 0px;
}
	.KeyJourney > div > div:nth-child(2) .icon {
		left: 65px;
	}
.KeyTimeline::before
{
	left: 130px;
}
.KeyJourney > div > div:nth-child(1)
{
	margin-top: 0;
}
.KeyTimeline > div.block > div:nth-child(1) {
    height: 150px;
	}
	.KeyTimeline > div
	{
		height: 500px;
	}
	.KeyTimeline > div.block::after, .KeyTimeline > div.block::before,
	.KeyTimeline::before, .KeyJourney > div > div:nth-child(2) .icon, .KeyJourney > div > div:nth-child(2) .icon1
	{
		top: 33%;
	}

.KeyTimeline > div.block > div:last-child > span
{
	margin-right: -10px;
}


	.logo {
		opacity: 0;
	}

	header.gescout-show .logo {
		opacity: 1;
	}

	.menu {
		width: auto;
	}

	header {
		background-color: transparent;
	}

	header > div {
		padding: 15px 20px;
		justify-content: center;
	}

	#menu-toggle {
		width: 40px;
		height: 35px;
		position: fixed;
		cursor: pointer;
		right: 15px;
		top: 15px;
  	/* z-index: 11; */
		z-index: 100006;
  	/* background: #fff; */;
	}

	#menu-toggle * {
		transition: .25s ease-in-out;
	}

	#menu-toggle #hamburger {
		position: absolute;
		height: 100%;
		width: 100%;
	}

	#menu-toggle #hamburger span {
		width: 27px;
		height: 2px;
		position: relative;
  	/* top: 1px;
  	left: 1px; */
		margin: 4px auto;
	}

	#menu-toggle #hamburger span:nth-child(1) {
		transition-delay: .5s;
		margin-top: 9px;
	}

	#menu-toggle #hamburger span:nth-child(2) {
		transition-delay: .625s;
	}

	#menu-toggle #hamburger span:nth-child(3) {
		transition-delay: .75s;
	}

	#menu-toggle #cross {
		position: absolute;
		height: 100%;
		width: 100%;
		transform: rotate(45deg);
		right: -2px;
		top: 0;
	}

	#menu-toggle #cross span:nth-child(1) {
		height: 0%;
		width: 2px;
		position: absolute;
		top: 5px;
		left: 18px;
		transition-delay: 0s;
		border: 0 !important;
		background-color: #fff;
	}

	#menu-toggle #cross span:nth-child(2) {
		width: 0%;
		height: 2px;
		position: absolute;
		left: 5px;
		top: 18px;
		transition-delay: .25s;
		background-color: #fff;
		border: 0 !important;
	}

	#menu-toggle.open #hamburger span {
		width: 0%;
	}

	#menu-toggle.open #hamburger span:nth-child(1) {
		transition-delay: 0s;
	}

	#menu-toggle.open #hamburger span:nth-child(2) {
		transition-delay: .125s;
	}

	#menu-toggle.open #hamburger span:nth-child(3) {
		transition-delay: .25s;
	}

	#menu-toggle.open #cross span:nth-child(1) {
		height: 28px;
		transition-delay: .625s;
	}

	#menu-toggle.open #cross span:nth-child(2) {
		width: 28px;
		transition-delay: .375s;
	}

	#menu-toggle span {
		display: block;
		border-top: 2px solid #5F249F;
		border-bottom: 2px solid #fff;
  	/* background: #5F249F; */
		border-radius: 0;
	}

	.overlay-navigation {
		position: fixed;
		z-index: 100000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		overflow: auto;
		background: #5F249F;
	}

	.overlay-navigation > div {
		height: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}

	.overlay-navigation nav {
		height: auto;
		width: 100%;
		overflow: auto;
		padding: 20px 0 20px 0 !important;
	}

	ul.mainMenu {
		display: block;
	}

	ul.mainMenu li a {
		font-size: 26px;
		line-height: 45px;
		letter-spacing: -0.52px;
		color: #74D896;
		text-transform: uppercase;
		font-family: 'SilkSerif-Medium';
	}

	.menu-main-menu-container > ul > li {
		text-align: center;
		padding: 8px 20px;
		display: block;
		-webkit-animation-name: bounceInDown;
		animation-name: bounceInDown;
		-webkit-animation-duration: .3s;
		animation-duration: .3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	/* opacity: 0; */
	}

	footer .menu-main-menu-container > ul > li {
		animation: none !important
  -webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}
@	-webkit-keyframes bounceInDown {
		0%, 100%, 60%, 75%, 90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	    -moz-transform: translateY(-100px);
	    -ms-transform: translateY(-100px);
	    -o-transform: translateY(-100px);
	    transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0%, 100%, 60%, 75%, 90% {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	    -moz-transform: translateY(-100px);
	    -ms-transform: translateY(-100px);
	    -o-transform: translateY(-100px);
	    transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);
	}
}

.overlay-active nav ul li:first-child {
	-webkit-animation-duration: .30s;
	animation-duration: .30s;
}

.overlay-active nav ul li:nth-child(2) {
	-webkit-animation-duration: 0.40s;
	animation-duration: 0.40s;
}

.overlay-active nav ul li:nth-child(3) {
	-webkit-animation-duration: 0.50s;
	animation-duration: 0.50s;
}

.overlay-active nav ul li:nth-child(4) {
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
}

.overlay-active nav ul li:nth-child(5) {
	-webkit-animation-duration: 0.70s;
	animation-duration: 0.70s;
}

.overlay-active nav ul li:nth-child(6) {
	-webkit-animation-duration: 0.80s;
	animation-duration: 0.80s;
}

.overlay-active nav ul li:nth-child(7) {
	-webkit-animation-duration: 0.90s;
	animation-duration: 0.90s;
}

.overlay-active nav ul li:nth-child(8) {
	-webkit-animation-duration: 1.00s;
	animation-duration: 1.00s;
}

.overlay-active nav ul li:nth-child(9) {
	-webkit-animation-duration: 1.10s;
	animation-duration: 1.10s;
}

.languageMenu ul {
	justify-content: center;
}



.menu-main-menu-container > ul.mainMenufooter > li {
	text-align: left;
	padding: 8px 0;
}
.subMenuTrigger
{
	display: none
}
.languageMenu
{padding-bottom: 30px;}
ul.languagemenu ul
{
	display: flex; position: relative; top: 0; right: 0; background: transparent; padding: 0;min-width: auto;
}
.languageMenu ul li {
    padding: 0 0px;
    display: flex;
}
ul.languagemenu > li > a, .languageMenu ul li a{
  font-size: 14px;
  line-height: 16px;
	padding: 5px;
	margin: 0px 5px;
	color: rgb(255 255 255 / 50%);
}
.languageMenu ul li.wpml-ls-current-language a {
	color: rgb(255 255 255 / 50%);
}

.languageMenu ul li.wpml-ls-current-language > a {
	color: #fff;
}
.footerAddress {
	width: 45%;
}

footer > div:nth-child(1) > div:nth-child(3) {
	width: 20%;
}

footer > div ul.footerMenu {
	padding: 0 30px;
}
}

@media screen and (min-width: 0px) and (max-width: 1300px) {
	.keyjourneyWrapper .KeyJourney:nth-child(1) .KeyTimeline > div.block > div:nth-child(2) {
		margin-right: -80%;
}
.keyjourneyWrapper .KeyJourney:nth-child(2) .KeyTimeline > div.block > div:nth-child(2) {
		margin-right: -105%;
}
.keyjourneyWrapper .KeyJourney:nth-child(3) .KeyTimeline > div.block > div:nth-child(2) {
		margin-right: -95%;
}
	.pressReleaseLaunches > div.container .pressRelease {
		width: 55%;
	}

	.pressReleaseLaunches > div.container .launches {
		width: 45%;
		padding-right: 110px;
	}

	.registerBtn {
		width: 90px;
		height: 90px;
		font-size: 16px;
		line-height: 20px;
	}
}

@media screen and (min-width: 0px) and (max-width: 1250px) {
	.Leftside .towcolText .col:nth-child(1), .Rightside .towcolText .col:nth-child(1) .TextBlock {
    padding-right: 0px;
    border-right: 0px solid #707070;
}
.towcolText .col {
    width: 100%;
}
.Leftside .towcolText .col:nth-child(2), .Rightside .towcolText .col:nth-child(2) {
    padding-left: 0px;
}
	.KeyTimeline > div.block > div:last-child > span {
    margin-right: -20px;
}
	.fullsvgimageRow .circleIcon {
	    width: 193px;
	    height: 193px;
			left: 10%;
		}
	.pressReleaseLaunches > div.container .pressRelease > div, .pressReleaseLaunches > div.container .launches > div {
		height: auto;
		background-color: transparent;
	}

	.TeamList > div, .NewsList > div, footer > div {
		padding: 50px 50px;
	}

	footer > div:nth-child(2) {
		padding: 25px 30px 40px 30px;
	}

	.page-template-template-the-kings-architect-php #page-wrap, .pageContent > .container {
		padding-top: 100px;
	}

	.circleIcon {
		width: 150px;
		height: 150px;
	}

	.heroBanner .circleIcon {
		bottom: -75px;
	}

	.pageIntro > div {
		padding: 50px 10%;
	}

	.page-template-template-contact-php .pageIntro > div {
		padding: 50px 50px;
	}

	.BigText {
		font-size: 5vw;
		line-height: 5vw;
		letter-spacing: -0.1vw;
	}

	.titleLeftRightImgTxt .col_1_1 .col .BigText {
		font-size: 6vw;
		line-height: 5vw;
		letter-spacing: -0.25vw;
	}

	.quoteText {
		font-size: 5vw;
		line-height: 5vw;
	}

	.SmallText, .textTitleCol .BigText span, .singlequoteTxt, .TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt {
		font-size: 3vw;
		line-height: 3vw;
		letter-spacing: -0.05vw;
	}

	.twoColtxtImg .col_1_1 .col .singlequoteTxt .quote .author {
		font-size: 22px;
		line-height: 28px;
		letter-spacing: -0.5px;
	}

	.pressReleaseLaunches > div.container {
		padding: 70px 60px 0 60px;
	}

	.pressReleaseLaunches > div.container .pressRelease {
		margin-bottom: 30px;
	}

	.pressReleaseLaunches > div.container .pressRelease, .pressReleaseLaunches > div.container .launches {
		padding-left: 0;
		width: 100%;
		padding-right: 0;
	}

	.pressReleaseLaunches > div.container .launches {
		display: block;
	}

	.pressReleaseLaunches > div.container .launches > div {
		height: auto;
		margin-bottom: 20px;
	}

	.pressReleaseLaunches {
		margin-bottom: 30px;
	}

	.NewsList > div .col h5 {
		font-size: 30px;
		line-height: 34px;
	}

	.NewsList > h2 {
		padding: 20px;
	}

	.TeamList > div .col, .NewsList > div .col {
		margin-bottom: 60px;
	}

	.launches table tr th {
		display: none;
	}

	.registerBtn {
		width: 80px;
		height: 80px;
		line-height: 25px;
		font-size: 14px;
		position: relative;
		transform: translate(-50%, 0px);
		top: auto;
		left: 50%;
	}

	.NewsList > div .col {
		width: 33.33%;
	}



	.pageIntro > div, .PromoCards .rightcard > div > div .TextBlock {
		font-size: 28px;
		line-height: 32px;
	}

	.PromoCards .leftcards > div > div h2, .TitleTextImageCardRow .rowIntro {
		font-size: 30px;
		line-height: 34px;
	}

	.PromoCards .leftcards > div > div .TextBlock {
		padding: 30px 15px 0 15px;
	}

	.PromoCards .leftcards > div > div .TextBlock {
		font-size: 20px;
		line-height: 26px;
	}

	.TitleTextTwoImage .col_1_1 .col.TextBlock {
		padding-left: 50px;
	}

	.TextThreeImageRow .col_1_1 .col.TextImgBlock > div:nth-child(1) {
		padding-right: 50px;
	}

	.TitleTextImageCardRow .rowIntro h3, .visionStatistics > div.container h3, .ArchitectInfo > div .ArchitectText > div h3,.NewsList > h2 {
		font-size: 55px;
		line-height: 60px;
	}

	.TwoColText {
		display: block;
	}

	.TwoColText > div {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.QuoteRow .col_1_1_1 {
		padding: 60px 10px 0px 10px;
	}

	.fourColText .col_1_1_1_1 .col:nth-child(1) {
		width: 100%;
		margin-bottom: 0;
	}

	.fourColText .col_1_1_1_1 .col {
		width: 50%;
		margin-bottom: 10vw;
	}

	.TwoColQuestText .col_1_1 .col.rightSection > div, .TwoColQuestText .col_1_1 .col.leftSection > div {
		width: 100%;
		padding-bottom: 30px;
	}

	.TwoColQuestText .col_1_1 .col.rightSection > div:nth-child(3), .TwoColQuestText .col_1_1 .col.leftSection > div:nth-child(2) {
		padding-left: 0;
		padding-right: 0;
	}

	footer {
		background-color: rgb(95 36 159 / 6%);
		color: #707070;
	}

	footer > div:nth-child(1) {
		flex-flow: row wrap;
		text-align: center;
	}

	footer > div:nth-child(1) > div:nth-child(1) {
		padding: 0;
		width: 100% !important;
		text-align: center;
		margin-bottom: 20px;
	}

	footer > div:nth-child(1) > div {
		width: 33.33% !important;
		text-align: left;
		display: block;
	}

	.footerAddress > div {
		width: 100%  !important;
		padding-left: 0 !important;
		border: 0 !important;
	}

	footer > div:nth-child(1) > div:nth-child(2) {
		padding-left: 10px;
		border-left: 1px solid #707070;
	}

	.footerAddress > div:last-child p:last-of-type {
		padding: 0;
	}

	footer p {
		padding-bottom: 20px;
	}

	footer > div:nth-child(1) > div:nth-child(3) p:last-of-type, footer > div:nth-child(1) > div p:last-of-type {
		padding-bottom: 20px;
	}

	footer > div:nth-child(1) > div:nth-child(5) {
		order: 5;
	}

	footer > div:nth-child(1) > div:nth-child(3) {
		order: 3;
	}

	footer > div:nth-child(1) > div:nth-child(4) {
		order: 4;
		line-height: 0;
	}

	.scrollTop svg, .download svg, .areaguide svg {
		width: 25px;
		height: 20px;
	}

	footer > div:nth-child(1) > div:last-child a, .scrollTop {
    /* display: flex; */
		align-items: center;
		padding: 5px 0 5px 0;
	}

	.scrollTop {
		margin-bottom: 10px;
	}

	footer > div:nth-child(2) {
		display: block;
	}

	.responsivesmenu, .responsivefooterTxt, .desktopMenu, .desktopfooterLogo, .desktopSocial {
		display: none;
	}

	.responsiveSocial {
		display: flex;
	}

	.responsivefooterLogo {
		max-width: 90%;
		display: inline-block;
	}

	.responsivesmenu {
		display: flex;
		border-top: 1px solid #707070;
		margin-top: 20px;
		padding-top: 10px;
	}

	footer > div ul.footerMenu {
		display: block;
		align-items: center;
		padding: 0;
	}

	footer > div ul.footerMenu li {
		padding: 2px 0;
	}

	footer > div ul.footerMenu li a {
		color: #707070;
	}

	footer > div:nth-child(2) {
		background-color: #5F249F;
		padding: 25px 30px 40px 30px;
		color: #fff;
		display: flex;
		justify-content: space-between;
	}

	footer > div:nth-child(2) .copyrightTxt {
		color: #fff;
	}

	.responsivefooterTxt {
		display: inline-block;
	}
}
@media screen and (min-width: 0px) and (max-width: 1250px){
.KeyTimeline > div.block > div:last-child > span {
    margin-right: -30px;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
	.downloadsModal .BigText {
    padding-left: 2vw;
}
.downloadlist h4 {
    font-size: 2vw;
    line-height: 2.5vw;
	}
.downloadlist > div.col_1_1 .imagePlace::before {

    padding-top: 59.5%;
}
	.downloadlist > div.col_1, .downloadlist > div.col_1_1 {

    padding: 10px 2vw;
}

	.KeyTimeline > div.block > div:last-child > span {
    margin-right: -40px;
}
.fullsvgimageRow .circleIcon {
	left: 50px;
	width: 150px;
	height: 150px;
}
}
@media screen and (min-width: 0px) and (max-width: 1025px) {


	.logo-explode svg {
		overflow: visible;
		width: 350px;
		height: auto;
	}

	.ex-k,
  .explde .ex-k {
		transform: translateY(85vh) translateX(12vw) rotate(-100deg);
	}

	.ex-ki,
  .explde .ex-ki {
		transform: translateY(-65vh) translateX(5vw) rotate(-100deg);
	}

	.ex-n,
  .explde .ex-n {
		transform: translateY(35vh) translateX(-75vw) rotate(160deg);
	}

	.ex-g,
  .explde .ex-g {
		transform: translateY(0vh) translateX(-90vw) rotate(90deg);
	}

	.ex-ks,
  .explde .ex-ks {
		transform: translateY(-65vh) translateX(45vw) rotate(-120deg);
	}

	.ex-r,
  .explde .ex-r {
		transform: translateY(-75vh) translateX(-14vw) rotate(100deg);
	}

	.ex-ri,
  .explde .ex-ri {
		transform: translateY(0vh) translateX(95vw) rotate(-120deg);
	}

	.ex-v,
  .explde .ex-v {
		transform: translateY(-80vh) translateX(24vw) rotate(-120deg);
	}

	.ex-re,
  .explde .ex-re {
		transform: translateY(70vh) translateX(-70vw) rotate(-120deg);
	}

	.ex-rr,
  .explde .ex-rr {
		transform: translateY(70vh) translateX(70vw) rotate(-180deg);
	}

	.ex-rs,
  .explde .ex-rs {
		transform: translateY(-74vh) translateX(-74vw) rotate(-100deg);
	}

	.ex-rii,
  .explde .ex-rii {
		transform: translateY(-85vh) translateX(45vw) rotate(-120deg);
	}

	.ex-d,
  .explde .ex-d {
		transform: translateY(80vh) translateX(-50vw) rotate(-120deg);
	}

	.ex-ree,
  .explde .ex-ree {
		transform: translateY(75vh) translateX(15vw) rotate(-100deg);
	}

	.ex-lo,
  .explde .ex-lo {
		transform: translateY(80vh) translateX(-7vw) rotate(-90deg);
	}

	.ex-on,
  .explde .ex-on {
		transform: translateY(-90vh) translateX(44vw) rotate(-80deg);
	}

	.journeyTimeWrapper {
		margin-top: 50px;
	}

	.NeighbourhoodMap {
		margin-bottom: 0;
	}

	.TeamList > div .col .TextBlock, .NewsList > div .col .TextBlock {
		font-size: 18px;
		line-height: 24px;
	}

	.TeamList > div .col h5 {
		font-size: 35px;
		line-height: 40px;
	}

	.TeamList > div .col h6, .NewsList > div .col h6 {
		font-size: 20px;
		line-height: 24px;
	}

	.threeImages .col_1_1_1 .col .Imgcaption {
		font-size: 16px;
		line-height: 20px;
		color: #5F249F;
	}
.ArchitectInfo > div .ArchitectText
{
	padding-left: 10px;
}
	.journeyTimes {
		padding-top: 50px;
	}

	.visionStatistics > div.container .introTxt {
		margin-bottom: 0;
		padding: 0 60px;
	}

	.visionStatistics > div.container {
		padding: 50px 60px 20px 60px;
	}

	.BigText, {
		font-size: 5vw;
		line-height: 5vw;
		letter-spacing: -0.1vw;
	}

	.titleLeftRightImgTxt .col_1_1 .col .BigText {
		font-size: 6vw;
		line-height: 5vw;
		letter-spacing: -0.15vw;
	}

	.SmallText, .textTitleCol .BigText span {
		font-size: 3.5vw;
		line-height: 3.5vw;
		letter-spacing: -0.05vw;
	}

	.QuoteTextBg {
		padding: 30px 100px;
	}

	.TextThreeImageRow2 {
		margin-top: 0;
	}

	.TextThreeImageRow2 .textTitleCol {
		overflow: hidden;
		padding: 10px 20px;
	}

	.TwoColTextImg .container .leftCol, .TwoColTextImg .container .rightCol, .TitleTwoImage .col_1_1 .col:nth-child(1),
.TitleTwoImage .col_1_1 .col:nth-child(2) {
		width: 100%;
		margin-top: 0;
	}

	.TitleTwoImage .col_1_1 .col:nth-child(1) {
		text-align: center;
		padding: 30px 20px 0 20px;
		z-index: 1;
	}

	.BlueBGWrapper::before {
		display: none;
	}

	.TwoColTextImg .container .imageText {
		margin-top: 0;
	}

	.TwoColTextImg .container .col_1_1 .col {
		width: 50%;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(1) {
		order: 1;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(2) {
		order: 2;
		margin-top: -7%;
		z-index: -1;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4) {
		order: 3;
		width: 100%;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(3) {
		order: 4;
	}

	.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(1), .TwoImage > div:first-child,
.TextThreeImage .col_1_1_1 .col:nth-child(3),  .TextThreeImageRow2 .col_1_1_1 .col:nth-child(2),
.GalleryImageRow .col_1_1_1 .col:nth-child(1), .GardenImageRow .col_1_1 .col:nth-child(1),
.TextImageRow .col_1_1 .col.imageBlock > div:nth-child(1), .TitleTextTwoImage .col_1_1 .col.imageBlock > div:nth-child(1) {
		margin-top: 40px;
		z-index: 0;
	}

	.TextImageRow .col_1_1 .col.imageBlock, .TitleTextTwoImage .col_1_1 .col.imageBlock, .TextThreeImageRow .TwoImage {
		align-items: flex-start;
	}

	.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(3),
.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(4),
.TextTwoImage .col_1_1 .col, .BgTextThreeImage .col_1_1 .col,
.ImageTextRow .col_1_1 .col.TextBlock,
.ImageTextRow .col_1_1 .col.imageBlock {
		width: 100%;
	}
	.TitleTextTwoImage .col_1_1 .col.imageBlock > div:nth-child(1) {
		padding-left: 0px;
	}
	.TitleTextTwoImage .col_1_1 .col.imageBlock > div:nth-child(2) {
		padding-right: 0px;
	}
	.ImageTextRow .col_1_1 .col.imageBlock {
	    padding: 10px 0px;
	}
	.ImageTextRow .col_1_1 .col.imageBlock img {
		width: 100%;
		max-width: auto;
	}


	.TextImageRow .col_1_1 .col.TextBlock {
	    padding: 0 30px;
		}
.TextTwoImage .col_1_1 .col .paraText, .TextThreeImage .textTitle .TextBlock, .BgTextThreeImage .col_1_1 .col .BigText, .BgTextThreeImage .col_1_1 .col:last-child p {
		max-width: 800px;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding: 20px 60px 30px 60px;
	}


	.BgTextThreeImage .BigText span {
		padding: 0;
	}

.BgTextThreeImage .col_1_1 .col:last-child, .BgTextThreeImage .col_1_1 .col .BigText
	{
		padding: 20px 100px 30px 100px;
		margin-top: 0;
	}
	.BgTextThreeImage .col_1_1 {
		padding: 0;
	}

	.TwoColTextImg {
		padding-bottom: 50px;
	}

	.TitleTwoImage .col_1_1, .twoColtxtImg {
		padding: 0;
	}

	.twoColtxtImg .col_1_1 .col {
		padding: 0;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}

	.twoColtxtImg .col_1_1 .col .imageBlock, .twoColtxtImg .col_1_1 .col .singlequoteTxt {
		width: 50%;
	}

	.twoColtxtImg .BigText, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText {
		width: 100%;
		padding: 20px 60px;
		text-align: center;
	}

	.twoColtxtImg .col_1_1 .col .singlequoteTxt {
		padding: 40px 60px;
	}

	.TwoColTextImg .container {
		padding: 60px 0 20px 0;
	}

	.twoColtxtImg .col_1_1 .col .imageBlock:nth-child(1) {
		padding-right: 5px;
	}

	.twoColtxtImg .col_1_1 .col .imageBlock:nth-child(2) {
		padding-left: 5px;
	}

	.TwoColTextImg .container .col_1_1 .col, .TwoColTextImg .container .imageText, .TextImageRow .col_1_1 .col.imageBlock > div {
		padding: 5px;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4),
.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(3),
.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(4) {
		padding: 30px 60px 0px 60px;
		text-align: center;
	}
		.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(3)
		{ padding-bottom: 30px;}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(1), .TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(1),
.TextThreeImage .col_1_1_1 .col:nth-child(2), .TextThreeImageRow2 .col_1_1_1 .col:nth-child(2),
.GalleryImageRow .col_1_1_1 .col:nth-child(2), .GardenImageRow .col_1_1 .col:nth-child(1), .TextImageRow .col_1_1 .col.imageBlock > div:nth-child(1),
.BgTextThreeImage .col_1_1_1 .col:nth-child(1) {
		padding-left: 0;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(2), .TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(2),
.TwoImage > div:nth-child(2), .TextThreeImage .col_1_1_1 .col:nth-child(3), .TextThreeImageRow2 .col_1_1_1 .col:nth-child(3),
.GalleryImageRow .col_1_1_1 .col:nth-child(1), .GardenImageRow .col_1_1 .col:nth-child(2), .TextImageRow .col_1_1 .col.imageBlock > div:nth-child(2),
.BgTextThreeImage .col_1_1_1 .col:nth-child(2) {
		padding-right: 0;
	}

	.TextThreeImage .col_1_1_1 .col:nth-child(3) {
		order: 2;
		display: flex;
		flex-direction: column-reverse;
	}

	.TextThreeImageRow2 .col_1_1_1 .col:nth-child(3) {
		order: 2;
		display: flex;
		flex-direction: column;
	}

	.TextThreeImage .col_1_1_1 .col:nth-child(2), .TextThreeImageRow2 .col_1_1_1 .col:nth-child(2) {
		order: 1;
	}

	.TextThreeImage .col_1_1_1 .col .imageBlock, .TextThreeImageRow2 .col_1_1_1 .col .imageBlock {
		height: auto;
	}

	.TextThreeImage .col_1_1_1 .col:nth-child(1), .TextThreeImageRow2 .col_1_1_1 .col:nth-child(1) {
		order: 3;
		width: 100%;
		padding: 10px 0;
	}

	.GalleryImageRow .col_1_1_1 .col:nth-child(1) {
		order: 2;
	}

	.GalleryImageRow .col_1_1_1 .col:nth-child(2) {
		order: 1;
		display: flex;
		flex-direction: column;
	}

	.GalleryImageRow .col_1_1_1 .col:nth-child(3) {
		order: 3;
		width: 100%;
		padding: 10px 0;
	}

	.TextThreeImage .col_1_1_1 .col:nth-child(2) .Imgcaption, .TextThreeImage .col_1_1_1 .col:nth-child(1) .Imgcaption,
.TextThreeImageRow2 .col_1_1_1 .col:nth-child(2) .Imgcaption, .TextThreeImageRow2 .col_1_1_1 .col:nth-child(1) .Imgcaption,
.GalleryImageRow .col_1_1_1 .col:nth-child(2) .Imgcaption, .GalleryImageRow .col_1_1_1 .col:nth-child(3) .Imgcaption,
.GardenImageRow .col_1_1 .col:nth-child(1) .Imgcaption, .historySection .col_1_1 .col .imageBlock:nth-child(1) .Imgcaption,
.fullWidthImage .Imgcaption {
		padding-left: 20px;
	}

	.TextThreeImage .col_1_1_1 .col, .TextThreeImageRow2 .col_1_1_1 .col, .GalleryImageRow .col_1_1_1 .col, .GardenImageRow .col_1_1 .col {
		width: 50%;
		padding: 5px;
	}

	.TitleTwoImage .col_1_1, .TextTwoImage .col_1_1, .TextThreeImage .col_1_1_1, .textTitle, .TextThreeImageRow2 .col_1_1_1, .textTitleCol, .GalleryImageRow .textTitleCol, .GalleryImageRow .col_1_1_1, .GardenImageRow .textTitleCol, .GardenImageRow .col_1_1 {
		padding: 0;
		align-items: flex-start;
	}

	.TextThreeImageRow2 .textTitleCol, .GalleryImageRow .textTitleCol, .GardenImageRow .textTitleCol, .twoColtxtImg .col_1_1 {
		display: block;
	}

	.TextThreeImageRow2 .textTitleCol .col, .GalleryImageRow .textTitleCol .col, .GardenImageRow .textTitleCol .col, .TitleTextTwoImage .col_1_1 .col.TextBlock,
  .TitleTextTwoImage .col_1_1 .col.imageBlock, .TextThreeImageRow .col_1_1 .col.TextImgBlock, .TextThreeImageRow .col_1_1 .col.imageBlock, .ImageTextRow .col_1_1 .col.TextBlock {
		width: 100%;
		text-align: center;
		padding: 0 !important;
	}
.TitleTextTwoImage .col_1_1 .col.TextBlock
{padding: 50px 0px !important;}
	.textTitleCol .col .TextBlock, .textTitleCol .col .paraText, .textTitleCol .col .TextBlock, .textTitleCol .col .paraText,
  .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText p, .twoColtxtImg .col_1_1 .col:nth-child(2) .paraText p,.ImageTextRow .col_1_1 .col.TextBlock > div,
  .TextImageRow .col_1_1 .col.TextBlock > div p, .TitleTextTwoImage .col_1_1 .col.TextBlock > div p, .TextThreeImageRow .col_1_1 .col.TextImgBlock > div:nth-child(1) {
		max-width: 800px;
		width: 100%;
		padding: 50px 60px;
		margin: 0 auto;
		text-align: center;
	}
.TextImageRow .col_1_1 .col.TextBlock .BigText
{
	padding-bottom: 0px;
}
	.twoColtxtImg .col_1_1 .col:nth-child(1) .paraText p, .BgTextThreeImage .col_1_1 .col:last-child p {
		padding: 0 0 20px 0 !important;
	}

	.GalleryImageRow .textTitleCol .col, .GardenImageRow .textTitleCol .col, .GalleryImageRow .col_1_1_1 .col .Imgcaption,
.GardenImageRow .col_1_1 .col .Imgcaption, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText p, .twoColtxtImg .col_1_1 .col:nth-child(2) .paraText p,
.historySection .col_1_1 .col .imageBlock .Imgcaption, .fullWidthImage .Imgcaption, .TextImageRow .col_1_1 .col.TextBlock > div p,
.TitleTextTwoImage .col_1_1 .col.TextBlock > div p, .TextThreeImageRow .col_1_1 .col.TextImgBlock > div:nth-child(1) p,
.ImageTextRow .col_1_1 .col.TextBlock > div p {
		color: #5F249F;
	}

.TextImageRow .col_1_1 .col.TextBlock > div p, .ImageTextRow .col_1_1 .col.TextBlock > div p
{
	max-width: 100%;
}
	.historySection .col_1_1, .TextImageRow .col_1_1, .ImageTextRow .col_1_1, .TitleTextTwoImage .col_1_1, .TextThreeImageRow .col_1_1 {
		padding: 35px 0;
	}

	.historySection .col_1_1 .col, .TextImageRow .col_1_1 .col, .TitleTextTwoImage .col_1_1 .col.TextBlock > div {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.historySection .col_1_1 .col .TwoColText {
		text-align: left;
	}

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

	.historySection .col_1_1 .col:nth-child(2) {
		display: flex;
	}

	.historySection .col_1_1 .col .imageBlock {
		width: 50%;
	}

	.historySection .col_1_1 .col .imageBlock:nth-child(1) {
		padding-right: 5px;
	}

	.historySection .col_1_1 .col .imageBlock:nth-child(2) {
		padding-left: 5px;
	}

	.TextThreeImageRow .col_1_1, .TitleTextTwoImage .col_1_1 .col.TextBlock > div p, .BgTextThreeImage .col_1_1_1, .ImageTextRow .col_1_1 {
		padding-top: 0 !important;
	}

	.TextThreeImageRow .TwoImage {
		padding-bottom: 20px;
	}

	.BgTextThreeImage {
		padding: 50px 0 0 0;
	}

	.BgTextThreeImage .col_1_1_1 {
		padding: 0 0 35px 0 !important;
		margin-top: -20px;
	}

	.BgTextThreeImage .col_1_1_1 .col {
		padding: 5px;
		width: 50%;
	}

	.BgTextThreeImage .col_1_1_1 .col:nth-child(3) {
		width: 100%;
		padding: 5px 0;
	}

	.quoteText {
		font-size: 4vw;
		line-height: 4vw;
	}

	.quoteText::before, .quoteText::after {
		width: 35px;
		height: 35px;
	}

	.AmenitiesRow .QuoteRow {
		padding: 60px 0 0 0;
	}

	.AmenitiesRow .QuoteRow .quoteText {
		padding: 0 60px;
	}

	.QuoteRow .col_1_1_1 .col {
		padding: 5px 0;
	}

	.QuoteRow .col_1_1_1 .col:nth-child(1) {
		order: 3;
		width: 100%;
	}

	.QuoteRow .col_1_1_1 .col:nth-child(2) {
		padding-right: 5px;
		width: 50%;
		order: 1;
	}

	.QuoteRow .col_1_1_1 .col:nth-child(3) {
		padding-left: 5px;
		width: 50%;
		order: 2;
	}

	.QuoteRow .col_1_1_1 {
		padding: 60px 0 0 0;
	}

	.AmenitiesRow .threeColTxt {
		flex-flow: row wrap;
	}

	.AmenitiesRow .threeColTxt .greenText {
		width: 100%;
	}

	.AmenitiesRow .threeColTxt .paraText {
		padding: 20px 10px;
		width: 50%;
	}

	.AmenitiesRow .threeColTxt .singlequoteTxt {
		width: 50%;
	}
}

@media screen and (min-width: 0px) and (max-width: 896px) {
	.downloadsModal .BigText {
    padding-left: 4vw;
}
	.downloadlist > div.col_1
	{
	  width: 50%;
	  padding: 10px 4vw 30px 4vw;
	}
	.downloadlist > div.col_1_1
	{
	  width: 100%;
		padding: 10px 4vw 30px 4vw;
	}
	.downloadsModal .innerContent
	{
		display: block;
	}
	.downloadlist h4 {
    font-size: 4vw;
    line-height: 5vw;
	}
	.heroCaption h1 {
		font-size: 7vw;
 /*140px*/
		line-height: 5.98vw;
 /*115px*/
		letter-spacing: -0.14vw;
 /*-2.8px*/;
	}

	.pageContent > .container h1, h2 {
		font-size: 40px;
		line-height: 50px;
	}

	h3 {
		font-size: 35px;
		line-height: 45px;
	}

	h4 {
		font-size: 30px;
		line-height: 40px;
	}

	h5 {
		font-size: 25px;
		line-height: 35px;
	}

	table th, table {
		font-size: 16px;
		line-height: 22px;
	}

	.pressReleaseLaunches table select {
		width: auto;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		padding: 3px 25px 3px 10px;
		height: 35px !important;
	}

	.timecol {
		min-width: 70px;
	}

	table th {
		padding: 5px 5px;
	}

	.yearcol {
		min-width: 70px;
	}

	.linkIcon, .downloadIcon {
		background-size: 20px 15px;
	}

	.journeyTimes > div.intro_title {
		padding: 0 30px;
	}

	.NewsList > h2, .NewsList > div {
		padding: 20px 20px;
	}

	.KeyJourney > div > div:nth-child(1) h6 {
		font-size: 24px;
		line-height: 30px;
	}
	.TeamList > div, .NewsList > div, footer > div {
	    padding: 50px 60px;
	}
	.TeamList > div .col .TextBlock, .NewsList > div .col .TextBlock {
		font-size: 16px;
		line-height: 22px;
	}

	.TeamList > div .col h5 {
		font-size: 30px;
		line-height: 35px;
	}

	.QuoteImgBg {
		padding: 40px 10% 50px 10%;
	}

	.ArchitectInfo > div .ArchitectText {
		padding-left: 10px;
	}

	.ArchitectInfo > div .ArchitectText, .ArchitectInfo > div .ArchitectImg {
		width: 100%;
	}

	.ArchitectInfo > div {
		padding: 30px 20px;
	}

	.NeighbourhoodMap {
		margin-bottom: 0;
	}

	.quote p {
		padding-bottom: 15px;
	}

	.Imgcaption {
		font-size: 14px;
		line-height: 15px;
	}

	.intro_title h5 {
		font-size: 30px;
		line-height: 35px;
	}

	.KeyTimeline {
		padding-left: 50px;
	}

	.KeyJourney > div > div:nth-child(2) .icon {
		max-width: 45px;
		max-height: 45px;
	}
	.connectivityMap
	{
		height: auto;
		display: block;
	}
	#transportMap
	{
		height: 90vh;
	}
	.mapMenu
	{width: 100%;
	height: auto;
	padding: 20px 20px;
	}
	.mapMenu ul
	{
		display: flex;
		margin: 0px;
		flex-flow: row wrap;
	}
	.mapMenu ul li{
		width: 31.5%;
		margin: 5px 0.9%;
		padding: 0px;
	}
	.mapMenu a img{
		width: 25px;
		height: 25px;
	}

	.KeyTimeline {
		width: 100%;
		display: block;
		padding-left: 0;
		padding-top: 70px;
	}

	.keyjourneyWrapper .KeyJourney .KeyTimeline > div.block, .keyjourneyWrapper .KeyJourney .KeyTimeline > div.block {
		max-width: 100% !important;
		height: auto;
		min-height: 80px;
	}

	.KeyJourney > div > div:nth-child(2) .icon {
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.KeyJourney > div
	{
		padding: 0px 20px;
	}
	.KeyJourney > div > div:nth-child(2) .icon1 {
		left: 42%;
		top: 0;
		transform: none;
	}
	.keyjourneyWrapper .KeyJourney:nth-child(1) > div > div:nth-child(2) .icon
	{
		left: 52%;
		transform: none;
	}
	.KeyTimeline > div.block::after {
		width: 1px;
		height: 100%;
		top: 0;
		left: 50%;
	}

	.KeyTimeline > div.block > div, .KeyTimeline > div.block > div:nth-child(2), .KeyTimeline > div.block > div:nth-child(1) {
		width: 50%;

	}

	.KeyTimeline > div.block > div:last-child span {
		transform: none;
		width: auto;
		height: auto;
		margin-left: 0;
		margin-top: 0;
		text-align: left;
	}

	.KeyTimeline::before {
		left: 50%;
		margin-left: -9px;
		top: 65px;
	}

	.KeyTimeline > div {
		flex-direction: row;
	}

.keyjourneyWrapper .KeyJourney
{
	padding: 20px 0px;
}
.KeyJourney > div > div:nth-child(1) h6 br{
	display: none;
}
	/* .KeyTimeline > div:nth-child(even) {
		flex-direction: row-reverse;
	} */

	.KeyTimeline > div:nth-child(odd) span, .KeyTimeline > div:nth-child(even) span {
		display: inline-block;
	}

.KeyTimeline > div > div:nth-child(2) {
		align-items: flex-end;
		padding-left: 30px;
	}

.KeyTimeline > div  > div:nth-child(1) {
		align-items: flex-end;
		padding-right: 30px;
	}

	.KeyTimeline > div.block > div {
	    height: 100px !important;
		}
.KeyTimeline > div.block::before
{
	left: 50%;
	margin-left: -9px;
	top: 50%;
}
.KeyTimeline > div.block > div:nth-child(2)
{
	align-items: center;
}
.KeyTimeline > div.block > div:nth-child(1) span
{
	position: relative;
}
.iconair {

    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -25px;
}
	.KeyTimeline > div.block:nth-child(even) > div:last-child span {
		margin-top: 0;
	}
	.keyjourneyWrapper .KeyJourney:nth-child(1) .KeyTimeline > div.block > div:nth-child(2),
	.keyjourneyWrapper .KeyJourney:nth-child(2) .KeyTimeline > div.block > div:nth-child(2),
	.keyjourneyWrapper .KeyJourney:nth-child(3) .KeyTimeline > div.block > div:nth-child(2) {
	    margin-right: 0;
	}


@media all and (orientation: landscape) {



		.historyTimeline {
      height: 80vh;
	}

	.circleIcon, .downloadcircleIcon {
		width: 100px;
		height: 100px;
	}

	.heroBanner .circleIcon {
		bottom: -50px;
		left:60px;
	}

	.heroCaption {
		padding-top: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	.heroCaption h1 {
		font-size: 6vw;
		line-height: 5vw;
		letter-spacing: -0.1vw;
	}

	.heroCaption p {
		max-width: 100%;
		width: 100%;
		font-size: 22px;
		line-height: 30px;
		margin-top: 0;
	}

	.nextScroll {
		width: 40px;
		height: 40px;
		bottom: 20px;
	}

	.pageIntro > div h2, .pageContent > .container h1 {
		font-size: 4vw;
		line-height: 4.5vw;
		margin-bottom: 25px;
	}

	.EnquireBtn {
		right: -50px;
		width: 110px;
		height: 110px;
	}

	.EnquireBtn span {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 1.6px;
		top: 45px;
		left: 0;
	}

	.TwoImagePromo .col:nth-child(2) {
		margin-top: 0%;
	}

	.TwoImagePromo .col .titleImg img, .fullsvgimageRow img {
		max-width: 90%;
	}

	footer > div ul li, footer > div:nth-child(1) > div:last-child a, .scrollTop, footer > div:nth-child(1) > div,
  footer > div:nth-child(2), footer > div:nth-child(2) .copyrightTxt {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}

	.SocialIcons svg {
		width: 25px;
		height: 25px;
	}

	.pageIntro > div {
		padding: 50px 60px 30px 60px;
	}

	.PromoCards .leftcards, .PromoCards .rightcard {
		width: 100%;
	}

	.PromoCards .leftcards > div > div .TextBlock {
		padding: 30px 15px 0 15px;
	}

	.PromoCards .rightcard > div .imageHolder {
		position: relative;
	}

	.PromoCards .rightcard > div > div .TextBlock {
		padding: 30px;
	}

	.PromoCards .rightcard > div > div .TextBlock h2 {
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -1.5px;
	}

	.PromoCards .rightcard > div > div .TextBlock h2 {
		font-size: 60px;
		line-height: 70px;
		letter-spacing: -3.13px;
	}

	.PromoCards .rightcard > div > div .TextBlock {
		padding: 10% 50px 50px 50px;
	}

	.TitleTextImageCardRow .rowIntro h3, .visionStatistics > div.container h3, .ArchitectInfo > div .ArchitectText > div h3, .NewsList > h2 {
		font-size: 46px;
		line-height: 56px;
	}

	.PromoCards .rightcard > div > div .TextBlock, .TitleTextImageCardRow .rowIntro, .PromoCards .leftcards > div > div h2,
.pageIntro > div, .visionStatistics > div.container .introTxt {
		font-size: 22px;
		line-height: 28px;
	}

	.visionStatistics > div.container .introTxt {
		margin-bottom: 0;
	}

	.visionStatistics > div.container {
		padding: 50px 20px 20px 20px;
	}

	.quoteTxt::before {
		margin: 0 auto 20px auto;
		width: 15px;
		height: 30px;
	}

	.quoteTxt::after {
		margin: 20px auto 0 auto;
		width: 15px;
		height: 30px;
	}

	.QuoteTextBg {
		padding: 50px 60px;
	}

	.quoteTxt {
		font-size: 4vw;
		line-height: 4.5vw;
		letter-spacing: -0.1vw;
	}

	.TwoColTextImg .container .imageText img {
		max-width: 75%;
	}

	.QuoteImgBg {
		padding: 40px 15% 50px 15%;
	}

	.ArchitectInfo > div {
		padding: 40px 50px;
	}

	.SmallText, .textTitleCol .BigText span {
		font-size: 4.5vw;
		line-height: 4.5vw;
		letter-spacing: -0.03vw;
	}

	.BigText {
		font-size: 6vw;
		line-height: 6vw;
		letter-spacing: -0.2vw;
	}

	.twoColtxtImg .col_1_1 .col .singlequoteTxt {
		padding: 40px 7%;
	}
.TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt
{
	padding: 50px 0px
}
	.SmallText, .textTitleCol .BigText span, .singlequoteTxt, .TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt {
		font-size: 3.6vw;
		line-height: 3.6vw;
		letter-spacing: -0.05vw;
	}

	.QuoteTextBg .authorname {
		font-size: 20px;
		line-height: 26px;
	}

	.ApartmenBlock .apartmentoverlay {
		padding: 40px 50px 40px 30px;
	}

	.apartmentoverlay h4 {
		font-size: 36px;
		line-height: 38px;
		margin-bottom: 15px;
	}

	.AprtDetailInfo h6 {
		font-size: 22px;
		line-height: 26px;
	}

	.AprtDetailInfo {
		padding-top: 10px;
		font-size: 16px;
		line-height: 20px;
	}

	.closeBtn {
		width: 30px;
		height: 30px;
		background-size: 25px;
	}

	.pressReleaseLaunches > div.container .launches table td {
		font-size: 16px;
		line-height: 22px;
	}

	.pressReleaseLaunches > div.container .launches table td h5, .pressReleaseLaunches > div.container .launches table td .moreLink {
		font-size: 18px;
		line-height: 24px;
	}

	.pressReleaseLaunches > div.container .launches > div {
		margin-top: 0;
	}

	.pressReleaseLaunches > div.container .launches table td {
		padding: 15px;
	}

	.NewsList > div .col h5 {
		font-size: 30px;
		line-height: 34px;
	}

	body, .PromoCards .rightcard > div > div .TextBlock, .PromoCards .leftcards > div > div .TextBlock, .TitleTextImageCardRow .rowIntro,
.TwoColTextImg .container .col_1_1 .col, .ArchitectInfo > div .ArchitectText {
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
	}
}
/* mobile landscape end */
@media all and (orientation: portrait) {
	.columnText > div {
	    width: 100%;
	    padding: 0;
			display: block;
	}
	.columnText .imagePlace {
    margin-bottom: 20px;
}
.towcolText {
    padding-bottom: 0px;
}
	.columnText
	{
		padding: 0px 20px;
	}
	.Leftside .ImageBlock
	{order: 1;}
	#transportMap
	{
		height: 70vh;
	}
	.singlequoteTxt, .TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt {
	    font-size: 4.5vw;
	    line-height: 4.5vw;
	    letter-spacing: -0.05vw;
	}

	.wrap, .timeline {

	  height: 50vh;
	}
	.frame ul li:nth-child(2)
	{
	  margin-left: -15px;
	}
	.TwoColTextImg .container .imageText img {
		max-width: 65%;
		margin-left: 20px;
	}

	.historyTimeline {
		height: 70vh;
	}

	.fourColText .col_1_1_1_1 .col {
		width: 100%;
		margin-bottom: 0;
	}

	.fourColText .col_1_1_1_1 .col p:last-of-type {
		padding: 0;
	}

	.TwoColQuestText .col_1_1 .col.rightSection, .TwoColQuestText {
		margin-top: 0;
	}

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

	.TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt {
		margin-bottom: 30px;
	}
	.SpecificationRow .col_1_1 .col {
	    padding: 10px 20px;
	}
	.MapPointer span:hover .pointerblock {
		width: 140px;
	}
.architectImage
{padding: 0px 30px;}
.fourColText, .TwoColQuestText
{padding: 0px 20px;}
	.pointerblock {
		top: -4px;
		color: #5F249F;
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
		left: 0;
		padding: 3px 3px 3px 25px;
	}

	.heroBanner .imageHolder {
		bottom: 35vh;
	}

	.heroCaption {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		top: auto;
		left: 0;
		width: 100%;
		height: 35vh;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		color: #fff;
		bottom: 1px;
		background: #5F249F;
	}

	.heroCaption h1 {
		font-size: 9vw;
		line-height: 9vw;
		margin-top: -16vw;
	}

	.heroCaption p {
		max-width: 100%;
		width: 100%;
		font-size: 22px;
		line-height: 30px;
		margin-top: 20px;
	}

	.heroBanner .circleIcon {
		left: 30px;
		bottom: -50px;
	}

	.circleIcon, .fullsvgimageRow .circleIcon, .downloadcircleIcon {
		width: 150px;
		height: 150px;
	}
	.visionStatistics > div.container .circleIcon {

	    right: 30px;
	}
	.nextScroll {
		width: 54px;
		height: 54px;
		bottom: 20px;
	}

	.InteriorRow {
		margin-top: -1px;
	}
.journeyTimeWrapper
{
	padding: 0px 30px;
}
.pageContent > .container {
    padding: 100px 30px 50px 30px;
	}
	.pageIntro > div h2, .pageContent > .container h1 {
		font-size: 30px;
		line-height: 40px;
		letter-spacing: -0.6px;
	}

	.pageIntro > div {
		font-size: 16px;
		line-height: 18px;
		font-weight: 300;
		padding: 40px 30px 10px 30px;
	}

	.pageIntro > div h2 {
		margin-bottom: 20px;
	}
.mappointerSec
{padding: 0px 30px;}
	.twoColtxtImg .BigText, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText {
		padding: 40px 30px;
	}
	.page-template-template-contact-php .pageIntro > div {
    padding: 50px 20px;
}
	.historySection .col_1_1 .col:nth-child(1) {
	    padding: 20px 30px;
	}
	.EnquireBtn {
		right: -50px;
		width: 110px;
		height: 110px;
	}

	.EnquireBtn span {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 1.6px;
		top: 45px;
		left: 0;
	}

	.BigText {
		font-size: 7vw;
		line-height: 7vw;
		letter-spacing: -0.1vw;
	}
	.TitleTwoImage .col_1_1 .col:nth-child(1) {

	    padding: 30px 30px 0 30px;
		}
	.TextThreeImage .TextBlock .BigText {
		padding-bottom: 20px;
	}

	.titleLeftRightImgTxt .col_1_1 .col .BigText {
		font-size: 8vw;
		line-height: 7vw;
		letter-spacing: -0.25vw;
	}

	.SmallText, .textTitleCol .BigText span {
		font-size: 5.5vw;
		line-height: 5.5vw;
		letter-spacing: -0.05vw;
	}

	.PromoCards {
		padding: 0;
	}

	.PromoCards .leftcards, .PromoCards .rightcard {
		width: 100%;
	}

	.PromoCards .leftcards {
		padding: 10px 20px;
	}

	.PromoCards .leftcards > div {
		width: 100%;
		padding-right: 0;
		padding: 0 10px;
		margin-bottom: 40px;
	}

	.PromoCards .rightcard > div .imageHolder {
		position: relative;
	}

	.PromoCards .rightcard > div > div .TextBlock {
		padding: 30px;
	}

	.PromoCards .rightcard > div > div .TextBlock h2 {
		font-size: 30px;
		line-height: 32px;
		letter-spacing: -1.5px;
	}

	body, .PromoCards .rightcard > div > div .TextBlock, .PromoCards .leftcards > div > div .TextBlock, .TitleTextImageCardRow .rowIntro,
.TwoColTextImg .container .col_1_1 .col, .ArchitectInfo > div .ArchitectText, .TextImageRow .col_1_1 .col.TextBlock, .ImageTextRow .col_1_1 .col.TextBlock, .TextThreeImageRow .col_1_1 .col.TextImgBlock,
.TextImageRow .col_1_1 .col.TextBlock, .ImageTextRow .col_1_1 .col.TextBlock, .TextThreeImageRow .col_1_1 .col.TextImgBlock, .TitleTextTwoImage .col_1_1 .col.TextBlock,
.AmenitiesRow .threeColTxt .paraText, .TwoColQuestText .col_1_1 .col.rightSection > div, .TwoColQuestText .col_1_1 .col.leftSection > div {
		font-size: 16px;
		line-height: 18px;
		font-weight: 400;
	}
	.TitleTextTwoImage .col_1_1 .col.TextBlock {
	    padding: 30px 0px !important;
	}
	.TextImageRow .col_1_1 .col.TextBlock {
    padding: 0px 30px 30px 30px;
}
	.PromoCards .leftcards > div > div h2, .visionStatistics > div.container .introTxt {
		font-size: 16px;
		line-height: 20px;
	}

	.PromoCards .leftcards > div > div .TextBlock {
		padding: 20px 15px 5px 15px;
	}

	.col_1_1 .col {
		width: 100%;
	}

	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4), .TextThreeImage .textTitle .TextBlock {
		padding: 20px 30px;
	}

	.GalleryImageRow .textTitleCol .col .TextBlock, .GardenImageRow .textTitleCol .col .TextBlock {
		padding-right: 30px;
		padding-bottom: 0;
	}

	.TwoColTextImg {
		padding-bottom: 30px;
	}

	.journeyInfo h4 {
		font-size: 40px;
		line-height: 30px;
	}

	.journeyInfo h6 {
		font-size: 22px;
		line-height: 24px;
	}

	.visionStatistics > div.container .col_1_1 .col{
		padding: 20px 0px;
		width: 100%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(1) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(2) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(3) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(4) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(5) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(6) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(7) .imageHolder
	{
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	}

	.SpecificationRow .col_1_1 .col .imageBlock:last-of-type {
		margin-bottom: 0;
	}

	.SpecificationRow .col_1_1 .col .imageBlock::before, .SpecificationRow .col_1_1 .col:nth-child(2) .imageBlock::before {
		display: none;
	}

	.SpecificationRow .col_1_1 .col .imageBlock .imageHolder {
		position: relative;
	}

	.ImageTextRow .col_1_1 .col.TextBlock {
		/* margin-top: 30px; */
	}

	.twoColtxtImg .col_1_1 .col:first-child .imageBlock, .twoColtxtImg .col_1_1 .col .singlequoteTxt {
		width: 100%;
	}

	.twoColtxtImg .col_1_1 .col .singlequoteTxt {
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.ImageTextRow .col_1_1 .col.TextBlock > div p {
		padding-left: 0;
		padding-right: 0;
	}

	.twoColtxtImg .col_1_1 .col:first-child .imageBlock img {
		max-width: none;
		width: 100%;
	}

	.TwoImagePromo .col:nth-child(1) {
		flex-direction: column;
	}

	.TwoImagePromo .col_1_1, .TwoImagePromo .col_1_1 .col {
		padding: 0 0;
	}

	.TwoImagePromo .col:nth-child(1) .titleImg,   .TwoImagePromo .col:nth-child(2) .titleImg {
		padding: 0 30px;
	}

	.TwoImagePromo .col:nth-child(2), .TwoImagePromo .col:nth-child(1) .titleImg {
		margin-top: 0%;
	}
.TwoImagePromo .col:nth-child(2)
{
	padding-top: 30px;
}
	.TwoImagePromo .col_1_1 {
		flex-direction: column-reverse;
	}

	.TwoImagePromo .col:nth-child(1) .titleImg {
		background-image: url('../images/pattern2.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		background-color: #5F249F;
		padding: 20px 60px;
	}

	.TitleTextImageCardRow .rowIntro h3, .visionStatistics > div.container h3, .ArchitectInfo > div .ArchitectText > div h3, .NewsList > h2,
.pressReleaseLaunches > div.container > div h4 {
		font-size: 30px;
		line-height: 36px;
  /* font-size: 10vw;
    line-height: 10vw; */;
	}

	.textTitleCol .col .TextBlock, .textTitleCol .col .paraText, .textTitleCol .col .TextBlock,
.textTitleCol .col .paraText, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText p,
.twoColtxtImg .col_1_1 .col:nth-child(2) .paraText p, .TextImageRow .col_1_1 .col.TextBlock > div p,
.TitleTextTwoImage .col_1_1 .col.TextBlock > div p, .TextThreeImageRow .col_1_1 .col.TextImgBlock > div:nth-child(1) {
		padding: 20px 30px;
	}

	.AmenitiesRow .threeColTxt {
		padding-top: 0;
		text-align: center;
	}

	.NewsList > h2 {
		letter-spacing: -1.5px;
	}

	.NewsList > div .col h5 {
		font-size: 30px;
		line-height: 34px;
	}

	.imgCurveTextCard {
		margin: 0 auto;
		padding: 0 30px 30px 30px;
	}

	.imgCurveTextCard .col {
		padding: 20px 20px;
	}

	.home .fullsvgimageRow {
		padding-top: 20px;
		padding-left: 90px;
		padding-right: 30px;
	}
	.fullsvgimageRow {
	    text-align: center;
	    padding: 50px 30px;
	}
	.home .fullsvgimageRow + .fullWidthImage {
		margin-top: -20px;
		z-index: -1;
	}
	.fullWidthImage {
	    height: 40vh;
			overflow: hidden;
		}
		.parallax-window-fullwidth
		{
			height: 40vh;
		}
	.quoteTxt, .singlequoteTxt {
		font-size: 5vw;
	    line-height: 5vw;
	    letter-spacing: -0.1vw;
	}

	.QuoteTextBg .authorname, .twoColtxtImg .col_1_1 .col .singlequoteTxt .quote .author {
		font-size: 20px;
		line-height: 26px;
	}

	.SpecificationRow .col_1_1 .col .paraText, .SpecificationRow .col_1_1 .col .BigText {
		text-align: center;
	}

	.SpecificationRow .col_1_1 .col .paraText {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 0;
	}

	.QuoteRow .col_1_1_1 {
		padding: 30px 0 0 0;
	}

	.mappointerSec {
		margin-bottom: 30px;
	}

	.visionStatistics > div.container {
		padding: 50px 30px 20px 30px;
	}

	.visionStatistics > div.container .introTxt {
		margin-bottom: 0;
		padding: 0;
	}

	.QuoteTextBg {
		padding: 30px 100px;
	}

	.quoteTxt::before {
		margin: 0 auto 20px auto;
		width: 15px;
		height: 30px;
	}

	.quoteTxt::after {
		margin: 20px auto 0 auto;
		width: 15px;
		height: 30px;
	}

	.titleLeftRightImgTxt .col_1_1 {
		padding: 20px 20px;
	}
	.pressReleaseLaunches > div.container {
    padding: 70px 30px 0 30px;
}
.threeImages .col_1_1_1
{
	padding: 0px 20px;
}
	.QuoteRow {
		padding: 60px;
	}

	.AmenitiesRow .QuoteRow {
		padding: 60px 0 0 0;
	}

	.AmenitiesRow .threeColTxt .paraText {
		padding: 20px 10px;
		width: 100%;
	}

	.AmenitiesRow .threeColTxt .singlequoteTxt {
		width: 100%;
	}

	.ApartmenBlock .apartmentoverlay {
		padding: 20px 30px;
	}

	.apartmentoverlay h4 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.ApartmenBlock::before {
		padding-top: 75%;
	}

	.AprtDetailInfo {
		padding-top: 0;
	}

	.AprtDetailInfo h6 {
		font-size: 22px;
		line-height: 26px;
	}

	.AprtDetailInfo {
		font-size: 16px;
		line-height: 20px;
	}

	.closeBtn {
		width: 35px;
		height: 35px;
		right: 10px;
		top: 10px;
		background-size: 25px;
	}

	.QuoteRow h6 {
		font-size: 24px;
	}

	.quoteText::before, .quoteText::after {
		width: 25px;
		height: 25px;
		vertical-align: middle;
	}

	.titleLeftRightImgTxt .col_1_1 .col:nth-child(2) .TextBlock, .SpecificationRow .col_1_1 .col .TextBlock {
		max-width: 100%;
		text-align: center;
	}

	.SpecificationRow .col_1_1 .col .TextBlock {
		padding: 0 30px 20px 30px;
	}

	.titleLeftRightImgTxt .col_1_1 .col:nth-child(1) {
		padding-top: 2%;
	}

	.SpecificationRow .col_1_1 {
		padding: 30px 10px;
	}
 footer > div {
	    padding: 50px 30px;
	}
	footer {
		background-color: rgb(95 36 159 / 6%);
		color: #707070;
	}

	footer > div:nth-child(1) {
		flex-flow: row wrap;
		text-align: center;
	}

	footer > div:nth-child(1) > div:nth-child(1) {
		padding: 0;
		width: 100% !important;
		text-align: center;
		margin-bottom: 20px;
	}

	footer > div:nth-child(1) > div {
		width: 50% !important;
		text-align: left;
		display: block;
	}

	.footerAddress > div {
		width: 100%  !important;
		padding-left: 0 !important;
		border: 0 !important;
	}

	footer > div:nth-child(1) > div:nth-child(2) {
		padding-left: 10px;
		border-left: 1px solid #707070;
		padding-bottom: 60px;
		width: 55% !important;
		position: relative;
	}

	.footerAddress > div:last-child p:last-of-type {
		padding: 0;
	}

	footer p {
		padding-bottom: 20px;
	}

	footer > div:nth-child(1) > div:nth-child(3) p:last-of-type, footer > div:nth-child(1) > div p:last-of-type {
		padding-bottom: 20px;
	}

	footer > div:nth-child(1) > div:nth-child(5) {
		order: 3;
	}

	footer > div:nth-child(1) > div:nth-child(3) {
		order: 4;
	}

	footer > div:nth-child(1) > div:nth-child(4) {
		width: 45% !important;
	}

	footer > div:nth-child(1) > div:nth-child(3), .desktopMenu, .desktopfooterLogo, .desktopSocial {
		display: none;
	}

	footer > div:nth-child(1) > div:nth-child(3), footer, footer > div ul li, footer > div {
		font-weight: 500;
		font-size: 13px;
		line-height: 20px;
	}

	.scrollTop svg, .download svg, .areaguide svg {
		width: 25px;
		height: 20px;
	}

	footer > div:nth-child(1) > div:last-child a, .scrollTop {
		display: flex;
		align-items: center;
		padding: 5px 0 5px 0;
	}

	footer > div:nth-child(2), .responsivesmenu, .responsivefooterLogo {
		display: block;
	}

	.responsiveSocial {
		display: flex;
		position: absolute;
		left: 10px;
		bottom: 0;
	}

	.responsivefooterLogo {
		max-width: 90%;
	}

	.responsivesmenu {
		border-top: 1px solid #707070;
		margin-top: 10px;
		padding-top: 10px;
	}

	.SocialIcons svg {
		width: 25px;
		height: 25px;
	}

	footer > div ul.footerMenu {
		display: block;
		align-items: center;
		padding: 0 0;
	}

	footer > div ul.footerMenu li {
		padding: 2px 0;
		font-size: 13px;
		line-height: 16px;
	}

	footer > div ul.footerMenu li a {
		color: #707070;
	}

	footer > div:nth-child(2) {
		background-color: #5F249F;
		padding: 25px 30px 40px 30px;
		color: #fff;
		display: flex;
		justify-content: space-between;
	}

	footer > div:nth-child(2) .copyrightTxt, .responsivefooterTxt {
		color: #fff;
		font-size: 13px;
		line-height: 16px;
	}

	.responsivefooterTxt {
		display: inline-block;
	}

	.historySection .col_1_1, .TextImageRow .col_1_1, .ImageTextRow .col_1_1, .TitleTextTwoImage .col_1_1, .TextThreeImageRow .col_1_1 {
		padding: 20px 0;
	}
}
}
@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)
  {
    .fullWidthImage {
  	    height: 70vh;
  			overflow: hidden;
  		}
  		.parallax-window-fullwidth
  		{
  			height: 70vh;
  		}
}

@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) {

	.heroBanner .imageHolder {
		bottom: 35vh;
	}

	.heroCaption {
		padding-top: 20px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		top: auto;
		left: 0;
		width: 100%;
		height: 35vh;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
		color: #fff;
		bottom: 1px;
		background: #5F249F;
	}

	.heroCaption h1 {
		font-size: 9vw;
		line-height: 9vw;
		margin-top: -13vw;
	}

	.heroCaption p {
		max-width: 100%;
		width: 100%;
		font-size: 30px;
		line-height: 40px;
		margin-top: 20px;
	}

	.heroBanner .circleIcon {
		left: 60px;
		bottom: -75px;
	}
	.visionStatistics > div.container .circleIcon {

	    right: 60px;
	}
	.circleIcon, .downloadcircleIcon {
		width: 150px;
		height: 150px;
	}

	.nextScroll {
		width: 54px;
		height: 54px;
		bottom: 40px;
	}
	.PromoCards .leftcards {
	    padding: 10px 50px;
	}
	.architectImage
	{padding: 0px 60px;}
	.fourColText, .TwoColQuestText
	{padding: 0px 50px;}
	table th, table {
		font-size: 20px;
		line-height: 24px;
	}
	.mappointerSec
	{padding: 0px 60px;}
	.imgCurveTextCard {
	    margin: 0 auto;
	    padding: 0 60px 60px 60px;
	}
	.TitleTwoImage .col_1_1 .col:nth-child(1) {
    text-align: center;
    padding: 30px 60px 0 60px;
	}
	.pressReleaseLaunches table select {
		width: auto;
		font-weight: 600;
		font-size: 20px;
		line-height: 24px;
		padding: 3px 25px 3px 10px;
		height: 35px !important;
	}
	.fullsvgimageRow {
	    text-align: center;
	    padding: 50px 60px;
	}
	.timecol {
		min-width: 70px;
	}

	table th {
		padding: 5px 5px 5px 15px;
	}

	.yearcol {
		min-width: 70px;
		right: 15px;
	}

	.pointerblock {
		top: 0;
	}

	.pageIntro > div h2, .pageContent > .container h1 {
		font-size: 40px;
		line-height: 46px;
		letter-spacing: -0.6px;
	}

	.mappointerSec {
		margin-bottom: 50px;
	}

	.intro_title h5 {
		font-size: 40px;
		line-height: 45px;
	}

	body, .PromoCards .rightcard > div > div .TextBlock, .PromoCards .leftcards > div > div .TextBlock, .TitleTextImageCardRow .rowIntro,
.TwoColTextImg .container .col_1_1 .col, .ArchitectInfo > div .ArchitectText {
		font-size: 20px;
		line-height: 24px;
		font-weight: 400;
	}

	.TitleTextImageCardRow .rowIntro h3, .visionStatistics > div.container h3, .ArchitectInfo > div .ArchitectText > div h3, .NewsList > h2, .pressReleaseLaunches > div.container > div h4 {
		font-size: 6vw;
		line-height: 7vw;
	}

	.PromoCards .leftcards > div {
		width: 50%;
	}


	.PromoCards .rightcard > div > div .TextBlock, .TitleTextImageCardRow .rowIntro, .PromoCards .leftcards > div > div .TextBlock,
.pageIntro > div {
		font-size: 20px;
		line-height: 24px;
		font-weight: 300;
		padding: 40px 60px 10px 60px;
	}
	.PromoCards .rightcard > div > div .TextBlock {
		padding: 20% 60px 10% 60px;
	}
 .PromoCards .leftcards > div > div .TextBlock
 {
	 padding: 20px 20px 20px 20px;
 }
	.visionStatistics > div.container .introTxt {
		padding: 20px 40px;
	}

	.TextImageRow .col_1_1 .col.TextBlock, .ImageTextRow .col_1_1 .col.TextBlock, .TextThreeImageRow .col_1_1 .col.TextImgBlock,
.TitleTextTwoImage .col_1_1 .col.TextBlock, .AmenitiesRow .threeColTxt .paraText {
		font-size: 20px;
		line-height: 24px;
	}

	.PromoCards .leftcards > div > div h2, .TitleTextImageCardRow .rowIntro, .visionStatistics > div.container .introTxt {
		font-size: 20px;
		line-height: 24px;
	}
	.titleLeftRightImgTxt .col_1_1 {
		padding: 20px 50px;
	}
	.SpecificationRow .col_1_1 .col {
    padding: 10px 50px;
}
	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4), .TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4),
.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(3),
.TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(4),
.textTitleCol .col .TextBlock, .textTitleCol .col .paraText, .textTitleCol .col .TextBlock,
.textTitleCol .col .paraText, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText p,
.twoColtxtImg .col_1_1 .col:nth-child(2) .paraText p, .TextImageRow .col_1_1 .col.TextBlock > div p,
.TitleTextTwoImage .col_1_1 .col.TextBlock > div p, .TextThreeImageRow .col_1_1 .col.TextImgBlock > div:nth-child(1),
.twoColtxtImg .BigText, .twoColtxtImg .col_1_1 .col:nth-child(1) .paraText {
		padding: 20px 60px;
	}
.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(4), .TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(3), .TwoColTextImg .container .rightCol .col_1_1 .col:nth-child(4)
{    padding: 30px 60px 0px 60px;
	    text-align: center;
	}
	.TwoColTextImg .container .leftCol .col_1_1 .col:nth-child(3)
	{ padding-bottom: 30px;}
	.journeyTimelineImg {
		padding: 0 50px;
	}
	.ArchitectInfo > div {
	    margin: 0 auto;
	    padding: 70px 60px;
		}
		.NewsList > h2, .NewsList > div {
    padding: 20px 50px;
}
	.SpecificationRow .col_1_1 .col .TextBlock {
		padding: 20px 60px 40px 60px;
	}
	.historySection .col_1_1 .col:nth-child(1) {
	    padding: 20px 60px;
	}
	.titleLeftRightImgTxt .col_1_1 .col:nth-child(2) .TextBlock, .ImageTextRow .col_1_1 .col.TextBlock > div p,  .TextThreeImage .textTitle .TextBlock, .BgTextThreeImage .col_1_1 .col .BigText, .BgTextThreeImage .col_1_1 .col:last-child p {
		padding: 40px 60px;
		max-width: 100%;
	}
	.TextImageRow .col_1_1 .col.TextBlock .BigText, .ImageTextRow .col_1_1 .col.TextBlock .BigText
	{
		padding-bottom: 0px;
	}
	.TextTwoImage .col_1_1 .col .paraText
	{
		padding: 40px 100px;
	}
	.TeamList > div, .NewsList > div, footer > div {
	    padding: 50px 60px;
	}
	.GalleryImageRow .textTitleCol .col .TextBlock, .GardenImageRow .textTitleCol .col .TextBlock {
		padding-right: 60px;
		padding-bottom: 10px;
	}
	.TextImageRow .col_1_1 .col.TextBlock
	{
		padding-bottom: 50px;
	}
	.page-template-template-contact-php .pageIntro > div {
	    padding: 50px 50px;
	}
	.PromoCards .rightcard > div > div {
		position: relative;
		height: 72.5%;
	}

	.SpecificationRow .col_1_1 .col .paraText {
		max-width: 100%;
		margin-right: 0;
		padding-left: 60px;
		padding-right: 60px;
	}

	.quoteTxt {
		font-size: 5vw;
		line-height: 5vw;
		letter-spacing: -0.1vw;
	}

	.QuoteTextBg .authorname {
		font-size: 24px;
		line-height: 30px;
	}

	.visionStatistics > div.container .col_1_1 .col
	{
	  width: 33.33%;
	  padding: 20px;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(1) .imageHolder
	{
	margin-left: -30%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(2) .imageHolder
	{
	margin-left: -25%;
	margin-top: 28%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(3) .imageHolder
	{
	margin-left: -20%;
	margin-top: 35%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(4) .imageHolder
	{
	margin-left: 10%;
	margin-top: -45%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(5)  .imageHolder
	{
	  margin-left: 20%;
	margin-top: -5%;
	}
	.visionStatistics > div.container .col_1_1 .col:nth-child(6) .imageHolder
	{

	  margin-left: -15%;
	margin-top: -20%;
	}

	.visionStatistics > div.container .col_1_1 .col:nth-child(7) .imageHolder
	{
	  margin-left: -75%;
	      margin-top: -45%;
	}

	.visionStatistics  > div.container .col_1_1 .col .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(1) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(2) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(3) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(4) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(5) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(6) .imageHolder,
	.visionStatistics > div.container .col_1_1 .col:nth-child(7) .imageHolder
	{position: relative; width: 130%;}

	.visionStatistics > div.container .introTxt {
		margin-bottom: 0;
	}

	.visionStatistics > div.container {
		padding: 60px 20px 30px 20px;
	}

	.journeyInfo h4 {
		font-size: 45px;
		line-height: 50px;
	}

	.journeyInfo h6 {
		font-size: 30px;
		line-height: 34px;
	}

	.QuoteTextBg {
		padding: 50px 100px;
	}

	.quoteTxt::before {
		margin: 0 auto 20px auto;
	}

	.quoteTxt::after {
		margin: 20px auto 0 auto;
	}

	.ArchitectInfo > div {
		padding-top: 50px;
	}

	.ApartmenBlock .apartmentoverlay {
		padding: 50px 20px;
	}

	.apartmentoverlay h4 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	.ApartmenBlock::before {
		padding-top: 65%;
	}

	.AprtDetailInfo {
		padding-top: 0;
	}

	.AprtDetailInfo h6 {
		font-size: 30px;
		line-height: 34px;
	}

	.AprtDetailInfo {
		font-size: 20px;
		line-height: 25px;
	}

	.closeBtn {
		width: 40px;
		height: 40px;
		right: 10px;
		top: 10px;
		background-size: 35px;
	}
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
	.PromoCards .rightcard > div > div {
		height: 75.5%;
	}

	.pageIntro > div {
		padding: 60px 12%;
	}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	.PromoCards .rightcard > div > div {
		height: 72%;
	}

	.pageIntro > div {
		padding: 60px 12%;
	}
	.KeyTimeline > div.block > div:last-child > span {
    margin-right: -50px;
}
}

@media screen and (min-width: 0px) and (max-width:950px) {
	.KeyTimeline > div.block > div:last-child > span {
    margin-right: -50px;
}
	.TeamList > div .col:nth-child(1) .imageBlock {
		max-width: 100%;
	}

	.TeamList > div .col, .NewsList > div .col {
		width: 50%;
	}

	.TeamList > div .col:nth-child(1) .TextBlock {
		max-width: 100%;
		padding-left: 0;
	}

	.TeamList > div .col, .NewsList > div .col {
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 0px) and (max-width:767px) {
	.KeyTimeline > div.block > div:last-child > span {
    font-size: 18px;
    line-height: 24px;
	}
	.KeyTimeline > div span b {
    font-size: 30px;
    line-height: 40px;
}
.KeyTimeline > div.block > div:nth-child(1) span {
    font-size: 14px;
    line-height: 20px;
}
.iconair {
    left: -40px;
    margin-top: -10px;
		max-width: 30px;
}
.KeyTimeline > div.block > div:nth-child(1) {
      justify-content: space-around;
}

	.fullsvgimageRow .circleIcon
	{
		left: 30px;
	}
	.home .fullsvgimageRow
	{
		min-height: 350px;
		display: flex;
    align-items: center;
	}
	.visionStatistics > div.container .col_1_1 .col{
		padding: 20px 0px;
		width: 100%;
	}
.visionStatistics > div.container .col_1_1 .col:nth-child(1) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(2) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(3) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(4) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(5) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(6) .imageHolder,
.visionStatistics > div.container .col_1_1 .col:nth-child(7) .imageHolder
{
	width: 100%;
	margin-left: 0;
	margin-top: 0;
}


	.historySection .col_1_1 .col .TwoColText {
		text-align: center;
	}

	.gfmc-field div:not(.gchoice).gf_clear {
		padding-bottom: 0 !important;
	}

	.logo-explode svg {
		overflow: visible;
		width: 230px;
		height: auto;
	}

	.ex-k,
  .explde .ex-k {
		transform: translateY(140vh) translateX(20vw) rotate(-100deg);
	}

	.ex-ki,
  .explde .ex-ki {
		transform: translateY(-100vh) translateX(15vw) rotate(-100deg);
	}

	.ex-n,
  .explde .ex-n {
		transform: translateY(50vh) translateX(-120vw) rotate(160deg);
	}

	.ex-g,
  .explde .ex-g {
		transform: translateY(0vh) translateX(-135vw) rotate(90deg);
	}

	.ex-ks,
  .explde .ex-ks {
		transform: translateY(-100vh) translateX(70vw) rotate(-120deg);
	}

	.ex-r,
  .explde .ex-r {
		transform: translateY(-110vh) translateX(-25vw) rotate(100deg);
	}

	.ex-ri,
  .explde .ex-ri {
		transform: translateY(0vh) translateX(160vw) rotate(-120deg);
	}

	.ex-v,
  .explde .ex-v {
		transform: translateY(-115vh) translateX(30vw) rotate(-120deg);
	}

	.ex-re,
  .explde .ex-re {
		transform: translateY(105vh) translateX(-105vw) rotate(-120deg);
	}

	.ex-rr,
  .explde .ex-rr {
		transform: translateY(105vh) translateX(105vw) rotate(-180deg);
	}

	.ex-rs,
  .explde .ex-rs {
		transform: translateY(-108vh) translateX(-108vw) rotate(-100deg);
	}

	.ex-rii,
  .explde .ex-rii {
		transform: translateY(-110vh) translateX(60vw) rotate(-120deg);
	}

	.ex-d,
  .explde .ex-d {
		transform: translateY(120vh) translateX(-70vw) rotate(-120deg);
	}

	.ex-ree,
  .explde .ex-ree {
		transform: translateY(110vh) translateX(40vw) rotate(-100deg);
	}

	.ex-lo,
  .explde .ex-lo {
		transform: translateY(120vh) translateX(-15vw) rotate(-90deg);
	}

	.ex-on,
  .explde .ex-on {
		transform: translateY(-131vh) translateX(50vw) rotate(-80deg);
	}

	.pageNotFound h2 {
		font-size: 10vw;
		line-height: 11vw;
	}

	.container404 svg {
		width: 80%;
		margin: 0 auto;
	}

	.gform_wrapper.gravity-theme .gform_fields .gfmc-container {
		width: 100%;
		padding: 0 10px;
	}

	input[type="checkbox"] + label {
		margin-top: 0;
	}

	.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 0 !important;
	}

	.pressReleaseLaunches > div.container .pressRelease table tr td:nth-child(1), .pressReleaseLaunches > div.container .pressRelease table tr th:nth-child(1) {
		padding-left: 10px;
	}

	table {
		font-size: 16px;
		line-height: 20px;
	}

	.yearcol {
		right: 10px;
	}

	.pressReleaseLaunches > div.container .launches table td {
		font-size: 16px;
		line-height: 22px;
	}

	.pressReleaseLaunches > div.container .launches table td h5, .pressReleaseLaunches > div.container .launches table td .moreLink {
		font-size: 18px;
		line-height: 24px;
	}

	.pressReleaseLaunches > div.container .launches > div {
		margin-top: 0;
	}

	.pressReleaseLaunches > div.container .launches table td {
		padding: 15px;
	}

	.threeImages .col_1_1_1 .col .Imgcaption {
		font-size: 14px;
		line-height: 16px;
	}


}

@media screen and (min-width: 0px) and (max-width:650px) {
	.downloadlist h4 {
    font-size: 5vw;
    line-height: 5.8vw;
}
.downloadlist a
{
	font-size: 18px;
}
.downloadlist svg {
    width: 25px;
    height: 35px;
	}
	.mapMenu ul li{
		width: 48%;
		margin: 0.9%;
	}
	.threeImages .col_1_1_1 .col {
		width: 100%;
	}

	.TeamList > div .col:nth-child(1) .imageBlock {
		max-width: 100%;
	}

	.TeamList > div .col, .NewsList > div .col {
		width: 100%;
	}

	.TeamList > div .col:nth-child(1) .TextBlock {
		column-count: 1;
		column-gap: 0;
	}

	.TeamList > div .col:nth-child(1) .TextBlock {
		max-width: 100%;
		padding-left: 0;
	}

	.gform_wrapper.gravity-theme .ginput_complex span {
		margin-bottom: 0 !important;
	}

	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: normal !important;
		min-height: auto !important;
	}
}

@media screen and (min-width: 0px) and (max-width:550px) {
.KeyTimeline > div.block > div:nth-child(1)
{
	width: 35%;
}
.KeyTimeline > div.block > div:nth-child(2)
{
	width: 65%;
}
.KeyTimeline > div.block > div:last-child > span {
    font-size: 15px;
    line-height: 22px;
}
.KeyTimeline > div > div:nth-child(2)
{
	padding-left: 20px;
}
.KeyTimeline > div > div:nth-child(1)
{
	padding-right: 20px;
}
.KeyJourney > div > div:nth-child(1) {
    min-width: auto;
	}
.KeyTimeline > div.block::after, .KeyTimeline > div.block::before, .KeyTimeline::before
{
	left: 35%;
}
}
@media screen and (min-width: 0px) and (max-width:500px) {
	.imgCurveTextCard .col .imageBlock {
		padding: 0 5%;
	}

	.imgCurveTextCard .col svg {
		width: 160%;
	}
}

@media screen and (min-width: 0px) and (max-width:480px) {
	.singlequoteTxt, .TwoColQuestText .col_1_1 .col.leftSection > div.singlequoteTxt {
    font-size: 5.5vw;
    line-height: 6vw;
    letter-spacing: -0.03vw;
}
.singlequoteTxt::before, .singlequoteTxt::after
{
	width: 14px;
	height: 32px;
}
	.singlequoteTxt {
		font-size: 8vw;
		line-height: 8vw;
		letter-spacing: -0.2vw;
	}

	.quoteText {
		font-size: 5vw;
		line-height: 6vw;
	}
	.heroBanner .circleIcon, .circleIcon, .fullsvgimageRow .circleIcon, .downloadcircleIcon
	{
		width: 90px;
		height: 90px;

	}
	.heroBanner .circleIcon
	{

		bottom: -45px;
	}
	.home .fullsvgimageRow {
    min-height: 220px;
	}
	.home .fullsvgimageRow{
		padding-left: 70px;
}
	.visionStatistics > div.container .circleIcon {
    top: -45px;
	}
	.BgTextThreeImage .col_1_1 .col:last-child, .BgTextThreeImage .col_1_1 .col .BigText {
    padding: 20px 50px 30px 50px;
    margin-top: 0;
}
.BgTextThreeImage .col_1_1 .col:last-child, .BgTextThreeImage .col_1_1 .col .BigText {
    padding: 0px 30px 20px 30px;
	}
	.BgTextThreeImage .col_1_1_1 {
    padding: 0 0 0px 0 !important;
	}
}

@media screen and (min-width: 0px) and (max-width:400px) {
	.TeamList > div, footer > div {
		padding: 50px 20px;
	}
}