/* 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;
	}
	
	.book-section .form-column .inner-box{
		padding: 15px 0px;
	}
	
	.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){
	.footer-widget.links-widget iframe {
    margin-left: 0px;
}
.main-footer .about-widget .text{
	font-size:15px;
}
.main-footer .footer-column h2{
	padding: 0px 0px 0px;
}
.services-section .title-column .inner-box .text{
	text-align: justify;
}
.explore-section .content-column .inner-box .text{
	text-align: justify;
}
.inner-box.about-text h2 {
    width: 100%;
    font-size: 17px !important;
}
.explore-section .title-column {
    margin-bottom: 16px;
}
.inner-box.about-text span {
    font-size: 18px;
    float: left;
    margin-top: 6px;
}
.explore-section .content-column .inner-box h3{
	font-size:17px;
}
.twilight h3{
	font-size: 17px !important;
}
h2.about-twilight {
    font-size: 17px !important;
}
h2.about-pg {
    font-size: 17px !important;
}
.counter-section .title-box {
    position: relative;
    padding: 0px 0px;
}
.twilight {
    padding-left: 20px;
}
.counter-section .lower-content .content-column .inner-box{
	    padding-top: 0px;
}
.title-box.twilight-box {
    padding: 0px !important;
}
.main-footer .widgets-section {
    padding: 0px 0px 0px;
}
.our-gallery .right-column .content-box {
    padding: 10px 0px 0px 10px;
}
.explore-section .title-column .inner-box .more-link{
	    float: left;
		    margin-top: 11px;
}
.explore-section {
    padding: 30px 0px 0px;
}
.services-section {
    padding: 20px 0px 20px 0px;
}
	.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;	
		padding:14px 0px 0px;
	}
	
	.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:16px;
	}
	
	.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:30px;
	}
	
	.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: 20px;
	}
}

@media only screen and (max-width: 499px) {
	
	.main-header .main-box .logo-box .logo img{
		max-width:70%;	
	}
	
	.room-box .inner-box .lower-content .price{
		text-align: center;
	}
	
	.room-box .inner-box .lower-content .price .theme-btn{
		float: none;
		margin-top: 10px;
	}
	
}