@media only screen and (min-width: 860px) and (max-width: 3800px) {

	.hotel-listing-wrap .offcanvas {
		position: unset;
		visibility: visible;
		transform: unset !important;
		border-right: none;
	}

}

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

	.afford-hotellist .link-hotel-wrap {
		display: block !important;
	}

	.affordd-hotel-details {
		padding: 20px 0 0;
	}


}

@media only screen and (max-width: 767px) {
	a.navbar-brand-logo img {
		width: 150px;
	}

	a.filter-btn {
		display: flex;
	}

	.filters-sidebar {
		height: 800px;
		overflow-y: scroll;
	}

	.offcanvas-body ul.navbar-nav {
		display: block;
	}

	.offcanvas-body ul.navbar-nav a.nav-link {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.offcanvas-body ul.navbar-nav a.nav-link i.fa-solid {
		font-size: 18px;
	}

	header button.navbar-toggler {
		display: block;
		border: none;
		color: #fff;
	}

	header .navbar-toggler-icon {
		background: no-repeat;
	}

	header .link-menu {
		display: none;
	}

	header i.fa-solid.fa-bars {
		font-size: 30px;
	}

	.banner-section h1 {
		font-size: 30px;
	}

	li.nav-item.dropdown {
		margin-top: 10px;
	}

	li.nav-item.dropdown ul.dropdown-menu.show {
		width: 100%;
		border: 1px solid #eee;
		border-radius: 10px;
	}

	li.nav-item.dropdown ul.dropdown-menu.show li:first-child a.account-item{
		border-top: 0;
	}
	a.my-account-login.dropdown-toggle strong {
		color: #333;
	}

	.top-head {
		padding: 30px 0px;
	}

	.banner-section span {
		font-size: 16px;
		line-height: 1.1;
	}

	.check-in-out.col-sm-6.form-group {
		width: 50%;
	}

	.booking-search .row,
	.booking-search .form-group {
		padding: 0;
	}

	.booking-form .form-control {
		border: none;
	}

	.booking-search .col-md-3.col-sm-6.form-group {
		border: 1px solid #eee;
		padding: 0 10px;
	}

	form.booking-search {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
	}

	.search-button {
		text-align: left;
	}

	.search-button button.btn.btn-primary {
		font-size: 16px;
		margin: 10px;
		padding: 15px;
	}

	.view-img.col-md-4 {
		width: 100px;
	}

	.top-destinations .swiper-container {
		margin: 0;
	}

	h2.section-title {
		font-size: 20px;
	}

	.manage-order-service {
		margin: 10px 0;
	}

	.afford-icons {
		text-align: center;
		margin: 10px;
	}

	.afford-faq .accordion {
		padding: 15px;
	}

	.ad-banner img {
		margin: 5px 0;
	}

	ul.list-menu-link {
		display: inline-block;
		margin: 10px 0 0;
		column-count: 3;
	}

	ul.list-menu-link li {
		margin: 0 5px;
		display: inline-block;
	}

	ul.list-menu-link li a {
		font-size: 14px;
	}

	.connect-with-us {
		border-left: none;
		text-align: left;
	}

	.social-link {
		justify-content: start;
	}

	footer.footer-section {
		padding: 30px 0 20px;
	}

	.pb-40,
	.pb-30 {
		padding-bottom: 20px !important;
	}

	.pt-40,
	.pt-30 {
		padding-top: 20px !important;
	}

	.pb-60 {
		padding-bottom: 40px;
	}

	.pt-60 {
		padding-top: 40px;
	}

	.pb-80 {
		padding-bottom: 50px;
	}

	.pt-80 {
		padding-top: 50px;
	}

	.pb-80 {
		padding-bottom: 50px !important;
	}

	.managed-other-services img {
		height: 200px;
	}


	/* Hotel Booking */
	.afford-hotel-details.hotel-booking-details {
		padding: 0;
	}

	.booking-setep small {
		font-size: 100%;
		text-transform: capitalize;
		line-height: 1;
	}

	.hotel-booking-details .login-unlock-wrap {
		padding: 20px;
		margin-bottom: 15px;
	}

	/* Gallery */
	.hotel-gallery-image .d-flex.justify-content-between.align-items-center {
		display: block !important;
	}

	.contact-info,
	.hotel-gallery-image a.btn.btn-primary {
		margin-top: 20px;
	}

	.img-about {
		margin: 10px 0;
	}

	.simple-beginer h3 {
		font-size: 25px;
	}

	/* Hotel Details */
	.hotels-images {
		flex-wrap: wrap;
	}

	.imgholder-large img,
	.small-imgholder img {
		height: auto;
	}

	.hotels-images .col-sm-4 {
		display: flex;
		gap: 10px;
	}

	.small-imgholder img {
		height: 130px;
	}

	ul.list-amenities li {
		line-height: 1;
	}

	.login-unlock {
		flex-wrap: wrap;
	}

	.login-unlock .btn.btn-primary {
		margin-top: 15px;
	}

	.recommendedroomlist .d-flex {
		flex-wrap: wrap;
	}

	.recommendedroomlist .hotel-only-room,
	.recommendedroomlist .hotel-card {
		border: none;
		padding: 18px;
	}

	.hotel-only-room .col-sm-6 {
		width: 100%;
	}

	.pricing-section {
		text-align: left !important;
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #ddd;
	}

	.google-map iframe {
		height: 300px;
	}

	.list__review {
		padding-inline: 0.5rem;
	}

	.more-gallery.gallery-block.grid-gallery .item {
		width: 50%;
		margin-bottom: 5px;
	}

	.more-gallery.gallery-block.grid-gallery .item img {
		height: 130px;
	}

	.box-head-single {
		padding: 30px 0px;
	}

	.box-head-single h3 {
		font-size: 20px;
	}

	div#submit-jobs {
		padding: 20px;
	}

	.top-banner-careers .col-md-7 {
		padding: 30px 20px;
	}
	.top-banner-careers .container-full.d-flex.align-items-center {
		flex-wrap: wrap;
	}
	.top-banner-careers .col-md-7 p {
		font-size: 16px;
		line-height: 22px;
	}

	/* My Account */
	
	.user-my-account .d-flex.justify-content-between.align-items-center {
		flex-wrap: wrap;
	}
	.user-my-account .details-name h2 {
		font-size: 22px;
	}
	.user-my-account .details-name small {
		font-size: .75em;
	}
	.user-my-account strong.col-sm-3 {
		font-weight: normal;
	}
	.edit-my-account .col-sm-9.element-name {
		width: 100%;
		margin-top: 5px;
	}
	.edit-my-account .form-select{
		font-size: 13px;
	}

	.hotels-list-booked{
		flex-wrap: wrap;
	}
	.hotels-list-booked img {
		height: 150px;
		object-fit: cover;
		width: 100%;
	}
	.booked-price,
	.hotels-list-booked .booked-details-content {
		padding: 15px 5px;
	}
	.hotels-list-booked .col-md-2{
		width: 100%;
	}











}