/* Responsive Design */
@media (max-width: 1500px) {
.room-full-info-section .rate-offer-card .offer-details{width: 100%;}
.room-full-info-section .rate-offer-card .offer-benefit{text-align: left; width: 100%;}
.room-full-info-section .rate-offer-card .offer-pricing{width: 50%;}
.room-full-info-section .rate-offer-card{align-items: center;}

}

@media (max-width: 1400px) {
.header .logo-wrap a{max-width: 190px;}
.rooms-section .price-section .price{ font-size: 2.4rem;}
.booking-form{max-width: 80%;}

.header .navbar .nav-links a{font-size: 1.4rem;}
.header .contact-info a:not(.btn){font-size: 1.4rem;}
.hero-banner .carousel-caption h1{font-size: 10rem;}
.hero-banner .carousel-caption h3{font-size: 4rem;}
.btn,.rooms-section .same-heading .show-all-btn{font-size: 1.5rem;}



.room-full-info-section .rate-offer-card .cart-btn{width: 30px; height: 30px;font-size: 16px;}
.room-full-info-section .rate-offer-card :is( .current-price,.original-price){font-size: 16px; line-height: normal;}


}

@media (max-width: 1330px) {

.header{padding: 2rem 3%;}
.header .logo-wrap a{    max-width: 180px;}
.header .navbar .nav-links a{padding: 0 0.3rem;}
.rooms-section .room-wrapper{min-height: 60rem}
.hotel-features{background-size:70% ;}

}

@media (max-width: 1199px) {

.header .navbar .nav-links { position: fixed; top: 0; right: -100%; transform: translateX(100%); background-color: #ffffff; transition: all 0.5s ease; max-width: 300px; width: 100%; height: 100%; box-shadow:2px -5px 5px 3px #e7e7e787; opacity: 0; visibility: hidden;}
.header .navbar .nav-links ul {flex-direction: column; align-items: start;height: 100%; overflow: auto; padding: 0 10px; }
.header .navbar .nav-links.active { transform: translateX(0); opacity: 1; visibility: visible; right: 0; z-index: 9; }
.header .navbar .nav-links li{padding: 6px 0; width: 100%; }
.header .navbar .nav-links a:not(.btn){color: var(--textPrimary-color); display: inline-block; }
.header .hamburger{display: block;}
.header .hamburger.active span{background: var(--textPrimary-color);}
.sidebar-open { overflow: hidden; }
.sidebar-open .overlay { opacity: 1; visibility: visible; }
.testimonial-wrap .customers-img{height: 420px;}

.rooms-section .room-details{max-width: 95%;}
.hotel-features .feature-images .play-icon{width: 8rem; height: 8rem; right: 6rem; border-width: 5px;}
.hotel-features .feature-images .play-icon img{width: 100%; max-width: 40px;}
.same-heading h2{font-size: 2.8rem;}
.hotel-features .same-heading h4{font-size: 1.8rem; margin-bottom: 1.5rem;}
.rooms-section .room-label{font-size: 1.8rem;}
.rooms-section .room-label:before{width: 25px;}
.rooms-section .room-label{padding-left: 3rem;}
.rooms-section .same-heading .show-all-btn{padding: 10px 15px;}
.rooms-section .feature-item{padding: 1.5rem 0;}
.rooms-section .feature-item .iconBx{width: 30px;}
.rooms-section .feature-item h4{width:calc(100% - 30px); font-size: 1.8rem;}
.rooms-section .location-item h4{font-size: 1.8rem;}
.rooms-section .price-section .price{font-size: 2rem;}

.room-banner h1{font-size: 3.5rem;margin: 1rem 0;}

.check-available-section .booking-form .col{flex: 0 0 50%;}
.check-available-section .booking-form .col .form-group{ margin-bottom: 10px; background: #f4f4f4; padding: 8px; border-radius: 5px;}
.check-available-section .booking-form .col .form-group input{ background: #f4f4f4;}

.check-available-section .booking-form .col:not(:last-child){border: 0 ;}
.check-available-section .booking-form .btn-primaryx{margin-top: 20px;}
.offers-row .offer-card h3{font-size: 18px;}
.room-full-info-section .left-slider-wrap{min-height: inherit; height: 300px;}

}



@media (max-width: 991px) {
   
.header{padding: 15px;}
.same-heading{margin-bottom: 3rem;}
.same-heading h2{margin-bottom: 1rem;}
.same-section{padding: 4rem 0;}
.same-section.all-room-list {padding: 4rem 0;}
.text-mobile-center{text-align: center;}
.hero-banner .carousel-caption h1{font-size: 5rem;}
.hero-banner .carousel-caption h3{font-size: 2rem;}
.hero-banner .carousel-item img{height: 80vh;}
.rooms-section .room-slider-wrapper{position: relative; width: 100%;     height: 400px;  }
.booking-form { margin: -5rem auto 4rem; padding:2rem;}
.booking-form  .form-group{margin-bottom: 10px; background: #f4f4f4; padding: 8px; border-radius: 5px;}
.booking-form .form-group input[type="date"] { background: #f4f4f4; }
.booking-form .col {flex: 0 0 auto; width: 50%; border: 0 !important;}
.booking-form .btn-primaryx{max-width: 100%;}
.booking-form .col:last-child { max-width: inherit; }
.booking-form .form-group input, .booking-form .form-group select{height: 3rem;}
.hotel-features{background-size:50% ;}
.hotel-features .feature-images .play-icon{width: 6rem; height: 6rem; right: 100px; border-width: 3px; top: 30px;}
.hotel-features .feature-images .play-icon img{max-width: 30px;}
.hotel-features .feature-images {text-align: center;}
.rooms-section .room-details{max-width: 100%; padding: 4rem 0;}
.rooms-section .room-wrapper{min-height: inherit;}
.rooms-section .feature-item h4{font-size: 1.6rem;}
.rooms-section .price-section .price{font-size: 1.8rem;}
.carousel .carousel-control-prev, .carousel .carousel-control-next{width: 35px; height: 35px;font-size: 16px;}
.rooms-section .carousel .carousel-indicators button{width: 19px; height: 4px;    margin: 0 3px;}
.carousel .carousel-btns-list{right: 15px;}
.carousel .carousel-indicators{left: 15px;bottom: 30px;}

.testimonial-wrap .customers-img{height: inherit; margin-bottom: 2rem;}
.testimonial-wrap .carousel-btns-list{position: relative;margin-top: 2rem; transform: inherit; left: unset; bottom: unset; justify-content: center;}
.testimonial-wrap :is(.carousel-control-prev, .carousel-control-next){width: 35px; height: 35px; font-size: 16px;}
.testimonial-wrap .customers-info{margin-bottom: 0;}
.testimonial-wrap .discription-bx{font-size: 1.8rem;padding: 1.7rem 0; }

.newsletter-wrap .subscribe-form .input-group{padding: 5px;}
.newsletter-wrap .subscribe-form .form-control{height: 4.5rem;}
.our-facilities-wrap .facilities-card .contentbx{left: 2rem; top: 2rem;}
.our-facilities-wrap .facilities-card h4{font-size: 1.8rem;}
.our-facilities-wrap .facilities-card p{font-size: 1.4rem;}
.our-facilities-wrap .owl-dots .owl-dot{width: 21px; height: 21px;}
.our-facilities-wrap .owl-dots .owl-dot span{width: 8px; height: 8px;}

.our-facilities-wrap .container-fluid{padding: 0 15px;}
.our-facilities-wrap .item{padding: 1rem 0.5rem 2rem 0.5rem;}

.all-room-list .left-side-img-bx .room-details{padding-left: 0;}
.all-room-list .rooms-section .room-wrapper{min-height: inherit;}


.inner-banner{text-align: center; padding: 10rem 0 3rem; min-height: inherit;}
.inner-banner h1{font-size: 3.2rem; margin: 1rem 0;}
.inner-banner-content .breadcrumb{justify-content: center;}
.inner-banner-content .breadcrumb li a{font-size: 1.4rem;}
.room-banner p{font-size: 1.6rem;}

.same-heading h2 .line-before{text-align: center;}

.check-available-section .booking-form .col:last-child{      flex: 0 0 100%; text-align: center;}
.check-available-section .booking-form .btn-primaryx{width:100%; max-width: 200px; margin: 15px auto 0;}
.check-available-section .offers-row .row {justify-content: center;}
.check-available-section .offers-row .col{flex: 0 0 50%;}
.check-available-section  .offers-row .offer-card h3{min-height: inherit;}

.booking-summary-card{margin-top: 30px;}
.booking-summary-card .booking-text{font-size: 14px;}
.room-tabs .nav-link{font-size: 14px;     padding: 6px 14px;}
.room-full-info-section .facility-check-list li label{font-size: 14px;}
.guest-details-wrap .same-heading{text-align: center;}
.guest-details-wrap .registere-btn .d-flex{justify-content: center !important; gap: 10px; flex-wrap: wrap;}
.guest-details-wrap .note-bx{text-align: center; }



}


@media (max-width: 767px) {

.footer .footer-content{text-align: center;}
.footer .footer-section{    background: #202229; padding: 10px; margin: 0 0 15px;  border-radius: 10px;}
.footer .footer-section h3{margin-bottom: 10px;}
.footer .footer-menu-list li{padding: 3px 0;}
.footer .copyright{margin-top: 2rem;}
.footer .copyright p{text-align: center; }
.footer .copyright .social-links{justify-content: center; margin-top: 1rem;}
.testimonial-wrap .customers-info{text-align: center; padding: 10px; background-size: 25px; background-position: right 15px top;}
.header .contact-info .btn-secondaryx{    font-size: 1.4rem;padding: 6px 20px;}
.header .contact-info .contact-text .iconBx{max-width: 25px;}
.video-modal-dialog .modal-dialog{max-width: 90%; margin: auto;}
.hotel-features .feature-images .play-icon{ right: 12vw; top: 3vw;}


.map-section iframe {height: 250px !important;}

}



 @media (max-width: 575px) {

.header .navbar .contact-info{display: none;}

.header .navbar .nav-links .show-mobile-menu{display: block;}
.header .navbar .nav-links .show-mobile-menu .iconBx{width: 15px; }
.header .navbar .nav-links .show-mobile-menu a:not(.btn){display: inline-flex;gap: 8px; }
.header .navbar .nav-links .btn-secondaryx{width: 100%; display: block; padding: 8px 20px; margin-top: 20px;}

.same-heading h2 {font-size: 26px;}
.rooms-section .room-label{padding: 0 0 10px; text-align: center;}
.rooms-section .room-label:before{right: 0; margin: auto; top: unset; bottom: 5px;}
.rooms-section  .title-with-show-btn{flex-direction: column;}
.rooms-section .same-heading h2{margin-bottom: 15px;}
.rooms-section .price-section{flex-direction: column;}
.booking-form .col{width: 50%;}
.booking-form .col:last-child {
max-width: 50%;
}
.payment-progress-bar {
	display: none;
}
.rooms-section .price-section .price{margin-bottom: 15px;}
.hero-banner .carousel-caption{top: 56%;}
.booking-form{max-width: 90%; padding: 10px;}
.video-modal-dialog .modal-dialog iframe{height: auto;}
.check-available-section .offers-row .offer-card h3{font-size: 18px;}
.check-available-section .offers-row .col{flex: 0 0 100%;}

.room-info-card .room-header{flex-wrap: wrap;         flex-direction: column;}
.room-full-info-section .room-max-occupancy{padding: 0 ;}
.room-full-info-section .left-slider-wrap{height: 250px;}

}