/* Satek HTML Template */

@media only screen and (min-width: 1600px) {

	.reservation-section .form-column .inner-box,
	.reservation-section .offer-column .inner-box-content {
		padding-left: 80px;
		padding-right: 80px;
	}

}

@media only screen and (min-width: 1340px) {

	.reservation-section .form-column .inner-box,
	.reservation-section .offer-column .inner-box-content {
		padding-left: 30px;
		padding-right: 30px;
	}

}

@media only screen and (max-width: 1340px) {
	.page-wrapper {
		overflow: hidden;
	}

	.our-gallery .owl-controls .owl-nav {
		bottom: 30px;
	}
}

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

	.main-header {
		margin: 0px !important;
	}

	.page-wrapper {
		overflow: hidden;
	}

	.book-section .form-column .inner-box {
		padding-left: 0px;
	}

	.our-gallery .left-column,
	.our-gallery .right-column {
		width: 100%;
	}

	.our-gallery .right-column .content-box {
		max-width: none;
	}

	.our-gallery .owl-controls .owl-nav {
		display: none !important;
	}

}

@media only screen and (min-width: 1025px) {
	.hidden-bar.right-align.visible-sidebar {
		right: -400px !important;
	}

	.book-search-form button {
		font-size: 12px;
	}
}

@media only screen and (min-width: 768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}
}

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

	.main-header .main-box .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 200px;
		margin: 0px;
		text-align: left;
	}

	.main-header .main-box .outer-container {
		padding-left: 0px;
	}

	.main-header .nav-outer,
	.nav-outer .main-menu,
	.feedback-section:before,
	.book-section .title-column .inner-box .arrow-box,
	.explore-section .title-column .inner-box h2 br,
	.counter-section .title-box h2 br,
	.wellness-spa .content-column h3 br {
		display: none;
	}

	.main-header .nav-toggler {
		display: block;
	}

	.rooms-section .carousel-inner>.item>a>img,
	.rooms-section .carousel-inner>.item>img,
	.rooms-section .img-responsive,
	.rooms-section .thumbnail a>img,
	.rooms-section .thumbnail>img {

		height: 500px !important;
	}

	.rooms-section .carousel-caption {
		position: absolute;
		right: 15%;
		bottom: 20px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;

	}

	.page-title {
		position: relative;
		text-align: center;
		padding: 150px 0px 50px;
	}

	.book-section .form-column .inner-box {
		padding: 15px 0px;
	}

	.book-section .form-column {
		background-color: #000000;
	}

	.book-section .form-column .img-cen {
		text-align: center;
	}

	.book-section .avalability-column button {
		margin-top: 10px;
	}

	#footerCarousel .carousel-caption p {
		font-family: Merienda, cursive;
		font-size: 16px;
	}


	.main-footer .posts-widget .widget-content,
	.main-footer .posts-widget h2 {
		margin-left: 0px;
	}

	.about-section .images-column .inner-box {
		margin-top: 0px;
	}

	.book-section .form-column .inner-box,
	.book-section .avalability-column,
	.counter-section .lower-content .content-column .inner-box,
	.two-col-fluid.right-image .left-column .inner-box {
		padding-left: 0px;
	}

	.about-section .images-column,
	.services-section .content-column,
	.counter-section .title-box h2 {
		padding-left: 15px;
	}

	.our-gallery .left-column,
	.our-gallery .right-column,
	.feedback-section .outer-box .left-column,
	.feedback-section .outer-box .right-column {
		width: 100%;
	}

	.services-section {
		background-position: left top;
	}

	.event-section .title-box a,
	.news-section .title-box .see-events,
	.counter-section .lower-content .image-box {
		margin-top: 20px;
	}

	.feedback-section .outer-box .left-column .content-box,
	.feedback-section .outer-box .right-column .feedback-detail {
		max-width: none;
		padding-right: 20px;
	}

	.feedback-section .outer-box .right-column .feedback-detail {
		padding: 80px 20px 80px 15px;
	}

	.default-title h4 br,
	.post-style-one.rigth-image .inner-box .content-box::after,
	.post-style-one.left-image .inner-box .content-box:after,
	.post-style-one.top-image .inner-box .content-box:after {
		display: none;
	}

	.default-title h4 {
		text-align: left;
	}

	.two-col-fluid .image-column {
		position: relative;
		background: none;
		width: 100%;
	}

	.two-col-fluid .image-column .hidden-image {
		display: block;
	}

	.two-col-fluid .left-column .inner-box {
		padding: 80px 0px;
	}

	.our-gallery .right-column .content-box,
	.room-single-section .content-side {
		padding-left: 15px;
	}

	.rate-block .inner-box .lower-content .upper-box .stars {
		float: none;
		margin-top: 10px;
	}


}

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

	.header-upper .logo-outer {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		margin: 0px;
	}

	.main-header .header-top .top-right,
	.main-header .header-top .top-left {
		width: 100%;
	}

	.main-header .header-top .top-right ul li,
	.main-header .header-top .top-left ul li {
		margin: 0px 10px;
	}

	.main-slider .tp-caption {
		display: none !important;
	}

	.main-header .header-top .top-right ul,
	.main-header .header-top .top-left ul,
	.header-top .social-icon,
	.header-top .top-right ul {
		text-align: center;
		width: 100%;
		margin: 10px 0px;
		padding: 0px;
	}

	.sec-title h2 {
		font-size: 34px;

	}

	.book-section {
		margin-top: 0;
	}

	.sec-title h3,
	.sec-title-one h3,
	.sec-title-two h3 {
		font-size: 24px;
	}

	.about-section .images-column .column.big-column {
		margin-top: 0px;
	}

	.about-section .images-column,
	.contact-section .info-column {
		padding-left: 15px;
	}

	.sec-title-one h2,
	.news-block .inner-box {
		padding-left: 0px;
		text-align: center;
	}

	.explore-section.style-two .title-column .inner-box h2 br,
	.explore-section.style-three .title-column .inner-box h2 br,
	.counter-section .title-box h2 br,
	.explore-section .title-column .inner-box h2 br {
		display: none !important;
	}

	.explore-section.style-two .title-column .inner-box h2,
	.explore-section.style-three .title-column .inner-box h2,
	.explore-section .title-column .inner-box h2 {
		text-align: left;
	}

	.book-hotel {
		padding: 38px 15px 25px;
	}

	.newsletter-section h2,
	.sec-title-three h2 {
		font-size: 30px;
	}

	.page-title .title-box h2,
	.default-form .title-box h3,
	.reservation-section .offer-column .inner-box-content h2,
	.explore-section .title-column .inner-box h2,
	.counter-section .title-box h2 {
		font-size: 32px;
	}

	.rate-block.style-two {
		padding: 0px;
	}

	.post-style-one .inner-box .content-box .title {
		font-size: 24px;
	}

	.post-style-one .inner-box .content-box {
		padding: 25px 20px;
	}

	.news-block .inner-box .image-box {
		position: relative;
		margin: 0 auto;
	}

	.explore-section .title-column .inner-box,
	.two-col-text .column .text,
	.service-block .inner {
		padding-right: 0px;
	}

	.title-box a.pull-right,
	.rate-block .inner-box .lower-content .lower-box .book-now {
		float: left !important;
		margin-top: 20px;
	}

	.rate-block .inner-box .lower-content .lower-box .price-day {
		width: 100%;
	}

	.rate-block .inner-box .lower-content .lower-box .book-now,
	.reservation-section .rate-block .inner-box .lower-content .lower-box .book-now {
		float: left !important;
		margin-top: 20px;
	}

}

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

	.sec-title-two h2 {
		font-size: 38px;
	}

	.page-title .title-box h2,
	.page-title .title-box h1,
	.two-col-fluid .left-column .inner-box h2,
	.wellness-spa .content-column h3,
	.explore-section .title-column .inner-box h2,
	.explore-section.style-three .title-column .inner-box h2,
	.offer-section .content-box h3,
	.rate-block .inner-box .lower-content .upper-box h3 a,
	.default-form .title-box h3,
	.contact-section .column .default-title h3 {
		font-size: 24px;
	}
}

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

	.main-header .main-box .logo-box .logo img {
		max-width: 50%;
	}

	.room-box .inner-box .lower-content .price {
		text-align: center;
	}

	.room-box .inner-box .lower-content .price .theme-btn {
		float: none;
		margin-top: 10px;
	}

}