
@media (max-width: 1199px) {
	header#fh5co-header-section .container {
		width: 100%;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		display: block;
		clear: both;
	}
	.sf-menu a {
		font-size: 15px;
		padding: 20px 10px !important;
	}
}
@media (min-width: 768px) {
	.container {
		width: 100%;
		max-width: 760px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 100%;
		max-width: 980px;
	}
	#col-md-3 * {
		max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 100%;
		max-width: 1180px;
	}
}
@media (max-width: 991px) {
	.feature-full-2col,
	.feature-full-2col .f-hotel {
		float: none;
		display: block;
		clear: both;
		width: 100%;
		max-width: 100%;
	}
	.sf-menu a {
	    font-size: 12px;
	    padding: 20px 5px !important;
	}
	.section-title {
		margin-bottom: 3em;
	}
	#featured-hotel, #hotel-facilities, #testimonial, #fh5co-blog-section, #fh5co-hotel-section, #fh5co-services-section, #fh5co-contact-section, #footer {
		padding: 2em;
	}
	.slider-text {
		min-height: 570px;
	}
	.slider-text > .slider-text-inner {
		min-height: auto;
	}
}
@media (max-width: 768px) {
	#featured-hotel, #hotel-facilities, #testimonial, #fh5co-blog-section, #fh5co-hotel-section, #fh5co-services-section, #fh5co-contact-section, #footer {
		padding: 1em;
	}
	.section-title {
		margin-bottom: 2em;
	}
	#fh5co-hero * {
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width:550px) {
	#featured-hotel, #hotel-facilities, #testimonial, #fh5co-blog-section, #fh5co-hotel-section, #fh5co-services-section, #fh5co-contact-section, #footer {
		padding: 0.5em;
	}
	.section-title {
		margin-bottom: 1em;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	p, ul, ol {
		font-size: 15px;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
}