@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
}
@media only screen and (max-width: 1700px){

}
@media only screen and (max-width: 1400px){
	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
	    left: auto;
	    right: 100%;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul {
	    left: auto;
	    right: 0;
	}
	.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
	    left: auto;
	    right: 100%;
	}
}
@media only screen and (max-width: 1200px){
	/* Default */
	.main-header .nav-outer .main-menu,
	.sticky-header{
		display: none !important;
	}
	.nav-outer .mobile-nav-toggler {
		display: block;
	}
	.banner-section .banner-slider-nav {
		display: none;
	}
	.feature-2-offer {
		top: -80px;
	}
	.section_heading {
		position: relative;
		z-index: 1;
	}	
	.room-2-left-column {
		width: 100%;
	}	
	.room-2-container {
		max-width: 100%;
	}	
	.room-2-right-column {
		width: 100%;
	}	
	.room-2-container2 {
		max-width: 100%;
	}
}
@media only screen and (max-width: 991px){
	.auto-container {
		max-width: 700px;
	}
	.page-title h1 {
		font-size: 30px;
	}
	h1 {
		font-size: 4rem;
	}
	h2 {
		font-size: 2rem;
	}
	.page-title{
	    padding: 90px 0;	
	}
	.section-padding2{
		padding:20px 0
	}
	.slider-nav-style-1,
	.main-header .header-upper .right-column {
		display: none !important;
	}
	form.hotel-booking-form-1-form {
		flex-wrap: wrap;
	}
	.hotel-booking-form-1.alt form.hotel-booking-form-1-form .form-group,
	.hotel-booking-form-1.alt2 form.hotel-booking-form-1-form .form-group {
		flex: auto;
	}
	.hotel-booking-form-1.alt form.hotel-booking-form-1-form .form-group:before,
	.funfact-1-block:before {
		display: none;
	}
	.form-alt {
		margin-left: 0;
	}
	.hotel-booking-form-1{
	    margin-top: -90px !important;	
	}
	.hotel-booking-form-1.alt .hotel-booking-form-1-wrap{
		    padding: 20px !important
	}
	.logo img{
		width: 150px;
	}
}
@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: 767px){	
	.auto-container {
		max-width: 575px;
	}
	.header-style-one .right-column,
	br {
		display: none;
	}
	.about-2-video-title br,
	.feature-3-offer br,
	.feature-2-offer br {
		display: block;
	}
}
@media only screen and (max-width: 575px){
	.d-flex {
		flex-wrap: wrap;
	}
	.form-alt {
		padding-left: 20px;
		padding-right: 20px;
	}
	.project-1-image {
		margin: 0;
	}
	.project-1-wrapper .swiper-container {
		overflow: hidden;
	}
	.feature-1-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	.hotel-booking-form-1 form.hotel-booking-form-1-form .form-group {
	    width: 46%;
    	display: inline-block;
    	margin-bottom: 15px;
    	flex: none !important;
    	margin-right: 0;
	}
	form.hotel-booking-form-1-form button {
    	width: 100%;
        font-size: 14px;
        border-radius: 0;
        text-align: center;
	}	
	.section-padding{
		        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 30px;
	}
	span.section_heading_title_small {
    	font-size: 20px;
	}
	.section_heading_title_big{
		font-size: 30px
	}
	.amnts{
		background: none !important
	}
	.icon_box-1.alt{
		padding-right: 10px;
		padding-left: 10px
	}
	.col-xs-6{
		width: 49%
	}
	.icon_box-1.alt p{
		font-size: 13px
	}
	.section_heading_title_alt {
    	font-size: 30px;
	}
	.plng-top-hd {
    	font-size: 10px;
    	letter-spacing: 2px
	}
	.cstm-mg{
		margin-bottom:20px
	}
	.abt-drs-sec{
		padding: 40px 0;
	}
	.mn-cnt p{
		font-weight: 300;font-size: 14px;
    	line-height: 25px;
	}
	.footer-widget-title h4{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.drs-img{
		width: 150px
	}
	.hotel-booking-form-1.alt .nice-select,
	.hotel-booking-form-1.alt2 .nice-select,
	.hotel-booking-form-1 .nice-select {
		max-width: 100%;
	}
	
}
@media only screen and (max-width: 400px){
	.main-header .header-upper .logo-box .logo {
		width: 180px !important;
	}
}










