/* CSS Document */
@media (min-width: 1024px) {
	.front #letterbox #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 600px;
	}

	.view-display-id-accommodation_features_block .view-content > div {
		width: 30%;
	}
	#frontpage_single_slide:hover .slider-nav
	{
		display: flex;
	}
}

@media (max-width: 576px) {
	.container {
		max-width: 540px;
	}
}


@media (min-width: 1280px) {
	#mobi-header {
		display: none;
	}

	#header {
		display: block;
	}

	#hero-wrapper {
		margin-top: -127px;
	}

	#letterbox #hero-wrapper {
		margin-top: -80px;
	}

	.tv,
	.logged-in .tv {
		height: 100vh;
	}

	#letterbox .tv,
	.logged-in #letterbox .tv {
		height: auto;
	}
}

@media (max-width: 600px) {

	.mh-head.Sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		right: 0;
		z-index: 40;
		transition: -webkit-transform .2s ease;
		transition: transform .2s ease;
		transition: transform .2s ease,-webkit-transform .2s ease;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	#footer {
		padding-top: 20px !important;
	}

	.info-panel,
	.info-panel-image .field-content {
		display: block !important;
	}

	.info-panel-image .field-content > img {
		width: 100% !important;
		height: auto !important;
	}

	.info-panel > div {
		width: 100% !important;
		display: block !important;
	}

	.info-panel-text {
		padding: 10px !important;
	}
}

/* Boostrap XL Breakpoint*/
@media (min-width: 1600px) {

}

@media (min-width: 1921px) {

}

@media (max-width: 1599px) {

}

@media (max-width: 1348px) {

}

@media (max-width: 1279px) {
	#hero-spacer {
		display: none;
	}

	.page-node-18 #google_map_block {
		margin-top: 0;
		min-height: 300px;
	}

	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: calc(100vh - 89px);
	}
}

/* Boostrap LG Breakpoint*/
@media (max-width: 1199px) {

}

@media (max-width: 1023px) {
	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 510px;
	}
}

#check-availability {
	background: #f4f4f4;
	padding: 20px 0px;
}

@media (min-width: 1125px) {
	#hero-wrapper #block-views-hero-banners-homepage-hero-text {
		display: none;
	}



	#check-availability {
		padding: 0;
		position: absolute;
		left: 80px;
		right: 80px;
		top: 60%;
		top: calc(50% + 174px);
		transform: translateY(-50%);
		z-index: 12;
		background: transparent;
	}
}

/* CSS Document */
@media (min-width: 1280px) {
	#check-availability {
		/* top: unset; */
	}

}

/* Boostrap MD Breakpoint*/
@media (max-width: 991px) {
	.tv,
	.logged-in .tv {
		min-height: 450px;
	}

	.form-submit label {
		display: none;
	}

	#footer-branding {
		display: flex;
		justify-content: center;
		margin-bottom: 15px;
	}
}

/* Boostrap SM Breakpoint*/
@media (max-width: 767px) {
	.tv,
	.logged-in .tv {
		min-height: 320px;
	}

	.tile a.overlay::before,
	.tile a.overlay::before {
		opacity: 0.45;
	}

	.accommodation-details-bar {
		position: relative;
		padding-top: 20px;
		padding-bottom: 40px;
		margin-bottom: 30px;
	}

	.accommodation-details-bar .accommodation-icons {
		text-align: center;
	}

	.accommodation-details-bar .accommodation-icons > span {
		display: inline-block;
	}

	.accommodation-details-bar .booking-link {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.accommodation-details-bar .accommodation-icons > span {
		margin-left: 10px;
		margin-right: 10px;
	}

	#body-wrapper {
		padding-top: 30px;
	}

	/*.main-content,
	#after-content .region > div.block {
		margin-bottom: 40px;
	}

	#after-content .region > div.block {
		margin-bottom: 40px;
	}*/

	.page-node-18 #google_map_block {
		min-height: 250px;
	}

	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 390px;
	}

}

@media (max-width: 640px) {
	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 350px;
	}
}

@media (max-width: 575px) {
	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 290px;
	}
}

@media (max-width: 480px) {
	.tv,
	.logged-in .tv {
		min-height: 200px;
	}

	.front #hero-section .flexslider .slides .field-name-field-hero-banner .field-item {
		height: 242px;
	}

	.row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-left: 10px;
		padding-right: 10px;
	}
}