/* Max Responsive Style  */

@media screen and (min-width: 1440px) and (max-width: 1920px) {
.page-width-full .WhyChooseBox, .CheckAvailability .page-width-full, .ContactInformation .page-width-full
	{padding-left: 9rem;padding-right: 0px;max-width: 100%;}
}

@media screen and (min-width: 1200px) and (max-width: 1640px){
.requestCard {left: 3rem;min-width: 500px;}
.AvailabilityOverlay {padding: 7.2rem 5rem 7.2rem 21rem;}

}


@media (max-width:1199.5px){
.navbar {grid-template-columns: 1fr 1fr 1fr;}	
.logo { text-align: center; }
.navbar-brand img { max-width: 150px;height: 120px;}	
.nav_style, .header_top {display: none !important;}	
.main_header {position: relative;padding-bottom: 0px !important;}
.main_header::before {position: absolute;content: "";width: 100%;height: 1px;background: rgba(171, 132, 94, 0.58);bottom: 40px;}
.Hamburger{margin-top: -20px;filter: brightness(0) saturate(100%) invert(30%) sepia(15%) saturate(20%) hue-rotate(49deg) brightness(100%) contrast(83%);}
.logo img {background-color: var(--pure-white);padding: 0px 10px;}
.border-lg-0{border:none;}
.lang-list {margin: 0px;padding: 0;justify-content: end;margin-top: -25px;}
.lang-list li:before{padding: 0px 2px;}
.lang-list a {font-size: 12px;margin: 0;color: var(--davy-grey);}

.SideContent::after {display: none;}
.SideContent {padding-bottom: 0;}
.sidenav-header {padding-bottom: 0px !important;border-bottom: none;position: relative;grid-template-columns: 1fr 1fr 1fr;}
.sidenav-header::before, .sidenav-header::after  { position: absolute; content: ""; width: 34%; background: rgba(171, 132, 94, 0.58); height: 1px; left: 0; bottom: 44px; }
.sidenav-header::after {right: 0;left: auto;}

.closebtn{text-align: left;}
.lang-book{justify-content: end;}
.closebtn, .lang-book{margin-top: -30px;margin-left: -8px;}

.HeroBanner { padding: 3rem 0px;}
.filtercard{margin-top: 40px;}

.section_content p br{display: none;}

.VideoWithPopup .img-fluid {aspect-ratio: 16 / 8;}

.WhyChooseHI::before{height: 64%;}

.testimonial .swiper-container{max-width: 540px;}
.swiper-button{width: calc(var(--swiper-navigation-size) / 44* 50);height: calc(var(--swiper-navigation-size) / 44* 50);}

.requestCard {padding: 20px;left: 2rem;min-width: 300px;}
.AvailabilityOverlay {padding: 7.2rem 5rem 7.2rem 10rem;gap: 20px;}

.SpecialDetials_hero-banner{padding-bottom: 6rem !important;}
.pricewithbooking{margin-top: -70px;}
.icon-box img { width: 50px; height: 50px; }

.RequestPopup-content {width: 100%;}

.TextColumnswithImages .row>* {margin-bottom: 50px;}
.OfferTag { width: 78px; height: 78px; line-height: 26px; margin: 18px;}
.percentag{font-size: 18px;}
.off-text{font-size: 24px;}

.ArticalDate{top: 15px; left: 15px; width: 67px; height: 67px;}
.MonthName{font-size: 18px;}
.DayText {font-size: 28px;line-height: 30px;}

.GalleryOverlay{margin: 20px;width: calc(100% - 40px); height: calc(100% - 40px);}

.getintouch { margin-top: 30px; padding-top: 30px; }
.contact-form-bg{padding: 30px;}
.contact-form{padding: 40px 20px;}

.footer-text_link{padding: 30px 0px;}
.footer-bottom{padding: 20px 0px;}
.footer-top {position: relative;}
.footer-top::before { position: absolute; content: ""; width: 100%; height: 1px; background: var(--pure-white); left: 0; right: 0; top: 50%; }

}

@media (max-width:991.5px){
.quate-box{margin-bottom: -70px;margin-top: 20px;}
.testionilal-img-star{display: flex;align-items: end;gap: 15px;margin-bottom: 20px;}
.testi-img-card {overflow: hidden;border-radius: 6px;line-height: 0;filter: drop-shadow(8px 8px 4px rgba(0,0,0, 0.25));}

.requestCard {padding: 20px;top: 0;left: 0;min-width: 100%;margin-bottom: -300px;}
.CheckAvailability {margin-top: 3rem;}
.AvailabilityOverlay {padding: 48px 20px;gap: 30px;padding-top: 20rem;}
.CheckAvailability .page-width {padding: 0;max-width: 100%;}
.dots-bg {padding: 20px;background: none;}

.RoomImageBlockSlider .slider__controls {position: absolute;right: 20px;bottom: 20px;display: flex;gap: 10px;}
.RoomImageBlockSlider .swiper-button {position: relative;top: 0;left: 0;right: 0;width: calc(var(--swiper-navigation-size) / 44* 42);height: calc(var(--swiper-navigation-size) / 44* 42);}
.RoomImageBlockSlider .swiper-button svg {width: 10px;}

.bd-info{padding-right: 30px;}

.table-responsive { display: grid ; grid-template-columns: 1fr; gap: 20px; }
.table-footer.border-line-top::before {display: none;}
.table-footer.border-line-top {border-top: 1px solid;border-bottom: 1px solid;padding-bottom: 1rem;border-color: var(--primary-color);margin-top: 10px;}
.table-total{font-size: 28px;}
.tr-mobile{border: 1px solid var(--platinum);border-radius: 10px;padding: 14px 21px;}

.MoreOffers .light-grayish-yellow { background-color: transparent; } 
.MoreOffers .order-3 { background-color:var(--pure-white); }

.TextColumnswithImages .row>* {margin-bottom: 36px;}
.MoreFacilities .light-grayish-yellow {background-color: var(--pure-white);}


}

@media (max-width:768.5px){

.main_header::before{bottom: 35px; display: none;}
.brand-logo img { max-width: 120px;height: 50px;}
.sidenav-header::before, .sidenav-header::after{bottom: 40px;width: 37%; display: none;}
.navbar {
	padding: 10px 0;
}
.filtercard .d-grid { grid-template-columns: 1fr; }

.FeatureText h2 br {display: none;}
.FeatureText p{margin: 20px 0px;}

.VideoWithPopup .img-fluid { aspect-ratio: 16 / 9; }
.video-pop-btn svg { width: 120px; }

.FacilitiesIcon h5{font-size: 1rem;}

.rooms-photos, .r-photos-grid{grid-template-columns: 1fr;}
.AmenitiesGrid{gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.AmenitiesList{gap: 20px;}

.title_tab{font-size: 18px;padding-left: 15px; padding-bottom: 15px;padding-top:  15px;}
.fancybox-content{padding: 24px;}

.payment-radio .input-radio-box [type="radio"]:not(:checked) + label {font-size: 18px;}
.payment-radio .input-radio-box [type="radio"]:checked + label {font-size: 20px;}

.booking-details{gap: 20px;}
.bd-info { flex: 0 0 calc(50% - 10px); }
.bd-info:nth-child(2) { border-right: none; }

.SpecialDetials_hero-banner { padding-bottom: 5rem !important; }
.pp-text {font-size: 14px;}

.footer-bottom{text-align: center;}
.footer-top::before {display: none;}
.footer-top .border-right { border-right: none; border-bottom: 1px solid var(--pure-white); }
.footer-top .page-width { max-width: 100%; }
.WhyChooseHI::before{height: 63%;}
.reserver-room {padding-left: 20px;padding-right: 20px;}
.icon-box img{width: 42px;height: 42px;}
.global-popup .form-btn .btn {min-width: 100%;width: 100%;}
#SepecialOfferRequest.fancybox-content{padding: 20px;}
.pagination li{flex: 0 0 40px; height: 40px;}
.icon-quate-gray{flex: 0 0 32px;}
.icon-quate-gray img { width: 100%; }
.more-blog-images {grid-template-columns: 1fr;}

.GalleryOverlay{margin: 15px;width: calc(100% - 30px); height: calc(100% - 30px);}
.inner_hero-banner .hero-content{gap: 3px;}
.contact-form-bg{padding: 20px;}
.contact-form{padding: 30px 20px;}
.online-map { aspect-ratio: 1 / 1; }
.pricetag{font-size: 18px;}
}

@media (max-width:576.5px) {
.card-filter label, .card-filter .form-select, .card-filter .form-control{font-size: 14px;}
.card-filter .form-select{padding: .375rem 15px .375rem 0;background-position: right -1px center;}
.WhyChooseHI::before{height: 71.5%;}
.FacilitiesList{gap: 10px;}
.AmenitiesList{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
.HouseRulesCard{grid-template-columns: 1fr;}
.roomcost {display: flex;align-items: center;flex-wrap: wrap;}
.from-lable {flex: 100%;}
.r-form-header {flex-wrap: wrap;}
.ReservationG{padding: 20px;}
.address-card p{display: flex;}
.address-card p + p {flex-direction: column;gap: 16px;}
.address-card p span + span {margin-left: 0;}
.pr-card{padding: 10px;}
.pr-booking-btn{width: 100%;justify-content: center;}
.pp-text {font-size: 12px;}
.pr-booking-btn a span + span{font-size: 14px;}
.pricewithbooking{margin-top: -50px;}
.SpecialDetials_hero-banner { padding-bottom: 4rem !important;}
.icon-text-box p{line-height: 28px;}
.contact-img{flex:0 0 90px; height: 90px;}
.online-map {aspect-ratio: 1 / 1.5;}
.product-image{aspect-ratio: 1 / 0.82;}
.contact-form-bg{padding: 0; border-radius: 10px;}  
.contact-form {
        padding: 25px 10px;
    }
}

/* Min Responsive Style  */
@media (min-width:992px) { 
.RoomFullDetails h2, .reserver-room h2 { font-size: 32px;margin-bottom: 0px;}
.form-sub-text h3 { font-size:24px;}
.TextColumnswithImages .row>* {margin-bottom: 80px;}
}

@media (min-width:1200px) { 
.Hamburger {position: absolute;right: 0;}
.nav_style, .Hamburger { margin-top: 75px; }
.home_hero-banner { height: 800px; overflow: hidden; }
.rooms_hero-banner { height: 660px; overflow: hidden; }
.SideSubContent h2, .form-middle-heading h2, .global-form .form-group label.h2 {font-size: 2rem;}
.SideFooter h2 {font-size: 1.563rem;}
.VideoWithPopup .img-fluid {height: 806px;}
.WhyChooseBox .swiper-button{width: calc(var(--swiper-navigation-size) / 44* 78);height: calc(var(--swiper-navigation-size) / 44* 78);}
.inner_hero-banner {padding: 6rem 0px;}
.TextColumnswithImages .row>* {margin-bottom: 150px;}
.blog-full-details h1{font-size: 45px;margin-bottom: 20px;}
.blog-full-details blockquote{font-size: 25px;}
}

@media (min-width:1367px){
/*.filtercard .d-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }*/
.filtercard .d-grid  {grid-template-columns: 1fr 1fr 1fr 1fr auto;}
.card-filter .form-select {padding-right: 20px;background-position: right 0px center;}
}