/*============================================================================================*/
/* Repsonsive  */
/*============================================================================================*/

@media (min-width: 992px) and (max-width: 1200px) {
	#sub_content h1 {
		font-size: 50px;
	}
}

@media (max-width: 1024px) {
	.promo_full {
		background-attachment: scroll;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	#group_3 {
		display: block;
	}
}

@media (max-width: 991px) {
	ul#lang_top {
		margin-right: 45px;
	}

	#sub_content {
		padding: 0 60px;
	}

	#sub_content h1 {
		font-size: 42px;
	}

	#single_room_feat ul {
		margin-bottom: 10px;
	}

	.room_pic span,
	.room_pic.left span {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.grid ul li {
		width: 50%;
	}

	hr.more_margin {
		margin: 25px 0 30px 0;
	}
}

/* Tablet*/
@media (max-width: 768px) {
	#sub_content h1 {
		font-size: 42px;
	}

	#single_room_feat ul li i {
		font-size: 28px;
	}

	.room_desc_home.left h3 {
		margin-top: 0;
		padding-top: 0;
	}

	.room_desc_home.left {
		padding-bottom: 60px;
	}

	.mosaic_container .caption_2 {
		font-size: 14px;
	}

	#hero_video {
		background: #333 url(../img/sub_header_home.jpg);
		background-size: cover;
		background-position: center center;
	}
}

/* Mobile Landscape */
@media (max-width: 767px) {

	h1.main_title,
	h2.main_title {
		font-size: 32px;
	}

	h1.main_title span,
	h2.main_title span {
		font-size: 18px;
	}

	h3.caption_header {
		letter-spacing: 0;
		font-size: 28px;
		margin-bottom: 15px;
		padding: 10px 20px;
	}

	h3.main_title {
		font-size: 26px;
		margin-bottom: 30px
	}

	h3.main_title span {
		font-size: 16px;
	}

	p.lead.styled {
		font-size: 16px;
	}

	.promo_full_wp div h3 {
		font-size: 28px;
	}

	.promo_full_wp div h3 span {
		font-size: 16px;
	}

	#hero_video>div {
		padding: 60px 20px 0 20px;
	}

	#hero_video #sub_content .mobile_fix {
		background-color: rgba(0, 0, 0, 0.8);
		display: inline-block;
		padding: 15px 20px;
		font-size: 14px;
	}

	#hero_video #sub_content .mobile_fix h1 {
		margin: 0;
		font-size: 28px;
	}

	.about .img-responsive.styled {
		margin-bottom: 20px;
	}

	#container_1,
	#container_2,
	#container_5,
	#container_6 {
		width: 100%;
	}

	/* Parallax bg */
	.parallax-window#short,
	.parallax-window {
		height: 240px;
		min-height: 240px;
	}

	.parallax-content {
		font-size: 12px !important;
	}

	.parallax-content h3 {
		font-size: 30px !important;
	}

	.parallax-window#home {
		height: 240px;
		min-height: 240px;
	}

	#home #subheader {
		height: 240px;
	}

	#sub_content {
		padding: 0 10px;
	}

	#home #subheader #sub_content p {
		display: none
	}

	.parallax-window#short #subheader h1 {
		font-size: 24px;
	}

	.parallax-window#home #subheader_home {
		height: 240px;
		min-height: 240px;
		line-height: 1.1;
		padding: 40px 15px 0 15px;
	}

	.parallax-window#home #subheader_home #sub_content p {
		font-size: 16px;
	}

	.parallax-window#booking {
		min-height: 440px;
	}

	/* #booking #sub_content {
		padding: 30px 20px 0 20px;
	} */

	#container_3,
	#container_4 {
		width: 47%;
	}

	#group_1,
	#group_2,
	#group_3 {
		display: block;
	}

	/* Margin tools */
	.margin_60 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.margin_30 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.margin_60_35 {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.add_bottom_60 {
		margin-bottom: 30px;
	}

	.room_desc_home.left {
		padding-bottom: 30px;
	}

	#logo img {
		height: 60px;
	}

	#single_room_feat ul {
		display: block;
		margin-bottom: 10px;
	}

	#single_room_feat ul li {
		display: inline-block;
		width: auto;
		font-size: 11px;
	}

	#map {
		width: 100%;
		height: 300px;
	}

	.promo_full_wp,
	.promo_full_wp>div {
		display: block;
	}

	.box_overlay {
		padding: 25px;
		text-align: center;
	}

	.pic {
		position: static;
		margin-bottom: 25px;
		width: 100%;
		display: block;
	}

	.pic h4 {
		position: static;
	}

	.pic figure {
		margin: auto;
	}

	.comment {
		border-left: none;
		padding-left: 0;
		padding-top: 30px;
	}

	ul#policies {
		margin: 20px 0 30px 0;
	}

}

/* Mobile Landscape */
@media (max-width: 480px) {

	h3.caption_header {
		letter-spacing: 0;
		font-size: 20px;
		margin-bottom: 10px;
		padding: 8px 15px;
	}

	a.btn_slider {
		font-size: 13px;
	}

	#single_room_feat ul li i {
		font-size: 21px;
	}

	.grid ul li {
		width: 100%;
		min-height: 100%;
		float: none;
	}

	#hero_video>div {
		padding: 60px 20px 0 20px;
	}

	#hero_video #sub_content .mobile_fix {
		display: none
	}

	h1.main_title,
	h2.main_title {
		font-size: 28px;
	}

	h1.main_title span,
	h2.main_title span {
		font-size: 18px;
	}

	p.lead.styled {
		font-size: 16px;
	}

}

@media (max-width: 768px) {
	.mobile-menu {
		margin-top: 6px !important;
	}

	#logo img {}
}