@media only screen and (max-width: 991px) {
.banner-section-box h1{
font-size: 25px;
margin-bottom: 45px;	
} 
.date-btn-style {
background: #28581e;
cursor: pointer;
width: 50%;
margin-left: -12px;
}
.availabilty-style {
background-color: #4a833d;
padding: 10px 20px;
border-radius: 3px;
margin-left: 0px;
transition: .6s;
cursor: pointer;
border: 1px solid #4a833d;
transition: .6s;
font-size: 15px;
font-weight: 600;
}
.banner-section-box {
padding-top: 110px;
}
.banner-section-box-inner h1{
font-size: 25px;
margin-bottom: 45px;	
} 
.banner-section{
background-size: cover;	
height: auto;
margin-top: 0px;
padding:0px 0px 40px;
}
.checkin-section p {
text-align: center;
margin-bottom: 12px;
}
.checkout-section p{
margin-bottom: 12px;	
}
.mobile-section{
background: #fff;
padding:15px 10px 15px 10px;	
z-index:9;
box-shadow: 0 2px 15px rgb(0 0 0 / 23%);
}

.sidenav {
margin: 0px;
height: 100%;
width: 300px;
position: fixed;
z-index: 999;
display: block;
top: 0;
left: -300px;
background-color:#fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding-left: 0px !important;
}

.sidenav a {
padding: 10px 0px 10px 10px;
text-decoration: none;
font-size: 15px;
color: #787776;
display: block;
transition: 0.3s;
font-weight: 500;
border-bottom: 1px solid #e7e2e2;
font-family: 'Open Sans', sans-serif;
}

.sidenav a:hover {
color: #f1f1f1;
background:#e8ebe8;
}
.sidenav a.active{
color: #000;
background:#e8ebe8;	
} 
.sidenav .closebtn {
position: absolute;
top: 0px;
right: 15px;
font-size: 36px;
margin-left: 50px;
color: #000;
}
.menuOverlay.active {
opacity: 1;
visibility: visible;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOverlay {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOpen {
left: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
/*box-shadow:4px -4px 12px 2px rgb(0 0 0 / 23%), 4px -7px 20px 6px rgb(0 0 0 / 24%);*/
}
.left-side-img img{
height: auto;
}
.gallery-second-section img{
height: auto;	
}
p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
}
.property-section{
margin-top: 77px;	
}
.book-now-style{
margin-left: 0px;	
border-radius: 0px;
}
#mySidenav .sidenav a{
color: #46423f;
}
}
@media only screen and (max-width: 768px) {
.banner-section-box h1{
font-size: 25px;
margin-bottom: 45px;	
} 
.banner-section-box-inner h1{
font-size: 25px;
margin-bottom: 45px;	
} 
.banner-section{
background-size: cover;	
height: auto;
margin-top: 0px;
padding:0px 0px 40px;
}
.checkin-section p {
text-align: center;
margin-bottom: 12px;
}
.checkout-section p{
margin-bottom: 12px;	
}
.mobile-section{
background: #fff;
padding:15px 10px 15px 10px;	
z-index:9;
box-shadow: 0 2px 15px rgb(0 0 0 / 23%);
}

.sidenav {
margin: 0px;
height: 100%;
width: 300px;
position: fixed;
z-index: 999;
display: block;
top: 0;
left: -300px;
background-color:#fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
padding-left: 0px !important;
}

.sidenav a {
padding: 10px 0px 10px 10px;
text-decoration: none;
font-size: 15px;
color: #787776;
display: block;
transition: 0.3s;
font-weight: 500;
border-bottom: 1px solid #e7e2e2;
font-family: 'Open Sans', sans-serif;
}

.sidenav a:hover {
color: #f1f1f1;
background:#e8ebe8;
}
.sidenav a.active{
color: #000;
background:#e8ebe8;	
} 
.sidenav .closebtn {
position: absolute;
top:0px;
right: 15px;
font-size: 36px;
margin-left: 50px;
}
.menuOverlay.active {
opacity: 1;
visibility: visible;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOverlay {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.menuOpen {
left: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
/*box-shadow:4px -4px 12px 2px rgb(0 0 0 / 23%), 4px -7px 20px 6px rgb(0 0 0 / 24%);*/
}
.left-side-img img{
height: auto;
}
.gallery-second-section img{
height: auto;	
}
p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
}
.property-section{
margin-top: 77px;	
}
.book-now-style{
margin-left: 0px;	
border-radius: 0px;
}
#mySidenav .sidenav a{
color: #46423f;
}
a.availabilty-style{
text-decoration: none;
color: #fff;
}
a.mobile-btn-booknow{
text-align: center;
color: #fff;
}
}
@media only screen and (max-width: 600px) {
.submit-btn-style {
display: flex;
justify-content: center;
}
.checkin-section, .checkout-section{
padding: 15px;	
}
.banner-section-box {
padding-top: 120px;
}
.date-action-box{
margin-top: 22px;	
}
.about-us-section h1, .services-section h1, .property-section-style h1{
font-size: 35px;
text-align: left;	
}
.property-section-style h1{
padding-bottom: 15px;	
}
.gallery-first-section h2{
font-size: 25px;	
}
.img-aligin img{
width: 70px;	
}
.address-section p{
margin-bottom: 10px;	
}
.gallery-first-section{
margin-bottom: 26px;	
}
.about-us-section{
padding-bottom: 15px;	
}
.right-side-bg{
padding: 30px 25px 30px 26px;	
}
.property-section-style {
padding-top: 20px;
}
.contact-section-style{
padding-top: 20px;
padding-bottom: 20px;	
}
.footer-section img{
width: 150px;	
}
.social-icon-list li .fa {
font-size: 20px;
}
.footer-section {
padding: 10px;
}
.form-section {
padding: 20px 16px 20px;
}
.address-left-icon {
padding-left: 0px;
}
.mobile-btn-booknow{
margin-left: 0px;
border-radius: 0px;	
}
a.mobile-btn-booknow{
color: #fff;
text-align: center;
margin-top: 35px;
border-radius: 0px;
}
.about-us-section{
padding-top: 30px;	
}
.availabilty-style {
background-color: #4a833d;
padding: 10px 20px;
border-radius: 3px;
margin-left:0px;
transition: .6s;
cursor: pointer;
border: 1px solid #4a833d;
transition: .6s;
font-size: 15px;
font-weight: 600;
}
a.availabilty-style{
text-decoration: none;
color: #fff;	
}
.book-now-style{
padding: 10px 33px;
border-radius: 4px;
}
.availabilty-style{
padding:10px 30px;	
}
.border-line-style{
width: 20%;	
}
.nearby-box-section{
margin-bottom: 15px;	
}
.popular-attractions-section h1{
font-size: 25px;
}
.popular-attractions-section{
padding-top: 25px;	
}
}