/* 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: 700px;
        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;
    }
}