@media screen and (max-width: 640px) {


.bp-1920, .bp-1024, .bp-768 {
	display: none;	
}

.bp-640 {
	display: block;
}


section.promo {
	height: 288px;
}

section.promo > div {
	/*display: grid;*/
	grid-template-columns: auto;
	grid-auto-rows: 144px;
	/*position: relative;*/
	width: 100vw;
	/*height: 100%;
	background: rgb(var(--color-purple));
	margin: 0 auto;*/
}

/*section.promo > div > div:nth-child(1) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/

/*section.promo > div > div:nth-child(2) {
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(var(--color-white)) !important;
	font-size: 24px;
	letter-spacing: 0.05em;
	line-height: 1em;
	text-align: center;
}*/

body.show-nav section.promo {
	z-index: 1;
}

body:has(section.promo) header nav {
	margin-top: 288px;
}
	
body:has(section.promo).show-nav header nav {
	margin-top: 0;
}


/*************************************
	Nav
 *************************************/
	

header nav {
    grid-column-gap: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}

header nav ul {
	padding-left: 30px;
}

header nav ul li {
	display: block;
	margin-bottom: 1.8rem;
}

header nav ul li:nth-of-type(2) {
	margin-top: 160px;
}
	
header nav li a {
    font-size: 1.8rem;
	line-height: 2.4rem;
}

header nav a.logo img {
    width: 95px;
	height: 90px;
}
	
header nav a.bt {
	grid-column: 7 / span 1;
	bottom: 0;
	left: 0;
	right: auto;
	margin: 0;
	transform: translate(-50%, 100%);
}

.nav-section {
	display: none;
}

	
/*************************************
	Sections
 *************************************/

	
section h1 {
	font-size: 3.2rem;
	line-height: 3.2rem;
	margin-bottom: 2.1rem;
}
	
section h2 {
	font-size: 2.1rem;
	line-height: 2.4rem;
	margin-bottom: 1.2rem;
}


/*************************************
	Header
 *************************************/


section.header .text > div {
	grid-column: 1 / span 12;
}
	
section.header p {
	font-size: 1.8rem;
	line-height: 2.1rem;
	margin-bottom: 2.1rem;
}
	
section.header.nav-bar {
	height: 180px;
}
    
section.header.header-ph-collection h1 img {
    width: min(509px, (509 / 768) * 100vw);
}

.bt-header {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 5px;
	width: calc(100% + 60px);
    right: auto;
	left: -30px;
}
	
.bt-header > div {
	display: flex;
	justify-content: center;
}

.bt-header > div:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 40%;
	left: 0;
	bottom: 0;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25));
	pointer-events: none;
}

.bt-header .vt {
	width: auto;
}

.bt-header .video {
    background-image: linear-gradient(90deg, #edd68a, #d1a449);
}

.bt-header .phd-award-2020 {
	background: #42c1bc;
}


/*************************************
	Grid
 *************************************/


header nav, 
section.header .text, 
section.text-img > div, 
section.text-2cols > div,
section.plans .grid > div,
section.news-home,
section.news-page,
section.news,
section.privacy,
footer > div {
	grid-row-gap: 0;
	padding-right: 30px;
	padding-left: 30px;
}
	
section.text-2cols > div {
	grid-row-gap: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
}

section.text-img > div {
	min-height: 100vh;
	height: auto;
}

section.text-img > div > div:nth-of-type(1), section.text-img.full-width > div > div:nth-of-type(1), section.text-img > div > div:nth-of-type(2) {
	grid-column: 1 / span 12;
}
	
section.text-img > div > div:nth-of-type(1) {
	padding-top: 60px;
	padding-bottom: 60px;
}

section.text-img > div > div:nth-of-type(2) > div {
	width: calc(100% + 60px);
	margin-left: -30px;
}

section.text-2cols > div > div:nth-child(odd), section.text-2cols > div > div:nth-child(even){
	grid-column: 1 / span 12;
}
	
section.text-slider {
	min-height: 0;
	height: auto;
	padding: 60px 0;
}

section.text-slider > div.slider {
	display: grid;
	grid-template-columns: auto;
}
	
section.text-slider > div.slider > div.text {
	grid-row: 1 / span 1;
	display: block;
	position: relative;
	width: auto;
	min-height: 0;
	height: auto;
	left: auto;
	top: auto;
	padding: 0 30px;
}
	
.grid2cols {
	grid-template-columns: auto;
	grid-row-gap: 20px;
}

section.poi div.nav-bts > a {
	background-position: 30px center;
}
	
section.poi div.nav-desc > div > div {
	padding: 30px;
}

	
/*************************************
	Gallery
 *************************************/


section.gallery > div.gallery-grid {
	grid-column-gap: 0;
	padding: 30px;
}

div.gallery-grid > div {
	grid-column-end: span 12;
}
	
div.gallery-grid > div:before {
	content: none;
}
	
div.gallery-grid > div:not(.virtual-tour) a {
	display: block;
	pointer-events: none;
}

div.gallery-grid > div picture,
div.gallery-grid > div img {
	position: relative;
	height: auto;
}
	

/*************************************
	News
 *************************************/

section.news-home {
	grid-column-gap: 0;
}

section.news-home > div:nth-child(1),
section.news-home > div:nth-child(2) {
	grid-column: 1 / span 12;
}
	
.bulletin-board {
	display: block;
}

.bulletin-board > div {
	border-bottom: solid 1px rgba(var(--color-purple), 0.25);
	padding-bottom: 3.6rem;
	margin-bottom: 3.6rem;
}

.bulletin-board > div:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.bulletin-board .holidays-2019 {
	grid-template-columns: auto;
}

section.news-page {
	grid-row-gap: 30px;
}

section.news-page > div:nth-child(1) {
	grid-column-end: span 12;
}

section.news-page > div:nth-child(2) {
	grid-column:  1 / span 12;
}

section.news article,
section.privacy > div {
	grid-column: 1 / span 12;
}

section.news article figure {
	display: block;
}
	
section.news article figure img {
	width: 100% !important;
	margin-bottom: 30px;
}

	
/*************************************
	Building
 *************************************/


div.building {
	display: none !important;
}

div.views.bp-640 {
	display: block;
}
	

/*************************************
	Plans
 *************************************/
	

section.plans .grid > div {
	grid-gap: 10px;
}

section.plans .grid > div > div {
	grid-column: 1 / span 12 !important;
}

div.floor svg {
	width: 100%;
}
	
div.legend:after {
	right: 0;
}

div.unit-details ol {
	column-count: 2;
}
	
div.unit-plan > div {
	padding: 15px;
}
	
div.legend li {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 8px;
}
	
div.legend li:before {
	width: 16px;
	height: 16px;
}

	
/*************************************
	Slider
 *************************************/
	

.ctrl_bts {
	bottom: 30px;
}

section.text-slider .slider .slides {
	padding-top: 30px;
}

section.text-slider .slider .slides li {
	width: calc(100vw - 60px);
	margin-right: 60px;
	transition: none;
}

section.text-slider .slider .slides li.show {
	margin-left: 0;
}

section.text-slider .slider .slides ul {
	margin-left: 30px;
}

section.text-slider .slider {
	min-height: 0;
	height: auto;
}

section.text-slider .slider .slides,
	section.text-slider .slider .slides ul,
	section.text-slider .slider .slides li {
	height: calc((100vw - 60px) * (590 / 698));
}
    
section.panoramic-slider .slider .slides li {
    width: 80vw;
    margin-right: 10vw;
}
section.panoramic-slider .slider .slides ul {
    margin-left: 10vw;
}

section.panoramic-slider .slider .slides,
section.panoramic-slider .slider .slides ul,
section.panoramic-slider .slider .slides li {
    height: calc((590 / 900) * 80vw);
}



/*************************************
	Footer
 *************************************/


footer > div {
	padding: 60px 30px 0 30px;
}
	
footer nav ul {
	column-count: 2;
}
	
footer div.presentation,
footer div.form {
	grid-column: 1 / -1;
	padding-bottom: 40px;
}

footer div.presentation,
footer div.form {
	border-bottom: solid 1px rgba(var(--color-white), 0.125);
	padding: 30px 0;
}
	
footer div.form {
	grid-row-start: 3;
}
	
footer div.copyright-grp {
	grid-column-gap: 0;
	grid-row-gap: 30px;
	padding: 30px 0;
}

footer div.copyright {
	grid-column: 1 / span 12;
}

footer div.copyright > span {
	display: inline-block;
}

footer div.partners {
	grid-column: 1 / span 12;
	grid-row: 3 / 4;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 60px;
}

footer div.partners > span {
	padding: 0;
}

footer div.partners > span:nth-child(1) {
	position: relative;
	grid-column: 1 / span 1;
	border: none;
	margin: 0;
	padding: 0;
}

footer div.partners > span:nth-child(2) {
	position: relative;
	grid-column: 1 / span 1;
	grid-row: 2 / span 2;
	border: none;
	margin: 0;
	padding: 0;
}

footer div.partners > span:nth-child(1):after,
footer div.partners > span:nth-child(2):after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	right: -30px;
	top: 0;
	background: rgba(var(--color-white), 0.5);
}
	
footer div.partners > span:nth-child(n+3) {
	grid-column: 2 / span 1;
}

footer div.partners > span > img {
	width: 75%;
	height: auto;
}

footer div.partners > span:nth-child(n+2) > img {
	width: 100%;
}

footer div.social {
	grid-column: 1 / span 12;
	justify-self: start;
}
	
footer div.social > * {
	margin: 0 15px 0 0;
}

	
/*************************************
	Form
 *************************************/


#lightbox div.lightbox-content.gallery {
	width: 100vw;
	height: 100vh;
	padding: 30px;
}

#lightbox div.lightbox-content.gallery div.ctrl_arr {
    display: none;
}


	
}

@media screen and (max-width: 640px) and (max-aspect-ratio: 1/1) {
	section.header.small,
	section.header.small .slider,
	section.header.small .slider .slides,
	section.header.small .slider .slides ul,
	section.header.small .slider .slides li {
		height: 75vh;
	}
}