/*`md` applies to small devices (landscape phones, less than 768px)*/
@media only screen and (max-width: 999px) {
    .hotel-image-head {
    display:none;
    }
   .h-14 {
    height: 4.5rem;
    } 
.container {
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 0.5rem;
    }
.togContent{
    position: fixed;
    inset: 0px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1040;
    overflow-y: auto;
    }
 .togContent p {
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 25px;
    padding-left: 10px;
    margin: 0;
    } 
.dis-more {
    max-width: 95%;
    font-size: 15px;
    padding-top: 10px;
    margin-right: 1rem;
    margin-left: 0.4rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 21px;
    }
    .room-detail-2 {
    padding-left: 18px;
    padding-right: 18px;
}
.room-detail-amin-1 {
    max-width:25%;
    float:left;
    margin-right: 1rem;
}
.room-detail-amin-2 {
    max-width:25%;
    float:left;
    margin-right: 1rem;
}
.room-detail-amin-3 {
    max-width:25%;
    float:left;
    margin-right: 1rem;
}
.room-detail-amin-4 {
    max-width:25%;
    float:left;
    margin-right: 1rem;
}
.room-detail-amin-5 {
    max-width:100%;
    float:left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.flex-room-detail {
    display: flex;
}
.rates-row{
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}
.type-cart-1 {
    width: 96%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.checkout-main-head {
    font-family: "Marcellus"!important;
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 2.5rem;
    letter-spacing: -.025em;
}
.type-cart-pay {
    width: 100%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.type-cart-2 {
    width: 50%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.width-f-cart {
    width:33%;
}
.g-ty-space-pay {
    margin-top: 0px;
    margin-right: 21px;
    margin-bottom: 30px;
}
.w-2\/7 {
    width: 100%;
}
.pl-0, .px-0 {
    padding-left: 20px!important;
}

.pr-0, .px-0 {
    padding-left: 20px!important;
}
.rates-row{
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}
.pro-01 {
    margin-top: 4.75rem;
}
.pro-01 .pro-02 {
    max-width: 56.25rem;
    margin: 0 auto;
}

}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 640px) { 
    .desk-v{
    display:none;
}
.mob-v{
    display:block;
}
    
}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (min-width: 640px) { 
   .desk-v{
    display:block;
}
.mob-v{
    display:none;
} 
}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 768px) { 
       .Rl-Col-grid > * {
    padding: 0rem;
    }
    #slideNavRooms {
    display:none;
    }
    .filtter-top{
       display:none; 
    }
    .flex-room-detail {
    flex-wrap: wrap;
}
    .room-detail-amin-1 {
    max-width:100%;
    float:left;

}
.room-detail-amin-2 {
    max-width:100%;
    float:left;

}
.room-detail-amin-3 {
    max-width:100%;
    float:left;

}
.room-detail-amin-4 {
    max-width:100%;
    float:left;

}
.togButton {
    padding-bottom: 20px;
    padding-top: 0px;
} 
.col-md-2 {
    border-bottom: 1px solid #8c816b;
    margin-bottom:20px;
}
.rates-row{
    margin-top:10px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}
#Rate_scroll{
   max-height: 100%;
    overflow-y: 0;
    margin-bottom: 30px;
}
.rate-scroll::-webkit-scrollbar-track{
    background: #fff;
}
    .cart-col-1 {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.g-info {
    margin-top: 20px;

}
.type-cart-pay {
    width: 100%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.type-cart-2 {
    width: 98%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.width-f-cart {
    width:90%;
}
.g-ty-space-pay {
    width:100%;
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 30px;
}
.Rl-Col {
    min-height: 390px;
    margin-bottom: 20px;
}
.warnig_color{
    width:100%!important;
}
.flex-col-24{
    width:100%;
}
.flex-col-25{
    width:100%;
}
}

/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) { 
.sm\:pt-10 {
    padding-top: 2.5rem;
} 
.rates-row {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.pro-02:before {
    top: 1.25rem;
}
 .pro-01 {
    border-top: 1.125rem solid #e6f1fa;
    border-bottom: 1.25rem solid #e6f1fa;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
}
.pro-03 {
    padding: 3.4375rem 0 0;
}
.pro-03:before {
    width: 2.5rem;
    height: 2.5rem;
}
.pro-03:before {
    height: 2.5rem;
    border-width: 2px;
    font-size: .875rem;
    line-height: 2.25rem;
    width: 2.5rem;
} 
.pro-03 svg {
    top: -0.3125rem;
}
.pro-03 svg {
    width: 1rem;
    height: 1rem;
    top: 0.75rem;
}
.pro-01 .pro-02 .pro-03>div {
    max-width: 100%;
}
}

/*Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 999px) { 
    .type-cart-1 {
    width: 47.5%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.type-cart-pay {
    width: 100%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.type-cart-2 {
    width: 50%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.width-f-cart {
    width:33%;
}
.g-ty-space-pay {
    margin-top: 0px;
    margin-right: 21px;
    margin-bottom: 30px;
}  
.sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.calendar-content {
    width: 75%;
    border-radius: 0.5rem;
}

}

/*X-Large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 1024px) { 
.pro-01 {
    max-width: 75rem;
    margin: 0 auto;
    padding-bottom: 1.0625rem;
}
.lg\:pr-1\/24 {
    padding-right: 4.166666666666666%;
}

.lg\:block {
    display: block;
}
.lg\:aspect-\[55\/29\] {
    aspect-ratio: 55/29;
}
.aspect-\[25\/13\] {
    aspect-ratio: 25/13;
}
.sm\:rounded-md {
    border-radius: 0.375rem;
}
.sm\:border {
    border-width: 1px;
}
.lg\:mb-4 {
    margin-bottom: 1rem;
}
.checkout-main-head{
    font-family: "Marcellus"!important;
    font-weight: 900;
    font-size: 2.25rem;
    line-height: 2.5rem;
    letter-spacing: -.025em;
}
.sm\:pt-10 {
    padding-top: 2.5rem;
}
    .cart-col-1 {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.g-info {
    margin-top: 30px;

}
.type-cart-pay {
    width: 61%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.type-cart-2 {
    width: 98%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.width-f-cart {
    width: 50%;
}
.g-ty-space-pay {
    margin-top: 0px;
    margin-right: 27px;
    margin-bottom: 30px;
}
.pay-main-head {
    font-family: "Marcellus"!important;
    font-weight: 900;
    font-size: 1.50rem;
    line-height: 2.5rem;
    letter-spacing: -.025em;
    padding-right:20px;
}
.pay-main-head-link {
    color:#b35b5b;
}
.lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.calendar-content {
    width: 50%;
}
.flex-col-24{
    width:66%;
}
.flex-col-25{
    width:34%;
}
}

.bg-secondary {
    background-color: rgba(var(--color-secondary),var(--tw-bg-opacity));
}

.width-f-full {
    width: 100%;
}
.h-1 {
    height: 0.25rem;
}
.left-0 {
    left: 0;
}
.absolute {
    position: absolute;
}

.book-img-check {
    width: 100%;
    vertical-align: top;
    height: auto;
}
.w-2\/7 {
    width: 28.57142857142857%;
}
.w-cart-width {
    width: 100%;
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    
    
}


.badge-rooms-left {
    color: #e12d2d;
    font-size: 0.799em;
    padding: 4px 10px;
    height: 19px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e12d2d;
    font-family: arial;
    
}
.badge_icon {
    position: relative;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    fill: #fff!important;
}
.flexi-row-radio {
    margin-bottom: 15px;
    margin-right: 10px;

}
.flexi-row-rate{
    padding-left: 18px;
    margin-bottom: 0;
    line-height: 0.9;
    padding-left: 28px;
    min-height: 50px;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.radio-mark:hover{
    color: #bb9631;
}
.rate-dtails-des {
    position: fixed;
    inset: 0px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1040;
    overflow-y: auto;
    }
    
.filter-currency {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.filtter-top{
 width:70%;
}
.currency-top{
 width:30%;
 
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
.cart-heading {
    font-family: "Marcellus"!important;
    font-size: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.25;
    font-weight: 700;
}
.type-cart{
    width: 95%;
    background-color: #fff;
    border-color: #e5e7eb;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-right: 30px;
}
.label {
    display: inline-flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.5;
}

    .cart-col-2 {
    width:50%;
    float:left;
}
.cart-top-guest{
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom:30px;
    padding-bottom:10px;
    
}
.hhh-1 {
    height: 0.25rem;
    padding-bottom: 0.5rem;
}
.svg-icon-cart{
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    fill: currentColor;
}

.g-ty-space {
    margin-top: 0px;
    margin-bottom:30px;
}
.w-5 {
    width: 1.25rem;
}

.h-5 {
    height: 1.25rem;
}
.my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.overflow-hidden {
    overflow: hidden;
}
.border-cart {
    border-bottom: 1px solid rgb(241, 241, 246);
}
.ml-2\.5 {
    margin-left: 0.625rem;
}
.Form-checkbox-form {
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    appearance: none;
}
.Form-checkbox-form:checked {
    background: #0000;
}

.Form-checkbox-label:after {
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0.5rem;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-color: rgba(0, 156,222, 1);
    opacity: 0;
    height: 14px;
    width: 7px;
    transform: rotate(50deg) scale(.5);
}
.Form-checkbox-label:checked+.Form-checkbox-label:after {
    opacity: 1;
    transform: rotate(50deg) scale(1);
}
.Form-checkbox-label:before {
    border-color: #979797;
    margin-right: 0.75rem;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    flex-shrink: 0;
    border-width: 1px;
    background-color: rgba(255, 255, 255, 1);
    content: "";
    border-radius: 2px;
    vertical-align: -6px;
}
.Form-checkbox-label:checked+.Form-checkbox-label:before {
    border-color: rgba(0, 156, 222, 1);
}
.inline-flex {
    display: inline-flex;
}
.warnig_color {
    width:80%;
    background-color: #fcf7e0;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #d47806;
    font-family: arial;
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:10px;
    margin-right: 4px;
    color:#a85d00;
}
.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}
.iRzyvG {
    margin-right: 16px;
}
.dKdZFU {
    color: #d47806;
}
.iRzyvG {
    font-size: 18px;
    margin-right: 12px;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.warnig{
    margin-top:20px;
    margin-left:20px;
}
.price-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 2;

}
.price-top{
        padding-top:.5rem;
        padding-bottom: .5rem;
}
.base-icon-check-symbol:before {
    content: "\e907";
    width: 7px;
    padding-right:10px;
}
/* Calendar */
.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}
.max-w-2xl {
    max-width: 70rem;
} 
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.calendar-content {
    background-color: #fff;
    position: relative;
    padding: 1rem;
    outline: 2px solid #0000;
    outline-offset: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.pt-1 {
    padding-top: 0.25rem;
}
.text-center {
    text-align: center;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.model-col-1{
    width:33.3333333333%;
}
.model-col-2{
    width:33.3333333333%;
}
.model-col-3{
    width:33.3333333333%;
}
.border-bB{
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 1px;
}
.roundedl {
    border-radius: 9999px;
}
.count-button {
    font-size: .875rem;
    border: 1px solid #8c816b !important;
    color: #8c816b!important;
    background-color: transparent;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}
.count {
    font-size: .975rem;
    margin: 0 10px;
}
.addspecial{
    font-size: .775rem;
    margin: 0 10px;
}
.addcount {
    font-size: .775rem;
    margin: 0 10px;
    text-decoration-line: underline;
}
.max-width-special {
    max-width: 40rem;
}
.nig-pad{
    margin-right:1rem;
    padding-right:1rem;
}
.pyn-2 {
    padding-top: 0.5rem;

}
.pyn-3 {
    padding-bottom: 0.5rem;
}
.headline-top {
    text-align: center;
}
.text-zxl {
    font-size: 1.1rem;
}
.p-text {
    background-color: #00000045!important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
}
.right-cart-m{
    font-weight: 200!important;
    font-family: "Marcellus"!important;
    font-size: 0.825rem
}

.room-name-tag{
        font-size: 14px;
        padding-bottom:10px;
}
.btn-primary-link-add {
    border-width: 0!important;
    color: rgb(179 91 91);
    font-weight: 600!important;
    padding: 0!important;
    font-family: "Marcellus"!important;
    font-size: 1.25rem;
    line-height: 2.5rem;
    letter-spacing: -.025em;
}
.add-gust{
    padding-bottom: 1.25rem;
}
.right-cart-border{
    border-radius: 0.375rem;
    border-color: rgba(227, 227, 227, 1);
    padding:2px;

    
}
.right-cart-details {
    border-width: 1px;
    border-radius: 0.375rem;
    border-color: rgba(227, 227, 227, 1);
    padding:20px;
    background-color: #f9f9f9a8;
    margin-bottom:1rem;
}
.book-now .blackbtn-checkout {
    width: 100%;
}
.your-pay {
    padding-top:1rem;
    padding-bottom:2.5rem;
}
.tourism-fee{
    font-weight: 200!important;
    font-family: "arial"!important;
    line-height: 1rem;
    font-size: 0.725rem;
    padding-top:1rem;
    padding-bottom:1rem;
}
.pop-tool{
    display: none;
    left: 307.5px;
    top: -9.20312px;
    z-index: 9999;
    max-width: 480px;
    position: absolute;
    border-radius: 4px;
    visibility: hidden;
}
.pop-tooltip {
    font-size: var(--font-14);
    position: absolute;
    padding: var(--gap-16);
    left: 50px;
    top: 50px;
    border-radius: 2px;
    background-color: var(--white);
    box-shadow: 0 var(--gap-8) 20px 0 rgba(0,41,99,.2);
    color: var(--gray-1);
}
.footer-bg{
        background-image: linear-gradient(180deg,#0f0e0e,#000);
}
.pro-01 {
    color: #0057b7;
    background-color: #000;
    max-width: 100%;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    border-top: 0.625rem solid #000;
    border-bottom: 0.4375rem solid #000;
    padding: 1.5625rem 0 1.4375rem;
}
.pro-02 {
    counter-reset: step-counter;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    position: relative;
}
.pro-02:before {
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0.75rem;
    transform: translateX(-50%);
    width: 66.66667%;
}
.pro-02:before {
    top: 1.25rem;
    background-color: #8c816b9c!important;
}
.pro-03 {
    padding: 2.8125rem 0 0;
}
.pro-03 {
    flex-basis: 33%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 2.75rem 0 0;
    position: relative;
    text-align: center;
}
.pro-03:before {
    color: #bb9631;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(0,87,183,.15);
    font-size: .875rem;
    line-height: 2.375rem;
    font-family: "Marcellus"!important;
    font-weight: 400;
}
.pro-03:before {
    background-color: currentColor;
    border: 1px solid;
    border-radius: 50%;
    counter-increment: step-counter;
    content: "0" counter(step-counter);
    display: block;
    font-size: .6875rem;
    left: 50%;
    line-height: 2.375rem;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
}
.pro-03 svg {
    background-size: 100%;
    background-position: 50%;
    top: -0.75rem;
    width: 3.125rem;
    height: 3.125rem;
    top: -0.3125rem;
}
.pro-03 svg {
    background-size: 100%;
    background-position: 50%;
    top: -0.75rem;
    width: 3.125rem;
    height: 3.125rem;
    top: -0.3125rem;
}
.pro-03 svg {
    width: 3.125rem;
    height: 3.125rem;
    fill: #fff;
    left: 50%;
    position: absolute;

    transform: translateX(-50%);
}
.pro-01 .pro-02 .pro-03>div {
    font-family: "Marcellus"!important;
    font-weight: 400;
    text-transform: capitalize;
    color: #282828;
    font-size: .9375rem;
    line-height: 2.3125rem;
    letter-spacing: normal;
    margin: 0.3125rem auto 0;
    color: #bb9631!important;
}
.pro-04:before {
    color: #000;
    background-color: #bb9631;
}

.pro-04 svg {
    display: none;
}
.pro-04~.pro-03, .pro-04~.pro-03:before {
    color: #bb9631;
}
.pro-04~.pro-03, .pro-04~.pro-03:before {
    color: #bb9631;
}
.pro-04~.pro-03:before {
    background-color: #000;
}
.pro-04~.pro-03 svg {
    display: none;
}
.pro-00 {
    max-width: 100%;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    padding: 1.5625rem 0 1.4375rem;
}