@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: 50px;
	}
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 2rem;
	}
	.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;
	}
}
@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: 100%;
	}
	.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 (min-width : 320px) and (max-width : 480px)  {
.abtim1c {
    height: 220px;
    width: 100%;
    margin-bottom:15px;
}
.banner-section .swiper-slide-active .content-box h1 {
    margin-bottom: 0px;
}
.ghimg{
        margin-top: -14px !important;
}
.maps{
    height:100px;
}
.pakk{
    margin-top:20px;
}
.whylogo{
    height: 125px !important;
    width: 125px !important;
    margin-bottom: 10px !important;
}
.pdd span{
    font-size: 17px !important;
    position: relative;
    padding-left: 9px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 9px !important;
    border-radius: 50%;
    left: -64px !important;
}
.fntss{
        font-size: 18px !important;
}
.breadcrbs-title{
        font-size: 16px !important;
}
p.feature-2-text {
    position: relative;
    margin-bottom: 15px;
}
h2.funfact-1-number.odometer {
    font-family: 'Cormorant', serif;
    color: #f6c521;
    font-size: 55px  !important;
}
.nav-logo img{
        max-width: 45% !important;
}
h2.funfact-1-number-prefix {
    color: #f6c521;
  font-size: 55px  !important;
}
.sfd{
        margin-bottom: -12px;
        padding: 17px !important;
}
.imgabts{
        margin-top: 561px !important;
}
.dfkh{
        height: 240px !important;
}
.brders{
    margin-bottom:20px;
}
.hero_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.innp{
    padding:13px 6px !important;
}
.banner-section .content-outer {
    position: relative;
    top: 10px;
    left: 11px;
}
.banner-section .swiper-slide-active .content-box h1 {
    opacity: 1;
    visibility: visible;
    color: black;
    font-size: 28px !important;
}
.col-md-25 {
    width: 50%;
    margin-left: 0px !important; 
}

}




@media only screen and (max-width: 400px){
	.main-header .header-upper .logo-box .logo {
		width: 140px !important;
	}.row{
	    margin-left:-15px !important;
	}
	.section-padding {
    padding: 35px 0 35px;
}
p {
    font-size: 14px;
}
	.banner-section .text {
    position: relative;
    font-size: 15px !important;
    line-height: 28px !important;
	}
	.btn-1.btn-large {
    padding: 12px 11px 12px;
}
	.btn-1 {
    position: relative;
    display: inline-flex;
        font-size: 13px;
    overflow: hidden;
    padding: 5px 17px 5px;
	}
	h4, .h4 {
    font-size: 21px;
    font-weight: 700;
}
.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left;
    margin-bottom: 0px; 
    margin-top: 25px;
}
h5, .h5 {
    font-size: 17px;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 24px;
}.footer-1-middle{
    padding:40px 0 10px;
}
.hotel-booking-form-1.alt .hotel-booking-form-1-wrap {
    background: #FFFFFF;
    box-shadow: 0px 10px 80px rgb(0 0 0 / 10%);
    padding: 26px 45px 0px;
}
.flaticon-tart img{
        width: 18% !important;
}
form input[type=search], form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
    background: #ffffff;
    width: 100%;
    height: 45px;
}
.footer-bottom-text{
    font-size:13px;
}
.about-2-image-2 {
    text-align: right;
    /* border: 3px solid white; */
    margin-top: -180px;
    width: 146px;
    float: right;
}
span.section_heading_title_small {
    font-size: 14px;
}
.about-2-video-area {
    left: 50%;
    top: calc(50% - 72px);
    position: absolute;
    width: 166px;
    height: 168px;
    background: #A3581F;
    text-align: center;
    color: #fff;
    padding-top: 23px;
}
.abtim1{
    height:300px;
    margin-bottom:20px;
    width: 100%;
}
	.banner-section .content-box {
    position: relative;
    padding: 35px 15px 45px;
    min-height: 499px;
}
}