/* custom responsive styles */

@media screen and (min-width: 768px) {
	.layout_full-width-media.height-lg, 
	.layout_full-width-media.height-lg {
		height: 45vw;
		max-height: 700px;
		min-height: 400px;
	}
	.row.content-row.layout_icons-w-details::before {
		content: '';
		position: absolute;
		height: 100%;
		left: 50%;
		top: 0;
		background-color: var(--blue);
		width: 2px;
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 992px) {
	header#page-header.hero-section {
		height: 80vh;
	}
	ul#main-menu {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-9 {
		width: calc(calc(var(--container-width) * 0.75) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-8 {
		width: calc(calc(var(--container-width) * 0.66666667) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-7 {
		width: calc(calc(var(--container-width) * 0.5833333333) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-6 {
		width: calc(calc(var(--container-width) * 0.5) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-5 {
		width: calc(calc(var(--container-width) * 0.4166666667) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-4 {
		width: calc(calc(var(--container-width) * 0.33333333) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-3 {
		width: calc(calc(var(--container-width) * 0.25) + calc(calc(100% - var(--container-width)) / 2));
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-3.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.25);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-4.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.33333333);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-5.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.4166666667);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-6.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.5);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-7.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.5833333333);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-8.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.66666667);
	}
	.row.content-row.layout_image-with-content.full-width .col-lg-9.content-col > .col-inner {
        max-width: calc(var(--container-width)* 0.75);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right > .col-inner {
		margin-left: auto;
	}
	#mobile-nav-toggle,
	#menu-sidebar {
		display: none;
	}
	.col-image.image-right {
		order: 2;
	}
	.content-inner-wrapper.layout_image-with-content {
		position: relative;
		overflow: hidden;
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right {
		margin-left: auto;
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left {
		margin-right: auto;
	}
	.row.content-row.layout_image-with-content.full-width .content-col > .col-inner {
		padding-right: calc(1.5rem * .5);
		padding-left: calc(1.5rem * .5);
	}
	.content-col.image-right.content-padding > .col-inner,
	.left.content-padding > .col-inner {
		padding-right: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left > .col-inner,
	.content-col.image-left.content-padding > .col-inner,
	.right.content-padding > .col-inner {
		padding-left: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col > .col-inner,
	.layout_image-with-content .content-col.content-padding > .col-inner {
		padding-top: var(--padding-md);
		padding-bottom: var(--padding-md);
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-right > .col-inner {
		padding-right: calc(var(--padding-md) + calc(1.5rem * .5));
	}
	.row.content-row.layout_image-with-content.full-width .content-col.image-left > .col-inner {
		padding-left: calc(var(--padding-md) + calc(1.5rem * .5));
	}
}

@media screen and (max-width: 992px) {
	.col-image figure.image-wrapper.size-cover {
		padding-top: 56.25%;
	}
	.menu-main-navigation-container {
		order: 3;
		width: 100%;
		margin-top: 1rem;
	}

	ul#main-menu {
		flex-direction: row;
	}
	a.contact-link.phone.icon::before {
		width: 2rem;
		height: 2rem;
		font-size: 0.95rem;
		line-height: 1.75rem;
	}
	a.contact-link.phone.icon {
		padding-left: 2.5rem;
	}
	.social-nav {
		font-size: 1.25rem;
	}
	ul#main-menu a, ul#menu-footer-menu a {
		font-size: 1.25rem;
	}
}


@media screen and (min-width: 768px) {
	.contact-map #map-sidebar {
		right: 0;
		top: 0;
		height: 100%;
		width: 290px;
		transform: translateX(100%);
		overflow: auto;
		padding: 2rem;
		position: absolute;
	}

	#map-sidebar.open {
		transform: translateX(0);
	}

	#map.open {
		width: calc(100% - 290px);
	}

	a#map-sidebar-toggle {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
		padding: 1rem 0.5rem;
	}

	a#map-sidebar-toggle.open {
		transform: translate(calc(-290px + 50%), -50%);
	}
	
	a#map-sidebar-toggle i {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	a#map-sidebar-toggle.open i {
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
}

@media screen and (max-width: 768px) {
	a.map-toggle .toggle-image img {
		padding: 0.5rem;
		max-width: 65px;
	}
	
	#page .point-of-interest h5 {
		font-size: 1.05rem;
	}
}
@media screen and (min-width: 768px) {
    #map-sidebar.open {
        transform: translateX(0);
    }
}

@media screen and (min-width: 768px) {
    .contact-map #map-sidebar {
        right: 0;
        top: 0;
        height: 100%;
        width: 290px;
        overflow: auto;
        padding: 2rem;
        position: absolute;
    }
}
@media screen and (max-width: 520px) {
	.point-of-interest {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media screen and (min-width: 500px) {
	.map-toggle br {
		display: none;
	}
}
@media screen and (max-width:768px) {
	a#map-sidebar-toggle i {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	a#map-sidebar-toggle.open i {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#map-sidebar-toggle {
		z-index: 20;
		font-size: 1.25rem;
		display: block;
		text-align: center;
		padding: 0.5rem;
		position: relative;
	}
	a.floating-nav-link > .icon-wrapper > i {
		font-size: 1rem;
	}
	a.floating-nav-link > .icon-wrapper {
		width: 2rem;
		height: 2rem;
	}
	a.floating-nav-link {
		padding: 0.5rem 0.75rem;
		padding-left: 0.5rem;
		font-size: 1rem;
	}
	a.navbar-brand.custom-logo-link {
		width: 200px;
	}
	#page .hero-content {
		max-width: calc(100% - 1rem);
	}
	.hero-content {
		padding: 2rem;
	}
	.row.cards-row {
		--bs-gutter-y: 1.5rem;
	}
	.floorplan-info > .row > *:nth-child(3)::before,
	.floorplan-summary-info > *:nth-child(3)::before {
		display: none;
	}
	.room-icons > img {
		height: 35px;
	}
	.row.floorplan-summary-info .col-inner {
		padding: 1rem;
	}
	a.map-toggle .h5 {
		font-size: 1rem;
	}
    a.map-toggle .toggle-image img {
        max-width: 50px;
    }
	button#reset-search {
		font-size: 0.85rem;
		width: auto;
		min-width: auto;
	}
	:root {
		--padding-md: calc(var(--section-padding) * 3);
	}
	ul#menu-footer-menu > li+li::before {
		display: none;
	}
	ul#menu-footer-menu > li+li{
		margin-top: 1rem;
	}
	ul#menu-footer-menu {
		flex-direction: column;
		text-align: center;
	}
}

@media screen and (max-width: 576px) {
	header#page-header {
		min-height: 450px;
	}
	ul.foating-nav > li+li {
		margin-top: 1rem;
	}
	a.navbar-brand.custom-logo-link {
		width: 175px;
		margin-right: 0;
	}
	a.contact-link.phone.icon {
		font-size: 1rem;
		display: block;
		margin-top: 0.5rem;
	}
	.icons-wrapper.vertical .icon-title {
		font-size: 1rem;
	}
	figure.icon > img {
		height: 30px;
	}
	.row.floorplan-summary-info h3 {
		font-size: 1.25rem;
	}
	.floorplan-summary-info .col-inner {
		font-size: 1rem;
	}
}