:root {
    --primaryColor: #ef735f;
    --secondaryColor: #ff5b00;
    --secondaryHover: #c2622d;
    --lightbuttonColor: #ef735f;
    --lightprimaryColor: #ff5b0014;
    --highlightColor: #f26522;
    --highlightDark: #d44d0d;
    --headingColor: #1b1e2a;
    --reg-color: #545454;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
a, body, button, div, input, li, p, select, span, td {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
}


a:hover {
    color: var(--secondaryColor)
}
.srigglethemetitle {
    color: var(--headingColor); 
}

.htl-img-gallery-wrapper .zhumroo-htl-image.desktop-img-view ul li:nth-child(odd), .search-widget .tab-paneversion-one.tab-content .form-group input, ul {
    margin: 0
}

.headerFormWrapper .search-widget .form-group .input-wrapper2.searchbox:before, .inner-page-srch-wrap .searchbox:before {
    left: 12px
}

#filterBox .filter-row ul li .labelText, body {
    line-height: 24px
}

body {
    font-size: 14px;
    color: var(--reg-color)
}

.book_nowbt2 .lnkPreventDefaultClass.whiteFont {
    color: #fff;
    font-size: 15px
}


#filterBox .filter-view-all .view-all i, #popularhotelheading > div, #room-choice .zhumroo-room-tupple .room-deal-tupple .item-offer, .backpage_breadcrumb, .desk-hide.titlesearch-widget, .destination-caption .language-list, .dropdown-menu.contact-top-container, .filter-sortby, .filterBox .zhumroo-slider-night, .gm-style-iw-d br, .inner-page-srch-wrap .desk-hide.sub-lable, .loginSignupModalMain .zhumroo-acc p::after, .loginSignupModalMain .zhumroo-acc p::before, .main-search-wrapper #nightcounts, .mapview .mappopup .mainchooseroombtn, .personal-infosection .com-img, .pinkwrap, .removesection, .reviewdetails-room .zhumroo-htl-reviwe-info .gomap, .room-review-detailssec .sec-watch, .search-view-type.mobileview, .search-widget .tab-content .form-group .input-wrapper.adult-input img, .search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup .cityicon, .search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup .hotelicon, .search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup .regionicon, .searchcitydetailstop, .sec-review .reviewdetails-room .zhumroo-htl-reviwe-info .gomap, .smart-filter-label i, .tab-paneversion-one #nightcounts, .topFooterWrapper, .zhumroo-feature-destinations.destination-carousel-wrap1 .destination-item .destination-img:after, label.datePikerText {
    display: none
}

.srigglethemetitle {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center
}


.boldFont {
    font-weight: 600
}

.irs--round .irs-handle {
    border: 2px solid var(--secondaryColor) !important
}

.irs--round .irs-bar {
    background-color: var(--secondaryColor) !important;
    opacity: .7
}

ul {
    padding: 0
}

li {
    list-style: none
}

a {
    color: var(--primaryColor);
    cursor: pointer
}

    a:hover {
        text-decoration: none
    }

.sliderWrapper {
    position: relative;
    z-index: 2
}

.mainHomeWrappervs-one {
    z-index: 1
}

.sliderWrapper .banner-bgTheme {
    background-image: url(../images/theme_slider_one.jpg);
    background-size: cover;
    min-height: 305px;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative
}

.cityinfowrap {
    background: #fff;
    padding-top: 10px;
    border: 1px solid #eee;
    border-bottom: none;
}

#popupAmenities, #popupLocalities {
    max-height: 300px;
    overflow: auto
}

.inner-header .menuWrapper .nav.nav-tabs li a, .inner-header .myaccount-nav li a, .modal .LocalityClear, .myaccount-nav li span {
    color: var(--headingColor) !important
}

#AmenitespopupFilter .btn-primary {
    height: 36px;
    font-size: 14px;
    background-color: var(--secondaryColor) !important;
    color: #fff;
    border-color: var(--secondaryColor) !important;
    border-radius: 6px
}

#AmenitespopupFilter .btn-secondary {
    color: var(--headingColor) !important;
    background: 0 0;
    font-size: 14px;
    border: 0
}

.mainchooseroombtn .btn-primary {
    font-size: 14px;
    background: var(--highlightColor) !important;
    border-color: var(--highlightColor) !important
}

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn a:hover, #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn span:hover, .inner-page-srch-wrap .m-btn-full:hover, .mainchooseroombtn .btn-primary:hover, .sec-review .tab-sec .panel-group .panel-body .detail-room .room-btn .btn:hover, .sec-review .tab-sec .panel-group .panel-body .fil-mail .room-btn .btn:hover, .sec-review .tab-sec .panel-group .panel-body .main-pmt-sec .room-btn .btn:hover, .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .room-btn .btn:hover {
        background: var(--highlightDark) !important
    }

.detailsbackbtn .breadcrumb {
    background: 0 0;
    padding: 0
}

.banner-bgTheme::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: var(--primaryColor);
    opacity: .5
}

.menuWrapper {
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    z-index: 9
}

#zhumroo-header.srthemeone {
    padding: 0;
    border-bottom: 1px solid #d7d4d2
}

#bannercontent1, #bannerheading1, #zhumroo-header .nav-tabs, .display-none, .headerFormWrapper .zhumroo-mainbanner-features, .mainHomeWrapper #phone-text, .menuWrapper .main-search-nav ul li i, .myaccount-nav .contright.workwithzhumroo, .myaccount-nav li .icon-arrow-big, .myaccount-nav li img, .search-widget .nav.nav-tabs, body #zhumroo-header .hemburger-menu, body .covidpopup, img#contact-top, img#imgProfile.d-block, img#workwithzhumroo.d-block {
    display: none !important
}

#zhumroo-header .menuWrapper ul li a, #zhumroo-header .menuWrapper ul li span {
    color: #fff;
    font-size: 14px;
    padding: .5rem 1rem;
    cursor: pointer
}
    #zhumroo-header .menuWrapper ul li:first-child a {
        padding-left:0px;
    }

    #zhumroo-header .menuWrapper ul li span {
        font-size: 14px;
        padding: .5rem 1rem;
        cursor: pointer
    }

#zhumroo-header .menuWrapper li.active a, .form-group input[type=checkbox]:checked label, .result-wrapper .htl-result-wrap .search-result .result-item .item-offer a, .revw-tc .Bookingpolicy, .revw-tc .Helpandsupport_Link3, .revw-tc .Helpandsupport_Link4, .zhumroo-htl-about-info .aseemore:hover, .zhumroo-htl-about-info .ashow:hover, .zhumroo-htl-about-info .morelink:hover, .zhumroo-nav-tabs > li.active > a {
    color: var(--secondaryColor) !important
}

.addressBox .formcontrol input, .addressBox .formcontrol select, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .password-field .formcontrol input, .password-field .formcontrol select, .personal-info-form .formcontrol input, .personal-info-form .formcontrol select, .sec-review .main-price-sec:after {
    background: 0 0
}

.headerFormWrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.offerWrappersec {
    background: var(--lightprimaryColor) !important
}

.headerFormWrapper .search-widget .tab-paneversion-one.tab-content .form-group .m-btn-full {
    background-color: var(--secondaryColor) !important;
    border-color: var(--secondaryColor) !important;
    height: 48px;
    padding: 0;
    width: 100%;
    outline: 0;
    text-align: center;
    text-transform: capitalize
}

    .headerFormWrapper .search-widget .tab-paneversion-one.tab-content .form-group .m-btn-full:hover {
        background-color: var(--secondaryHover) !important;
        border-color: var(--secondaryHover) !important
    }

.headerFormWrapper .search-widget .form-group .input-wrapper2, .search-widget .tab-content .form-group .input-wrapper.adult-input {
    display: block;
    width: 100% !important;
    line-height: 1.25;
    vertical-align: middle;
    align-items: center;
    display: inline-flex;
    min-height: calc(.5rem * 2 1.25rem 2px);
    padding: .5rem .75rem;
    background: #fff;
    border: 1px solid #ccc;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px !important
}

.loginSignupModalMain .modal-dialog .footer-login, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkIn {
    background: 0 0 !important
}

.inner-page-srch-wrap .searchbox:before, .tab-paneversion-one .searchbox:before {
    background-image: url(../images/pin.svg) !important;
    background-size: 20px !important
}

.pr-0 {
    padding-right: 0 !important
}

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input {
    padding: 0 !important;
    background: 0 0 !important;
    width: 100% !important
}

.headerFormWrapper .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkIn, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
    background: 0 0;
    display: block;
    width: 100% !important;
    line-height: 1.25;
    vertical-align: middle;
    align-items: center;
    display: inline-flex;
    min-height: calc(.5rem * 2 1.25rem 2px);
    padding: .5rem .75rem;
    border: 1px solid #ccc;
    height: 46px;
    border-left: 0;
    border-right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px !important
}

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper {
    display: flex;
    align-items: center;
    padding-right: 0;
    width: 100%;
    margin: 0;
    column-gap: 0;
    border-radius: .5rem !important;
    border: 1px solid #ccc;
    overflow: hidden
}

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input .form-group-sec {
    background: #fff;
    border: 0 solid #ccc
}

.drp-calendar.left .calendar-table, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
    border: 0 !important
}

.headerFormWrapper .search-widget .form-group .input-wrapper2, .search-widget .tab-content .form-group .input-wrapper.adult-input, .search-widget .tab-paneversion-one.tab-content .form-group .m-btn-full.btn-primary {
    border-radius: .5rem !important
}

    .headerFormWrapper .search-widget .form-group .input-wrapper2.searchbox, .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkIn, .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkOut {
        padding-left: 36px !important
    }

.inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.adult-input input {
    padding-left: 26px !important
}

.filterBox .form-group, .filterBox .form-group input[type=checkbox] label, .filterBox .form-group input[type=checkbox] label > span, .filterBox .form-group input[type=radio] label > span {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: 0;
    z-index: 1
}

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkOut, body #filterBox .filter-row ul {
    margin-left: 0
}

.inpFldImg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.headerFormWrapper .form-control.checkIn.datepicker {
    padding-left: 40px !important
}

#zhumroo-mainbanner-search .main-search-wrapper .search-widget, .mapview .main_box_pan, .saveprofilebtn {
    margin-top: 0 !important
}

.headerFormWrapper .form-control.checkOut.datepicker {
    padding-left: 20px !important
}

.destination-item a {
    float: left;
    width: 100%;
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    background: #fff;
    border: 1px solid #eee
}

.destination-caption button, .offerWrapper .btn, footer .footerlogin {
    background-color: var(--secondaryColor) !important
}

.destination-img {
    position: relative !important;
    overflow: hidden;
    height: 168px
}

    .destination-img img {
        min-height: 168px;
        width: 100% !important;
        /*object-fit: cover;*/
    }

.destination-caption {
    position: relative !important;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px 12px !important;
    bottom: initial !important
}

    .destination-caption h2 {
        font-size: 17px;
        color: #333 !important;
        margin-bottom: 5px;
        width: 100%
    }

    .destination-caption span {
        font-size: 14px !important;
        color: --reg-color !important
    }

    .destination-caption button {
        height: auto;
        display: inline-block;
        line-height: inherit;
        padding: 2px 10px;
        color: #fff;
        float: right
    }

    .destination-caption .price, .destination-caption .price .symbol-price {
        font-size: 16px !important;
        color: #333 !important;
        font-weight: 600
    }

    .destination-caption .price-info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px !important;
        font-weight: 400;
        display: inline-block;
        text-align: left;
        width: 100%
    }

.search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
    height: 48px
}

.zhumroo-filter-popup .modal-footer #localityFilter.btn, .zhumroo-pre-footer .pre-footer-wrapper .callback-wrapper .btn-action .callus {
    background-color: var(--secondaryColor) !important;
    color: #fff;
    border-color: var(--secondaryColor) !important;
    border-radius: 6px
}

.zhumroo-filter-popup .modal-footer #localityFilter.btn {
    height: 36px;
    font-size: 14px
}

.zhumroo-filter-popup li {
    margin-bottom: 0;
    width: 48% !important
}

.headerFormWrapper .input-wrapper.form-group-sec.adult-input i {
    position: absolute;
    left: 0;
    padding-left: 10px;
    top: 50%;
    line-height: 0;
    transform: translateY(-50%)
}

.headerFormWrapper .input-wrapper.form-group-sec.adult-input {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

section.mt68 {
    margin-top: 46px
}

.headerFormWrapper .input-wrapper.form-group-sec.adult-input input {
    padding-left: 30px !important
}

.grayBg {
    background-color: #fafafa;
    padding: 46px 0
}

.topFooterWrapper, footer {
    padding: 50px 0
}

.blockSpaceBotm {
    padding-bottom: 50px
}

.blockSpaceTop {
    padding-top: 50px
}

.offerInner, .sec-review .main-price-sec .review-price .totl-pay {
    color: #000
}

    .offerInner p {
        color: #323232
    }

    .offerInner .suscribesec {
        display: flex;
        align-items: center;
        justify-content:center;
        vertical-align: middle;
        width: 100%;
        margin-top: 20px
    }

        .offerInner .suscribesec input {
            width: 360px;
            height: 46px;
            border-radius: 5px;
            border: 0;
            padding: 0 15px;
            color: #323232;
            font-size: 15px;
            margin-right: 10px;
            font-family: system-ui !important;
            letter-spacing: 0.2px;
        }

#zhumroo-main-footer {
    background: #fff !important
}

.bg-tripadvisor_logo {
    width: 190.111px;
    height: 57.496px;
    background: url(../images/tripadvisor-logo.svg) 0 0/100% no-repeat
}

.tripadvisor-powered-by p {
    margin-top: 40px;
    font-size: 12px;
    padding-top: 46px;
    color: #343434
}

.copyright-home {
    padding-left: 15px;
    margin-top: 40px
}

footer h1, footer h4 {
    color: var(--headingColor) !important;
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 0 !important;
    font-weight: 600
}

footer ul.footer-menu li {
    -webkit-margin-before: 15px;
    margin-block-start: 15px
}

footer .footerlogin {
    color: #fff;
    border: 0;
    border-radius: 5px;
    height: 48px;
    text-align: center;
    outline: 0;
    display: block;
    line-height: 48px;
    font-size: 15px
}

footer ul.footer-menu li a, footer ul.footer-menu li span {
    font-weight: 400;
    font-stretch: normal;
    font-size: 14px;
    line-height: 1.4;
    color: var(--reg-color) !important
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    margin-top: 60px
}

.offerInner .suscribesec button {
    min-width: 120px;
    font-weight: 600
}

.offerBg {
    padding: 0;
    z-index: 9;
    min-height: 216px;
    background: var(--secondaryColor) !important
}

.offerInnerLeft, .offerInnerRight {
    padding: 21px
}

    .offerInnerLeft h2 {
        color: #fff;
        font-size: 32px;
        font-weight: 600
    }

    .offerInnerLeft P {
        color: #fff;
        width: 88%;
        font-size: 16px;
        margin-top: 15px
    }

.offerInnerRight {
    display: grid;
    vertical-align: middle;
    align-items: center;
    height: 216px;
    padding-left: 136px
}

    .offerInnerRight .offeremailsecton {
        grid-template-columns: 3fr 1fr;
        display: grid;
        grid-gap: 12px
    }

    .offerInnerRight input {
        padding: 3px 15px;
        box-shadow: none;
        background-color: #fff;
        font-size: 16px;
        color: var(--reg-color);
        border: 1px solid #ddd;
        border-radius: 4px;
        height: 48px;
        width: 100%
    }

.decoImg {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: 0
}

    .decoImg img {
        z-index: -1;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%
    }

.offerWrapper {
    z-index: 0;
    position: relative
}

.zhumroo-hotel-wrap .destination-carousel-wrap1 {
    position: relative;
    z-index: 0
}

.offerWrapper .btn {
    color: #fff;
    border: 0;
    border-radius: 5px;
    height: 48px;
    text-align: center;
    outline: 0;
    font-size: 14px
}

    .offerWrapper .btn:hover {
        background-color: var(--secondaryHover) !important
    }

.topFooterWrapper h2 {
    font-size: 22px;
    color: var(--primaryColor);
    margin-bottom: 20px
}

.topFooterWrapper ul {
    padding-left: 3px
}

.topFooterWrapper li {
    display: block;
    margin-bottom: 7px
}

.topFooterWrapper a {
    color: var(--reg-color);
    font-size: 14px
}

#zhumroo-main-footer.grayBg {
    background-color: #fafafa;
    border-top: 1px solid #d9d9d9;
    margin-top: 0
}

.filterlblCount, .labelText {
    color: var(--reg-color) !important
}

#zhumroo-header .zhumroo-logo a img {
    max-width: inherit;
    max-height: 58px;
    height:36px
}

.chldrnwrap.dispflex, .htl-img-gallery-wrapper, .loginSignupModalMain .modal-dialog .modal-content .modal-header {
    display: grid
}

.loginSignupModalMain .modal-dialog {
    max-width: 435px
}

    .bookingbackbtn, .loginSignupModalMain .modal-dialog .modal-body .form-group input, .mapview .empty-hotel-details span, .sec-review .main-price-sec .sec-receipt p, .select2-results__option {
        font-size: 14px
    }

.mapview .mappopup .zhumroo-hr-tupple .hr-tupple-body, .search-widget .tab-pane .form-group {
    display: block
}

.tab-paneversion-one .tab-pane {
    padding: 0 !important;
    background: 0 0 !important
}

#zhumroo-mainbanner-search .search-img-slider .destination-img-item {
    object-fit: cover
}

#zhumroo-mainbanner-search .main-search-wrapper .search-widget .tab-content {
    background-color: #fff !important;
    padding: 60px 30px 40px !important;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 -1px 0 0 #000 0 8px 16px 0 #300000;
    box-shadow: inset 0 -1px 0 0 #000 0 8px 16px 0 #300000;
    position: relative;
    border: 1px solid #d7d4d2 !important;
    box-shadow: none
}

.smart-search-wrapper .search-view-type, .smart-search-wrapper .smart-filters {
    display: inline-block
}

.smart-search-wrapper .search-view-type {
    float: right;
    border: 1px solid #d7d4d2;
    border-radius: 3px;
    margin-bottom: 0
}

.smart-search-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 10px 24px;
    vertical-align: middle;
    align-items: center
}

/*.search-view-type li {
    float: left;
    height: 36px;
    padding: 0 15px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer
}*/

    .search-view-type li span {
        height: 18px;
        width: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    /*    background-image: url(../images/list_toggle.svg)*/
    }

    .search-view-type li.active {
        background: var(--secondaryColor)
    }

    .search-view-type li.list-view.active span {
        background-image: url(../images/list_toggle-white.svg)
    }

/*    .search-view-type li.map-view span {
        background-image: url(../images/map_toggle.svg)
    }*/

    .search-view-type li.map-view.active span {
        background-image: url(../images/map_toggle-white.svg)
    }

 /*   .search-view-type li:first-child {
        border-right: 1px solid #d7d4d2
    }*/

.tab-content.tab-paneversion-one .form-title {
    text-align: center;
    color: var(--headingColor) !important;
    font-size: 26px;
    margin-bottom: 18px;
    margin-top: 0 !important
}

.zhumroo-feature-destinations {
    display: grid !important;
    grid-gap: 12px
}

    .zhumroo-feature-destinations .destination-item {
        border-radius: 10px;
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 2
    }

    .form-group .chnagephoto .fullNameBox > div, .zhumroo-feature-destinations.destination-carousel-wrap1 .destination-wrap {
        height: 100%
    }

#featuredesbody .destination-item .destination-caption h2 {
    font-size: 24px;
    color: #fff !important
}

#featuredesbody .destination-item .destination-caption h3 {
    font-size: 16px;
    color: #fff
}

#zhumroo-mainbanner-search .main-search-wrapper, .loginSignupModalMain .zhumroo-acc, .mapview .mappopup .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details, .zhumroo-hotel-wrap .destination-carousel-wrap1 .destination-item {
    padding: 0
}

.zhumroo-feature-destinations .destination-item:first-child {
    grid-column: 1/2;
    height: 400px
}

#zhumroo-mainbanner-search .search-img-slider {
    z-index: 0;
    min-height: 405px;
    position: relative;
    height: 305px
}

#zhumroo-header .nav-tabs {
    margin-left: 32px;
    margin-top: 16px
}

#zhumroo-header .zhumroo-header-right > ul.myaccount-nav {
    margin-top: 0;
    float: right;
    margin-bottom: 0
}

#zhumroo-header .zhumroo-header-right > ul > li {
    padding-right: 0
}

.zhumroo-header-right .myaccount-nav li.contright {
    padding-right: 0 !important;
    display: none !important
}

.zhumroo-feature-destinations.destination-carousel-wrap1 .destination-item .destination-img a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.02))
}

.zhumroo-feature-destinations .destination-item:nth-child(2) {
    grid-column: 2/2;
    height: 300px
}

.zhumroo-feature-destinations .destination-item:nth-child(3) {
    grid-column: 1/2;
    height: 300px
}

.zhumroo-feature-destinations .destination-item:nth-child(4) {
    grid-column: 2/2;
    height: 400px;
    margin-top: -100px
}

.inner-header .menuWrapper {
    position: relative;
    width: 100%;
    padding: 10px 0;
    top: 0
}

.inner-header .headerFormWrapper {
    display: none;
    position: relative
}

.inner-page-srch-wrap {
    background-color: #fff;
    padding: 15px 0
}

    .inner-page-srch-wrap .input-wrapper, .inner-page-srch-wrap .input-wrapper2 {
        width: 100% !important;
        line-height: 1.25;
        vertical-align: middle;
        align-items: center;
        background: #fff !important;
        display: inline-flex;
        min-height: calc(.5rem * 2 1.25rem 2px);
        padding: .5rem .75rem;
        border: 0 solid #ccc;
        height: 48px
    }

    .inner-page-srch-wrap .m-btn-full {
        background-color: var(--highlightColor) !important;
        border-color: var(--highlightColor) !important;
        height: 48px;
        padding: 0;
        width: 100% !important;
        outline: 0;
        font-size: 16px
    }

.aminitiesdescription-section, .sec-review .main-price-sec {
    margin-bottom: 20px
}

.myaccount-nav .language-list-sec svg {
    width: 10px;
    vertical-align: middle;
    align-items: center;
    margin-left: 2px;
    position: relative
}

#areaCharts1 .ct-series:first-child .ct-area {
    fill: var(--lightprimaryColor) !important
}

.expectSolutionssec .content {
    text-align: center
}

.expectSolutionssec .icon {
    display: block;
    text-align: center;
    margin-bottom: 15px
}

    .expectSolutionssec .icon img {
        height: 76px
    }

.expectSolutionssec .content .heading {
    text-align: center;
    color: var(--headingColor) !important;
    font-size: 21px;
    margin-bottom: 15px;
    margin-top: 0 !important;
    font-weight: 600
}

.expectSolutionssec .content .text {
    font-size: 14px !important;
    font-weight: 400;
    color: var(--reg-color) !important;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    width: 100%
}

.detail-room.reviewdetails-room, .expectSolutionssec, .sec-review .detail-room.reviewdetails-room {
    padding-bottom: 30px
}

.coupon-promo-sec {
    margin-top: 50px
}

    .coupon-promo-sec .coupon {
        border: 1px solid #d7d4d2;
        border-radius: 10px;
        overflow: hidden;
       /* max-width: 720px;*/
        margin: 0 auto
    }

.inner-page-srch-wrap .input-wrapper input, .inner-page-srch-wrap .input-wrapper2 input {
    background: #fff !important;
    font-size: 14px !important;
    color: var(--headingColor) !important;
    width: 100% !important;
    font-weight: 400 !important
}

.inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper i {
    position: absolute;
    left: 10px;
    padding-left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.inner-page-srch-wrap .searchbox {
    padding-left: 24px !important
}

.inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .form-group-sec, .mapview, .mapview .availability-compact-view {
    position: relative
}

.tripadvisor-rating .labelText, ul#ulStarFilters li label .labelText {
    font-size: 0
}

.filterBox .ratCounter, .filterBox .unrated .labelText {
    font-size: 14px !important
}

#filterBox .filter-view-all .view-all {
    color: var(--primaryColor);
    font-weight: 500
}

#filterBox .filter-row ul li, #filterBox .filter-row ul.meal-plans-categ li, #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list ul, .htl-img-gallery-wrapper .zhumroo-htl-image.desktop-img-view ul li:first-child, .htl-img-gallery-wrapper .zhumroo-htl-image.desktop-img-view ul li:nth-child(2), .mapview .hr-tupple-body .tupple-htl-details .rating-container, .mapview .mappopup .hr-tupple-body .tupple-price-wrap .htl-price .nightTxt, .reviewdetails-room .room-dtl h5, .searchbar-heading, .srg-roomChoice .htl-price-wrap .pricing-info .nightTxt {
    margin-bottom: 0
}

body #filterBox .filter-row ul li {
    padding-left: 0
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 40px;
    vertical-align: middle;
    align-items: center;
    display: grid
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px
    }

.filterBox .ratCounter {
    position: absolute;
    right: 10px
}

.filterBox .star-ratings {
    display: inline-block;
    font-size: 14px
}

#filterBox .filter-row ul li, .mapview .mappopup .hr-tupple-body .tupple-htl-details .htl-location, .mapview .mappopup .tupple-htl-details .htl-benifits, .search-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price .nightTxt {
    margin-bottom: 5px
}

.filterBox .icon-star:before, .filterBox .star-ratings:before, .star-ratings .stars i {
    color: #ffc300
}

.filterBox .tripadvisor-rating-circle {
    display: inline-block;
    vertical-align: top
}

.zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .htl-location {
    padding-left: 0;
    position: relative;
    max-width: 100% !important;
    font-size: 14px
}

.locationMapUn {
    max-width: 20%;
    position: absolute;
    padding-left: 0;
    left: 0;
    display: none
}

.filterBox .day-price-filter {
    border: none
}

.filterBox .tripadvisor-rating-circle i {
    position: relative;
    display: inline-block;
    float: left;
    width: 13px;
    height: 13px
}

    .filterBox .tripadvisor-rating-circle i::before {
        width: 7px;
        height: 7px;
        content: "";
        position: absolute;
        background: #69a353;
        display: inline-block;
        border-radius: 50%;
        margin-top: 5px;
        z-index: 1;
        left: 4px;
        top: 3px
    }

.tripadvisor-rating-circle .rating-wrap {
    position: absolute;
    left: 0
}

.filterBox .zhumroo-slider-max-value {
    width: 50% !important;
    border-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tripadvisor-rating-circle {
    text-align: left
}

.filterBox .zhumroo-slider-min-value {
    border-right: 0
}

.zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .tupple-title {
    font-size: 16px !important;
    color: var(--headingColor)
}

.zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .htl-benifits .benifit-item {
    border: 0;
    padding-left: 0
}

.zhumroo-detail-header .zhumroo-nav-tabs > li > a {
    display: inline-block;
    padding: 0 30px;
    float: left;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-weight: 400;
    color: #888da0;
    font-size: 13px
}

    .zhumroo-detail-header .zhumroo-nav-tabs > li > a:after, .zhumroo-nav-tabs > li.active > a:after {
        background: var(--secondaryColor) !important
    }

.detail-image-display {
    display: grid;
    grid-gap: 10px;
    height: 430px
}

    .detail-image-display > li {
        overflow: hidden;
        position: relative;
        border-radius: 5px
    }

.htl-img-gallery-wrapper .zhumroo-htl-image.desktop-img-view ul li {
    height: auto
}

#booking .myaccount-navTabs, .detail-image-display li, .myaccount-navTabs ul.nav-tabs li {
    width: 100% !important
}

.detail-image-display > li:first-child {
    grid-column: 1/4;
    grid-row: 1/4
}

.detail-image-display > li:nth-child(2) {
    grid-column: 4/6;
    grid-row: 1/2
}

.detail-image-display > li:nth-child(3) {
    grid-column: 6/8;
    grid-row: 1/2
}

.detail-image-display > li:nth-child(4) {
    grid-column: 4/6;
    grid-row: 2/3
}

.detail-image-display > li:nth-child(5) {
    grid-column: 6/8;
    grid-row: 2/3
}

.detail-image-display > li:nth-child(6), .detail-image-display > li:nth-child(7) {
    grid-row: 3/4;
    grid-row: 3/4
}

.detail-image-display > li:nth-child(6) {
    grid-column: 4/5
}

.detail-image-display > li:nth-child(7) {
    grid-column: 5/6
}

.detail-image-display > li:nth-child(8) {
    grid-column: 6/7;
    grid-row: 3/4;
    grid-column: 6/7;
    grid-row: 3/4
}

.zhumroo-detail-header {
    z-index: 1;
    padding-bottom: 6px;
    padding-top: 20px;
    position: relative
}

.sticky-detail-header-top {
    position: sticky;
    top: -2px;
    background: #fff;
    z-index: 5;
    padding-bottom: 0
}

    .dtl-amenities-info.htl-details-section, .mapview .mappopup .htl-result-wrap .main_box_pan, .sticky-detail-header-top .htl-tabs-links {
        margin-top: 0
    }

#HotelDescription #HotelDesc b:first-of-type, #room-choice .zhumroo-room-tupple .room-title, .amenities-heading, .sec-review .main-price-sec .conf-charge h3 {
    font-size: 16px;
    color: #000;
    font-weight: 600
}

#room-choice .zhumroo-room-tupple .room-deal-tupple {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd !important
}

    #room-choice .zhumroo-room-tupple .room-deal-tupple:last-child {
        border-bottom: 0 !important
    }

.reviewdetails-room .zhumroo-htl-reviwe-info h2, .sec-review .reviewdetails-room .zhumroo-htl-reviwe-info h2, .zhumroo-htl-detail-info h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.33;
    text-align: left;
    color: #333;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.personal-infosection p, .personalinfotop h5 {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis
}

#my-profile .addressDetails, .amenities-heading {
    margin-top: 20px
}

.aseemore, .htl-services li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    color: var(--reg-color);
    border: none;
    padding: 0 20px 0 0;
    margin-bottom: 0
}

#AminitiesInfo.dtl-services.dtl-listing .a-hide, .aseemore, .ashow, .morelink, .zhumroo-htl-about-info .aseemore, .zhumroo-htl-about-info .ashow, .zhumroo-htl-about-info .morelink {
    color: var(--secondaryColor) !important;
    font-weight: 500;
    font-size: 14px
}

#room-choice .zhumroo-room-tupple .room-info {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--reg-color)
}

#room-choice .zhumroo-room-tupple .room-title {
    text-transform: capitalize;
    margin-bottom: 0
}

.sec-review .tab-sec .panel-group .panel-body .detail-room .room-btn .btn, .sec-review .tab-sec .panel-group .panel-body .fil-mail .room-btn .btn, .sec-review .tab-sec .panel-group .panel-body .main-pmt-sec .room-btn .btn, .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .room-btn .btn {
    background: var(--highlightColor) !important;
    border-color: var(--highlightColor) !important
}



#room-choice .zhumroo-room-tupple .room-deal-tupple .room-deal-tupple {
    border-top: 1px solid #d9d9d9
}

.hotelmapdetails h3 {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: var(--headingColor)
}

.zhumroo-nav-tabs > li > a {
    color: var(--reg-color) !important;
    font-size: 13px
}

.zhumroo-htl-detail-info .htl-price-wrap .pricing-info .actual-price {
    font-weight: 600;
    color: #000;
    font-size: 21px
}

.htl-details-section {
    padding: 0px 0
}
.search-widget .adult-input .room-tupple .room-title a {
    color: #ff5e5e !important
}

.zhumroo-filter-popup .filter-title {
    font-size: 18px;
    color: var(--headingColor) !important;
    border-bottom: 1px solid #ededed;
    padding-left: 20px;
    padding-bottom: 8px
}


/*
.roomcntntcntrl {
    display: grid;
    grid-template-columns: auto 1fr
}
*/
#room-choice .zhumroo-room-tupple .room-inclusions {
    width: auto
}

#roomChoice .dtl-listing, .dtl-amenities-info .dtl-listing {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    position: relative
}
.dtl-amenities-info .dtl-listing {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#room-choice .zhumroo-room-tupple .room-inclusions .dtl-listing > li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    font-size: 15px !important;
    line-height: 21px;
    color: var(--reg-color);
    width: 100% !important
}

.room-deal-tupple .room-detail-info {
    background-color: #fff !important;
    border-radius: 5px;
    border: none !important
}

    .room-deal-tupple .room-detail-info .addon-list ul li {
        font-size: 14px;
        color: var(--reg-color) !important;
        margin-bottom: 4px
    }

        .room-deal-tupple .room-detail-info .addon-list ul li i:before {
            content: "\f132" !important
        }

#room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list ul li:first-child {
    font-weight: 600;
    font-size: 15px !important;
    line-height: 18px;
    color: #000 !important;
    background: 0 0;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important
}

.smart-search-wrapper .smart-filters > li > a[data-sortorder=Desc]::before {
    content: "";
    position: absolute;
    background-size: 8px;
    background-image: url(../images/filter-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    left: 0;
    right: auto;
    top: 1px
}

.smart-search-wrapper .smart-filters > li > a:after {
    height: 0
}

.smart-search-wrapper .smart-filters > li > a {
    padding-left: 20px;
    font-weight: 600;
    color: #545252
}

    .smart-search-wrapper .smart-filters > li > a.active {
        color: var(--secondaryColor) !important;
        font-weight: 600
    }

    .smart-search-wrapper .smart-filters > li > a[data-sortorder=Asc]::before {
        content: "";
        position: absolute;
        background-size: 8px;
        background-image: url(../images/filter-up-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 16px;
        height: 16px;
        left: 0;
        right: auto;
        top: 1px
    }

.filter-row.ddlHotel .sidber-box .form-group i {
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%)
}

#room-choice .dtlpage-heading, .dtl-amenities-info .dtlpage-heading, .dtl-policies-info .dtlpage-heading {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    color: #000
}

.sticky-detail-header-top .nav > li > a:focus, .sticky-detail-header-top .nav > li > a:hover {
    font-weight: 400 !important
}

div#Hotelpolicies * {
    font-size: 15px;
    color: var(--reg-color)
}

.dtl-amenities-info .detail-sec-heading, .dtl-policies-info .detail-sec-heading {
    font-style: normal;
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 600 !important
}

.aminitiesdescription-section div, .aminitiesdescription-section p {
    font-size: 14px;
    color: var(--reg-color) !important
}

.dtl-amenities-info #AminitiesInfo, .dtl-amenities-info #roomAminitiesService {
    padding-bottom: 30px;
    position: relative
}

    .dtl-amenities-info #AminitiesInfo li, .dtl-amenities-info #roomAminitiesService li {
        list-style: none;
        text-decoration: none;
        padding-top: 4px;
        margin-bottom: 5px;
        line-height: 1.33;
        display: inline-block;
        padding-left: 22px;
        position: relative;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        width: 100%;
        color: var(--reg-color)
    }

#room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn {
    position: relative !important;
    margin-top: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: 0 !important;
    right: initial !important;
    top: initial !important
}

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn a, #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn span.btn-primary.btn, .htl-price-wrap .pricing-info span.Booknow {
        border-radius: 5px;
        font-size: 15px;
        font-weight: 400;
        background: var(--highlightColor) !important;
        color: #fff !important;
        border: none;
        padding: 12px 16px
    }
        #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn span.btn-primary.btn{
            display:flex;
            align-items:center;
        }
        .zhumroo-htl-detail-info .htl-price-wrap.top-price-details-sec .pricing-info .RoomBookNow .room-btn span.btn-primary.btn, .zhumroo-htl-detail-info .htl-price-wrap.top-price-details-sec .pricing-info .RoomBookNow .room-btn span.btn-primary.btn:hover {
            background: 0 0 !important;
            border: 0
        }

.btn.active, .btn:active {
    box-shadow: none !important
}

.srg-roomChoice {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0
}

#room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .htl-price-wrap {
    padding-right: 0;
    align-items: end;
    display: flex;
    justify-content: flex-end
}

.srg-roomChoice .htl-price-wrap .pricing-info {
    right: 20px;
    bottom: 20px
}

    .srg-roomChoice .htl-price-wrap .pricing-info .actual-price {
        font-weight: 600;
        font-size: 20px !important;
        line-height: 18px;
        color: #000 !important
    }

.bookingbackbtn, .detailsbackbtn li a {
    font-weight: 500;
    color: var(--secondaryColor)
}

.htl-details-section .row.borderBottom {
    border-bottom: 0 solid transparent !important;
    position: relative;
    margin: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

    .htl-details-section .row.borderBottom:after {
        content: "";
        position: absolute;
        left: 15px;
        right: 15px;
        width: 90%;
        width: calc(100% - 30px);
        height: 1px;
        border-bottom: 1px solid #ddd;
        bottom: 0
    }

.confirm-booking-page .reviwe-skyblue, .personal-infosection, .reviewdetails-room, .reviewdetails-room .reviw-tupple-img-wrp {
    background: #fff;
    color: var(--reg-color);
    box-shadow: 0 2px 10px 0 #850000;
    margin-bottom: 20px;
    border-radius: 6px;
    padding: 20px 16px;
    vertical-align: middle;
    align-items: center;
    display: grid;
    width: 100%;
    border: 0 !important;
    height: auto
}

.personalinfotop, .sec-review.confrMain .pdbt {
    padding-bottom: 0
}

.confirm-booking-page {
    background: #fafafa !important
}

.reviewdetails-room .zhumroo-htl-reviwe-info p, .reviwe-skyblue p, .sec-review .reviewdetails-room .zhumroo-htl-reviwe-info p {
    color: var(--reg-color);
    font-size: 15px
}

.reviwe-skyblue .bookingstatussec .review-heading.confirmed, .reviwe-skyblue .bookingstatussec .review-heading.not-confirmed {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 6px;
    position: relative
}

.reviwe-skyblue .bookingstatussec .review-heading.confirmed {
    color: var(--green);
}

.reviwe-skyblue .bookingstatussec .review-heading.not-confirmed {
    color: #ff6a62
}

    .reviwe-skyblue .bookingstatussec .review-heading.confirmed:after, .reviwe-skyblue .bookingstatussec .review-heading.not-confirmed:after {
        content: "";
        position: absolute;
        height: 36px;
        width: 36px;
        background-image: url(../images/booking-confirmed.svg);
        background-size: 36px;
        left: -50px;
        top: 0
    }

    .reviwe-skyblue .bookingstatussec .review-heading.not-confirmed:after {
        background-image: url(../images/booking-not-confirmed.svg);
        background-size: 36px
    }

.bookingstatussec {
    margin-bottom: 10px;
    padding-left: 50px
}

.sec-review.confrMain {
    margin-top: 0;
    padding: 40px 0
}

    .htl-price-wrap .pricing-info .nightTxt, .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li label, .sec-review .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li label, .sec-review.confrMain .greyTxt {
        color: var(--reg-color)
    }

.personalinfotop h5 {
    font-size: 16px;
    line-height: 23.4px;
    font-weight: 500 !important;
    color: #000
}

.personalinfotop {
    padding-top: 20px;
    display: inline-block;
    width: 100%
}

.reviewdetails-room .booking-txt, .sec-review .reviewdetails-room .booking-txt {
    color: var(--secondaryColor);
    margin-bottom: 6px;
    font-weight: 500
}

.reviewdetails-room .reviw-tupple-img-wrp {
    padding: 8px !important
}

.reviewdetails-room .check-in-out-date-sec {
    display: grid;
    grid-template-columns: 1fr 1fr
}

    .reviewdetails-room .check-in-out-date-sec .rvw-checkin {
        padding-top: 0 !important;
        width: 100% !important
    }

.reviewdetails-room .reviw-tupple-img-wrp img {
    border-radius: 5px
}

.reviewdetails-room .check-in-out-date-sec .ckin-date, .reviewdetails-room .room-dtl h5 {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #000
}

.loginSignupModalMain .modal-dialog .modal-content .close, .mapview .hotel-pricing .current-price {
    color: var(--headingColor);
    font-size: 16px
}

.reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li, .sec-review .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li {
    width: 100% !important;
    grid-template-columns: 1fr 1fr;
    display: grid;
    height: 40px;
    margin: 0;
    align-items: center;
}

.reviewdetails-room .confirmation-wrapper .room-dtl, .sec-review .reviewdetails-room .confirmation-wrapper .room-dtl {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px
}

    .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list, .sec-review .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list {
        border-radius: 5px;
        display: grid;
        margin-top: 0
    }

.personal-infosection span {
    font-size: 14px;
    color: var(--reg-color)
}

.personal-details-section .section-heading h3, .personal-infosection .title-heading {
    color: var(--secondaryColor);
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 23.4px
}

.confirm-booking-page .reviewdetails-room .confirmation-wrapper .reviw-tupple-img-wrp {
    box-shadow: none;
    padding: 0 !important
}

.confirm-booking-page .reviewdetails-room .confirmation-wrapper {
    border: 1px solid #d9d9d9;
    padding: 15px 12px;
    border-radius: 5px
}

.personal-details-section .section-heading {
    margin-bottom: 15px
}

.myaccount-navTabs ul.nav-tabs .trip-tab {
    width: 50% !important
}

#my-profile .personal-details-section .userImg {
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative
}

    #my-profile .personal-details-section .userImg img {
        object-fit: cover;
        height: 100%;
        width: 100%
    }

.edit-image {
    position: absolute;
    background: #f1f1f1;
    bottom: 0;
    top: auto;
    left: 75px;
    z-index: 1;
    padding: 8px 10px;
    border-radius: 50%
}

    .edit-image img {
        width: 20px
    }

.userImguploadsec {
    position: relative;
    width: 120px
}

.addressBox .formcontrol input, .addressBox .formcontrol label, .addressBox .formcontrol select, .password-field .formcontrol input, .password-field .formcontrol label, .password-field .formcontrol select, .personal-info-form .formcontrol input, .personal-info-form .formcontrol label, .personal-info-form .formcontrol select {
    width: 100% !important;
    text-align: left;
    border: none !important;
    padding: 0
}

.chnagephoto #fleprofile {
    position: absolute;
    height: 100%;
    width: 100% !important;
    top: 0;
    outline: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 !important
}

.formcontrol.chnagephoto {
    height: 100% !important;
    text-align: center;
    border: 0 dashed #e5e5e5 !important;
    display: grid;
    vertical-align: middle !important;
    align-items: center;
    margin-bottom: 3px;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9
}

    .formcontrol.chnagephoto label {
        text-align: center;
        font-size: 16px
    }

.addressBox .formcontrol label, .password-field .formcontrol label, .personal-info-form .formcontrol label {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500
}

.addressBox .formcontrol, .password-field .formcontrol, .personal-info-form .formcontrol {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 74px;
    padding: 5px 8px;
    background: #fff;
    position: relative;
    width: 100%
}

.addresstextarea {
    min-height: 136px !important
}

    .addresstextarea textarea {
        width: 100% !important;
        text-align: left;
        border: none !important;
        padding: 0;
        outline: 0;
        height: 120px !important
    }

.personal-infosection p {
    font-size: 16px;
    line-height: 23.4px;
    font-weight: 500 !important;
    color: #000;
    padding-right: 10px
}

.reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li:last-child, .sec-review .reviewdetails-room .confirmation-wrapper .room-dtl .room-dtl-list li:last-child {
    border: none !important
}

.btn-primary, .link_404 {
    background: var(--secondaryColor) !important;
    border-color: var(--secondaryColor) !important
}

.saveprofilebtn .gray-btn, .saveprofilebtn button {
    color: #fff;
    background-color: var(--secondaryColor) !important;
    border-color: var(--secondaryColor) !important;
    border-radius: 5px !important;
    padding: 9px 16px;
    font-size: 14px;
    outline: 0
}

.saveprofilebtn .gray-btn {
    background: #ddd !important;
    border-color: #ddd !important;
    color: var(--reg-color) !important
}

.form-group input[type=checkbox]:checked label > span {
    background-color: var(--primaryColor) !important;
    border-color: var(--primaryColor) !important
}

.loginSignupModalMain .zhumroo-acc p {
    font-size: 14px;
    padding: 0 !important;
    text-align: left
}

.loginSignupModalMain .modal-header h4 {
    margin-bottom: 5px;
    font-size: 21px;
    color: #000 !important;
    font-weight: 500 !important
}

.backtologin, .loginSignupModalMain .modal-dialog .modal-body .forget-psword li a, .loginSignupModalMain .modal-dialog .modal-body .forget-psword li span {
    font-size: 14px;
    color: var(--secondaryColor)
}

.backtologin {
    padding-top: 15px;
    display: block;
    cursor: pointer
}

.loginSignupModalMain .modal-dialog .modal-content .close:hover {
    color: var(--highlightColor)
}

#forget-psword, #loginWrapper, #signupWrapper {
    padding: 30px 15px
}

.search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 15px 16px 15px 0;
    max-height: 438px;
    overflow: auto
}

.loginSignupModalMain .social-sign-in .socialbox {
    border-radius: 5px;
    padding: 0 !important;
    display: grid;
    vertical-align: middle;
    align-items: center;
    margin: 0 !important;
    background: #fff !important;
    grid-template-columns: 40px auto
}

.search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup .dstn-rslt-list li * {
    font-size: 14px !important;
    line-height: 32px;
    font-weight: 500
}

.mapview .wide a {
    font-size: 16px;
    color: var(--secondaryColor)
}

.gm-style .gm-style-iw-c {
    min-width: 280px !important;
    max-width: 320px !important
}

.mapview .maploadwrap {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

.error-highlightDark {
    color: var(--highlightDark)
}

.mapview .close-modal-map {
    position: absolute;
    z-index: 1;
    right: 6px;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.7);
    top: 7px;
    border-radius: 5px;
    display: grid;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    cursor: pointer
}

.mapbtmwrap .tripadvisor-img img {
    width: 100px !important;
    height: 17px !important;
    margin-bottom: 5px;
    margin-left: -5px
}

.mapview .gm-ui-hover-effect {
    top: 0 !important;
    right: 5px !important;
    height: 36px !important;
    border-bottom: 1px solid #d9d7d9 !important;
    width: 36px !important;
    background: #fff !important;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04),0 12px 16px 0 rgba(52,105,203,.12);
    border-radius: 5px
}

    .mapview .gm-ui-hover-effect span {
        width: 21px !important;
        height: 21px !important;
        float: right !important
    }

.gm-style .gm-style-iw-d {
    margin-top: 0;
    padding-bottom: 0 !important
}

.mapview .hotel-pricing {
    color: var(--reg-color);
    font-size: 12px;
    margin-top: 5px;
    text-align: right
}

    .mapview .hotel-pricing .current-price {
        margin-left: 3px;
        font-weight: 700
    }

.mapview .mappopup {
    background: #fff;
    padding: 15px;
    max-width: 360px;
    min-width: 320px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    border-radius: 10px;
    left: auto
}

.mapview .empty-hotel-details {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-between
}

    .mapview .empty-hotel-details .close-modal-map {
        position: relative;
        top: 0;
        display: inline-flex;
        width: 10px
    }

.mapview .mappopup #DetailHotel {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

    .mapview .mappopup #DetailHotel .hr-tupple-body .tupple-img-wrp, .mapview .mappopup #DetailHotel .hr-tupple-body .tupple-price-wrap {
        position: relative;
        width: 100%;
        max-width: 100%
    }

.mapview .mappopup .tupple-price-wrap {
    padding: 0;
    background: 0 0;
    border: 0;
    text-align: right;
    min-height: auto;
    display: flex;
    vertical-align: middle;
    align-items: baseline
}

    .mapview .mappopup .tupple-price-wrap .htl-price .strikeTxt {
        padding-right: 3px
    }

.mapview .mappopup .hr-tupple-body .tupple-htl-details {
    min-height: auto
}

.mapview .mappopup #DetailHotel .hr-tupple-body .tupple-img-wrp {
    max-height: 130px
}

.loginSignupModalMain .social-sign-in .socialbox img {
    height: 22px
}

.loginSignupModalMain .social-sign-in {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px
}

#signupWrapper .login-btn {
    margin-top: 15px
}

.loginSignupModalMain .modal-dialog .footer-login p, .social-sign-in .socialbox a {
    color: var(--reg-color) !important;
    font-size: 14px
}

    .loginSignupModalMain .modal-dialog .footer-login p a, .loginSignupModalMain .modal-dialog .footer-login p a span, span.home_SIngup_Popup_LoginBtn, span.home_Signup_Popup {
        color: var(--secondaryColor);
        text-decoration: none;
        font-weight: 500;
        border: none;
        cursor: pointer
    }

.loginSignupModalMain .modal-dialog .modal-body .form-group .login-btn {
    padding: 8px;
    outline: 0;
    border-radius: 5px;
    font-size: 14px
}

.daterangepicker .calendar-table th {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

    .daterangepicker .calendar-table th.month {
        font-size: 16px;
        padding-bottom: 15px
    }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    position: relative;
    margin-bottom: 5px
}

.daterangepicker .calendar-table td {
    color: var(--reg-color);
    width: 36px;
    height: 36px
}

.daterangepicker td.available:hover {
    height: 36px;
    width: 36px;
    background: var(--lightprimaryColor)
}

.daterangepicker td.active {
    background: var(--secondaryColor) !important;
    color: #fff !important
}

.daterangepicker td.in-range {
    background: var(--lightprimaryColor);
    color: #000
}

.daterangepicker .drp-calendar {
    padding-top: 10px !important
}

.daterangepicker {
    width: auto;
    border-radius: 10px;
    padding: 15px
}

.search-widget .tab-content .form-group .zhumroo-inputPopup.guest-popup {
    top: 46px
}

.zhumroo-inputPopup.guest-popup label {
    font-size: 16px;
    font-weight: 600;
    color: #000 !important
}

.search-widget .adult-input .room-tupple {
    padding-bottom: 7px;
    margin-bottom: 7px
}

    .search-widget .adult-input .room-tupple .room-title {
        font-size: 15px;
        font-weight: 600
    }

        .search-widget .adult-input .room-tupple .room-title a {
            font-size: 14px;
            font-weight: 400;
            color: var(--secondaryColor);
            text-align: right;
            float: right;
            text-transform: capitalize !important
        }

    #AddroomFields > .travellers-info > div, .search-widget .adult-input .room-tupple .chldrnwrap .travellers-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
        width: 100% !important
    }

    .search-widget .adult-input .room-tupple .childs-info .selectbox, .search-widget .adult-input .room-tupple .travellers-info .selectbox {
        width: 100% !important;
        border: none;
        margin: 0;
        height: 34px
    }

    .search-widget .adult-input .room-tupple .childs-info small, .search-widget .adult-input .room-tupple .travellers-info small {
        display: inline-block !important;
        font-size: 13px;
        color: var(--reg-color)
    }

    .search-widget .adult-input .room-tupple .chldrnwrap .travellers-info label {
        margin-bottom: 5px;
        font-weight: 500
    }

    .search-widget .adult-input .room-tupple .chldrnwrap .childs-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
        width: 100% !important;
        margin-top: 0 !important
    }

        .search-widget .adult-input .room-tupple .chldrnwrap .childs-info > div, .search-widget .adult-input .room-tupple .chldrnwrap .travellers-info > div {
            border: 1px solid #ddd;
            padding: 7px 10px;
            border-radius: 5px
        }

    .search-widget .adult-input .room-tupple .childs-info .selectbox select, .search-widget .adult-input .room-tupple .travellers-info .selectbox select {
        width: 100%;
        height: 34px;
        color: #000;
        font-weight: 600
    }

    .search-widget .adult-input .room-tupple .childs-info .selectbox > i, .search-widget .adult-input .room-tupple .travellers-info .selectbox > i {
        left: auto;
        right: 5px;
        top: 22px;
        font-size: 11px;
        z-index: 2 !important
    }

.guest-popup .close-popup, .guest-popup button#btnAddroom {
    font-size: 14px;
    background: var(--reg-color);
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    height: 40px;
    display: grid;
    vertical-align: middle;
    align-items: center
}

#AddroomFields .dispflex > div {
    width: 100% !important;
    display: grid !important
}

.search-widget .adult-input .room-tupple .childs-info > div {
    width: 100% !important;
    margin-top: 10px !important
}

.search-widget .adult-input .room-tupple .childs-info label, .search-widget .adult-input .room-tupple .chldrnwrap .travellers-info label, .search-widget .adult-input .room-tupple .travellers-info small {
    font-size: 12px !important
}

#AddroomFields .chldrnwrap.dispflex {
    display: grid !important;
    justify-content: inherit
}

.guest-popup .close-popup {
    background: var(--secondaryColor) !important;
    color: #fff !important;
    display: grid;
    min-width: 72px;
    text-align: center;
    float: right;
    font-weight: 500
}

#HotelDescription #HotelDesc {
    font-size: 13px;
    color: var(--reg-color);
    line-height: 24px
}

.inner-page-srch-wrap .search-widget {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width:1200px) {
    .mapview .zhumroo-hr-tupple .hr-tupple-body .tupple-img-wrp {
        width: 100% !important
    }

    .mapview .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details {
        padding-left: 0 !important
    }
}

@media (min-width:991px) and (max-width:1023px) {
    .smart-search-wrapper .m-filter-btn {
        position: absolute;
        right: 135px;
        top: 50%;
        color: var(--headingColor);
        cursor: pointer;
        font-size: 14px;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:1199px) {
    #ulStarFilters .labelText, #ultripadvisor .labelText {
        width: calc(100% - 30px)
    }

    .filterBox .tripadvisor-rating-circle i::before {
        left: 5px
    }

    #ultripadvisor .dispflex {
        display: inline-block;
        width: 100%
    }

    .tripadvisor-rating-circle .rating-wrap {
        left: 44px;
        background-image: url(../public/images/tp-rating-blank.png);
        background-position: left center;
        background-repeat: no-repeat
    }
}

@media screen and (max-width:1024px) {
    .search-img-slider {
        display: block
    }

    .cityinfowrap {
        padding-left: 15px
    }

    #zhumroo-mainbanner-search .main-search-wrapper .container {
        max-width: 100%;
        padding: 0 15px
    }

    .mainHomeWrappervs-one .sub-lable, .search-widget .tab-content .form-group .input-wrapper.adult-input img {
        display: none !important
    }

    .search-widget .tab-content .form-group .input-wrapper2.searchbox input {
        height: 35px !important
    }
    .filter-disabled{
        pointer-events:none;
        opacity:0.6;
    }
}

@media screen and (max-width:1023px) {
    .srp-content {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width:1023px) and (min-width:320px) {
    .zhumroo-filter-popup li {
        width: 90% !important;
    }

    .zhumroo-feature-destinations.destination-carousel-wrap1 .destination-item .destination-caption {
        text-align: left !important
    }
    #modify_button_div{
        position:absolute !important;
    }
        #modify_button_div .zhumroo-inputPopup.guest-popup {
            height: 320px;
        }
}

@media screen and (max-width:992px) {
    #zhumroo-header .zhumroo-logo a img, .inpFldImg {
        height: 36px
    }
    .promtiondisplay_div .swiper-button-next, .promtiondisplay_div .swiper-button-prev {
        opacity:0;
    }
    .search-widget .tab-content .form-group .zhumroo-inputPopup.guest-popup {
        top: 100%;
        margin-top: 0px;
        position: absolute;
        bottom: auto;
        overflow: auto
    }

    .cityinfowrap {
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 10px
    }

    .search-view-type.mobileview {
        display: inline-block;
        margin-bottom: 0
    }

    .search-view-type li {
        background: #fff;
        border-radius: 30px;
        font-size: 14px
    }

    #filterBox .filter-apply-btn .btn {
        background: var(--secondaryColor)
    }

    #zhumroo-header .zhumroo-header-right > ul.myaccount-nav > li > a > i, .search-view-type li.active, .topFooterWrapper ul {
        display: none
    }

    .search-view-type li span {
        margin-left: 5px
    }

    #booking .myaccount-navTabs {
        margin-bottom: 0px;
        margin-top: 0px !important
    }

    .search-widget .tab-content .form-group .input-wrapper.check-in-out-input {
        width: 100% !important;
        border: 1px solid #ccc;
        border-radius: 5px;
        height: 60px;
        display: grid;
        padding: 0 10px !important
    }



    .modifysearchsrp a {
        color: #fff;
        text-decoration: none
    }

    .htl-result-wrap .smart-search-wrapper.focused {
        position: fixed !important;
        bottom: 20px !important;
        left: 10px !important;
        right: 10px !important;
        border-radius: 10px !important;
        top: auto !important;
        width: auto !important;
        z-index: 100 !important;
        overflow: hidden;
        display: block;
        background: #fff
    }

        .desk-hide.titlesearch-widget, .filter-sortby, .htl-result-wrap .smart-search-wrapper.focused .smart-filters, .search-widget .tab-pane .form-group, .searchcitydetailstop, .smart-filter-label i, .smart-search-wrapper .smart-filters > li {
            display: block
        }

    .smart-search-wrapper.focused .smart-filters > li.mobile .sorting_click_mob {
        font-size: 14px
    }

    .smart-search-wrapper .smart-filters > li a {
        margin-left: 0
    }

    .smart-search-wrapper.focused .smart-filters > li {
        padding: 5px 0
    }

    #zhumroo-header .mobinlineblock > .zhumroo-header-right > ul.myaccount-nav > .flight.kmobshow, #zhumroo-header .mobinlineblock > .zhumroo-header-right > ul.myaccount-nav > .hotel.kmobshow, #zhumroo-header .mobinlineblock > .zhumroo-header-right > ul.myaccount-nav > .package.kmobshow, #zhumroo-header .mobinlineblock > .zhumroo-header-right > ul.myaccount-nav > .workwithzhumroo, .mobacc.dropdown a img, .mobcont.dropdown a img, .smart-search-wrapper .m-filter-btn, .smart-search-wrapper .search-view-type, .workwithzhumroo::after {
        display: none !important
    }

    .smart-filter-label {
        font-size: 16px;
        color: var(--headingColor);
        font-weight: 600
    }

    .addressDetails .formcontrol.addressBox .form-row {
        display: flex
    }

    .filter-sortby a, .mobinlineblock, .zhumroo-header-right .dropdown.mobacc.kmobhide {
        display: inline-block !important
    }

    .headerFormWrapper .mainHomeWrapper .search-widget .tab-pane > .form-group .form-row .tab-100, footer .container {
        max-width: 100% !important
    }

    footer h1, footer h4 {
        font-size: 16px
    }

    .headerFormWrapper {
        position: relative;
        width: 100%;
        left: 0;
        transform: translateY(0);
        z-index: 1;
        margin-top: -100px;
        top: 20px;
        bottom: auto
    }

    .tab-paneversion-one .searchbox:before {
        background-size: 18px
    }

    #roomChoice .dtl-listing, .dtl-amenities-info .dtl-listing {
        grid-template-columns: 1fr 1fr 1fr
    }

    .form-group input[type=checkbox] label, .form-group input[type=radio] label {
        color: var(--reg-color) !important
    }

    .zhumroo-filter-popup .filter-title {
        color: #000;
        font-weight: 500
    }

    .blue-btn {
        background: var(--secondaryColor) !important;
        border-color: var(--secondaryColor) !important;
        padding: 8px 14px;
        border-radius: 5px
    }

    .headerFormWrapper .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkIn, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
        border: 0;
        height: auto;
        line-height: 1.6
    }

    .offerInnerRight {
        padding-left: 112px
    }

    .search-widget .adult-input .room-tupple .childs-info .selectbox > i, .search-widget .adult-input .room-tupple .travellers-info .selectbox > i {
        top: 15px
    }

    #zhumroo-header .nav-tabs {
        text-align: center;
        display: inline-block;
        margin-left: 0
    }

    #zhumroo-header .hemburger-menu span {
        display: block;
        background-color: #fff;
        height: 3px;
        margin-bottom: 4px;
        opacity: 1;
        background-color: var(--secondaryColor);
        border-radius: 3px
    }

    .close-btn.filter-close {
        color: var(--secondaryColor) !important
    }

    #featuredesbody .destination-item .destination-caption h2, .srigglethemetitle {
        margin-bottom: 15px;
        font-size: 18px
    }

    #featuredesbody .destination-item .destination-caption h2 {
        margin-bottom: 0
    }

    .zhumroo-feature-destinations.destination-carousel-wrap1 .destination-item .destination-caption {
        padding: 0 12px !important
    }

    #sortby.hidden-xs.mobsortby, .main-search-nav .flight.kmobhide, .main-search-nav .hotel.kmobhide, .main-search-nav .packages.kmobhide {
        display: block !important
    }

    #zhumroo-header .menuWrapper .row, .filter-sortby {
        display: flex;
        align-items: center;
        vertical-align: middle
    }

    .main-search-nav ul li a {
        text-align: left !important
    }

    #zhumroo-header .mobinlineblock .zhumroo-header-right > ul.myaccount-nav {
        margin-top: 0;
        padding-top: 0
    }

    .inner-header .menuWrapper {
        padding: 12px 0 !important;
        line-height:1.5;
    }

    #zhumroo-header .menuWrapper .mobinlineblock {
        flex-grow: 1
    }

    #zhumroo-header .zhumroo-header-right > ul.myaccount-nav > li {
        margin-left: 0 !important
    }

    #zhumroo-mainbanner-search .search-img-slider {
        z-index: 0;
        min-height: 125px;
        position: relative;
        height: 125px;
        display: block;
        margin-bottom: 0;
    }

    .headerFormWrapper .mainHomeWrapper .search-widget .tab-pane > .form-group .form-row, .inner-page-srch-wrap .main-search-wrapper .form-group > .form-row {
        display: grid;
        grid-template-columns: 1fr
    }

    .filter-sortby {
        padding-top: 0px;
        padding-bottom: 0px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 2;
        background:#fff !important;
        border-top: 1px solid #ccc !important;
        text-align: center;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;

    }

        .filter-sortby a {
            color: var(--headingColor);
            padding: 13px 30px;
            min-width: 130px;
            /*margin-right: 10px;*/
            font-size: 13px;
            border-right:1px solid #ccc;
        }

            .filter-sortby a i {
                padding-right: 8px
            }

            .cityinfowrap .row, .filter-sortby a:last-child {
                margin-right: 0
            }

    #zhumroo-mainbanner-search .main-search-wrapper .search-widget .tab-content {
        padding: 30px 15px !important
    }

    .headerFormWrapper .search-widget .form-group .input-wrapper2, .inner-page-srch-wrap .search-widget .form-group .input-wrapper2, .inner-page-srch-wrap .search-widget .form-group.input-wrapper.adult-input, .search-widget .tab-content .form-group .input-wrapper.adult-input {
        min-height: 45px !important;
        padding: 5px 10px !important;
        /*border: 1px solid #ccc !important;*/
        border-radius: 4px;
        vertical-align: middle;
        align-items: center;
        display: grid !important
    }

    .inner-page-srch-wrap .search-widget .form-group .input-wrapper2, .inner-page-srch-wrap .search-widget .form-group.input-wrapper.adult-input, .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.adult-input {
        display: grid !important;
        border: 1px solid #ccc;
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper2.searchbox input, .inner-page-srch-wrap .search-widget .tab-content .form-group input#txtPax, .mainHomeWrappervs-one .search-widget .tab-paneversion-one.tab-content .form-group input#txtPax, .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper2.searchbox input {
        font-size: 14px !important;
        color: var(--headingColor) !important
    }

    .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper {
        border: 0 !important;
        grid-template-columns: 1fr
    }

    .headerFormWrapper .search-widget .form-group .input-wrapper2.searchbox:before, .inner-page-srch-wrap .searchbox:before {
        left: 8px
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkIn, .inner-page-srch-wrap .search-widget .tab-content .form-group input {
        padding-left: 28px !important
    }

    .inner-page-srch-wrap .sub-lable, .mainHomeWrappervs-one .sub-lable {
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 5px;
        white-space: nowrap
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info, .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-group-sec {
        position: relative
    }

    .inner-page-srch-wrap {
        background-color: var(--secondaryColor);
        padding: 15px 0;
        position: absolute;
        top: 0;
        z-index: 999;
        width: 100%;
        display: none
    }

        .inner-page-srch-wrap .main-search-wrapper .form-group > .form-row > div {
            max-width: 100%
        }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .htl-benifits .benifit-item {
        background: 0 0 !important;
        color: var(--reg-color) !important
    }

    .searchcitydetailstop {
        padding: 12px 0;
        background-color: var(--secondaryColor)
    }

        .searchcitydetailstop p {
            font-size: 14px;
            display: inline-block;
            margin-top: 3px;
            color: #fff;
            padding: 0;
            line-height: 19px;
            margin-bottom: 0
        }

        .searchcitydetailstop a {
            font-size: 14px;
            display: inline-block;
            float: right;
            color: #fff;
            text-align: center
        }

            .searchcitydetailstop a i {
                display: block;
                font-size: 21px;
                margin-bottom: 5px
            }

    #zhumroo-mainbanner-search .main-search-wrapper .container, .inner-page-srch-wrap .main-search-wrapper .container {
        max-width: inherit
    }

    .searchcitydetailwrap {
        display: grid;
        grid-template-columns: 4fr 1fr
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input i {
        left: 0
    }

    .search-widget .tab-content .form-group .input-wrapper.adult-input .icon-users, footer.mt68 {
        margin-top: 0
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.adult-input > i {
        top: 50%;
        left: 10px
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper {
        grid-template-columns: 1fr 1fr;
        display: grid;
        vertical-align: middle;
        align-items: center
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input {
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 5px 10px !important;
        height: auto
    }

    .search-widget .tab-content .form-group .input-wrapper i, .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .icon-calendar, .search-widget .tab-content .form-group .input-wrapper2 i {
        padding-left: 0
    }

    .headerFormWrapper .form-control.checkIn.datepicker, .headerFormWrapper .form-control.checkOut.datepicker {
        padding-left: 15px !important;
        color: var(--headingColor) !important
    }

    .date-wrapper .form-group-sec {
        padding: 0 !important
    }

    .tab-paneversion-one .form-group-sec {
        /*border: none !important;*/
        background: 0 0 !important;
        padding: 0 10px !important
    }

    .headerFormWrapper .input-wrapper.form-group-sec.adult-input i {
        display: block;
        top: 50%;
        transform: translateY(-50%)
    }

    .inpFldImg {
        position: absolute;
        left: calc(50% - 20px);
        top: 50%;
        right: auto;
        width: 36px;
        border-radius: 30px;
        box-shadow: inset 0 -1px 0 0 #000 0 8px 16px 0 #300000;
        z-index: 9;
        background: #fff
    }

        .inpFldImg img {
            margin-top: 10px;
            margin-left: 7px;
            transform: rotate(0)
        }

    .zhumroo-feature-destinations {
        padding: 0 15px
    }

    .topFooterWrapper h2 {
        font-size: 16px;
        position: relative
    }

        .topFooterWrapper h2::before {
            content: "";
            width: 15px;
            font-size: 14px;
            height: 40px;
            background-image: url(../images/down-angle-form.svg);
            background-size: 12px;
            left: auto;
            right: 0;
            top: 5px;
            position: absolute;
            background-repeat: no-repeat
        }

        .topFooterWrapper h2.toggleArrow::before {
            transform: rotate(-180deg);
            top: 0;
            right: 0;
            height: 15px
        }

    .offerInnerLeft h2 {
        font-size: 22px;
        line-height: 1.63
    }

    .offerInnerLeft p {
        font-size: 15px;
        margin-top: 10px
    }

    #zhumroo-main-footer .footer-tab > li {
        display: inline-block;
        padding-right: 20px
    }

    .srpcontwrap .cityinfowrap {
        padding-left: 15px
    }

    #srp-result .rating-container .starShow {
        top: 4px;
        height: 24px
    }

    #srp-result .rating-container .star-ratings {
        height: 24px;
        display: grid !important;
        vertical-align: middle;
        align-items: center
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .btn {
        padding: 8px 16px;
        border-radius: 5px;
        font-size: 14px
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .tupple-title {
        font-size: 17px !important;
        color: #000
    }

    #filterBox .filter-row .filter-title {
        color: #000 !important
    }

    li.filter-view-all {
        padding-left: 15px !important
    }

    .htl-details-section .row.borderBottom:after {
        border-bottom: 0
    }

    .inner-page-srch-wrap .search-widget .tab-content {
        border-radius: 8px;
        top: 0 !important;
        background: #fff;
        padding: 25px 15px
    }

    .inner-page-srch-wrap .titlesearch-widget {
        margin-bottom: 15px
    }

        .inner-page-srch-wrap .titlesearch-widget i, .inner-page-srch-wrap .titlesearch-widget span {
            color: #fff;
            font-size: 17px;
            font-weight: 500
        }

    .titlesearch-widget i {
        float: right
    }

    .map-view .result-wrapper .htl-result-wrap .main_box_pan {
        padding-bottom: 0;
        border-bottom: 0
    }

    .map-view .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price > div {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: right
    }
}

@media screen and (max-width:992px) {
    .searchcitydetailstop h1 {
        font-size: 16px;
        margin-bottom: 0;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 300px
    }

    .footer-logo, .titlesearch-widget, img.footer-logo {
        margin-bottom: 15px
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .room-btn {
        text-align: right
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .htl-price-wrap {
        display: grid;
        grid-template-columns: 1fr auto;
        width: 100%
    }

    #room-choice #roomChoice .zhumroo-room-tupple .room-title {
        padding-left: 16px;
        padding-right: 16px
    }

    .htl-price-wrap .pricing-info span.save-price {
        display: block !important
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list {
        margin-bottom: 15px;
        width: 100% !important
    }

    #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price, .htl-price-wrap .pricing-info {
        text-align: left
    }

    .zhumroo-feature-destinations .destination-item:first-child {
        height: 200px
    }

    #zhumroo-header .menuWrapper ul li span {
        padding: .1rem .2rem;
        font-size: 13px
    }

    #booking .container, #htlOverview, .htl-details-section .container, .menuWrapper .container, .searchcitydetailstop .container, .zhumroo-detail-header .container {
        max-width: 100%
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-img-wrp {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .zhumroo-header .container-fluid.sliderWrapper {
        padding-left: 0;
        padding-right: 0
    }

    .tab-content.tab-paneversion-one .form-title {
        font-size: 24px
    }

    .confirmed.review-heading, .personalinfotop {
        padding-top: 0
    }

    .zhumroo-feature-destinations .destination-item:nth-child(2), .zhumroo-feature-destinations .destination-item:nth-child(3) {
        height: 150px
    }

    .mapview .zhumroo-hr-tupple .hr-tupple-body {
        padding: 0 !important
    }

        .mapview .zhumroo-hr-tupple .hr-tupple-body .tupple-img-wrp {
            height: 118px !important;
            margin-right: 0 !important;
            left: 0 !important;
            position: relative !important
        }

    .myaccount-navTabs li a span.hidden-xs {
        display: block !important;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .myaccount-navTabs .listTabs {
        border: 0 !important;
        margin-left: 0
    }

        .myaccount-navTabs .listTabs li a {
            line-height: 24px;
            padding: 6px 3px;
        }

    #upcomingtrips .uptrips-wrapper .hotel-details .details h2 {
        font-size: 17px
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple {
        padding-left: 0
    }

    .reviewdetails-room .check-in-out-date-sec .ckin-date, .reviewdetails-room .room-dtl h5 {
        font-size: 16px
    }

    .inner-page-srch-wrap .search-widget {
        top: 132px;
        width: 100%
    }

    .detail-room.reviewdetails-room, .sec-review .detail-room.reviewdetails-room {
        padding-left: 15px;
        padding-right: 15px
    }

    .sec-review.confrMain .detail-room .hotl-img, .sec-review.confrMain .room-review-detailssec {
        padding: 0 15px
    }

    .reviewdetails-room .zhumroo-htl-reviwe-info h2, .sec-review .reviewdetails-room .zhumroo-htl-reviwe-info h2 {
        font-size: 20px;
        white-space: normal
    }

    .roomcntntcntrl, .srg-roomChoice {
        grid-template-columns: 1fr
    }

    .footer-logo {
        height: 30px
    }

    img.footer-logo {
        height: 30px;
        width: 194px
    }

    .tripadvisor-powered-by p {
        margin-top: 20px
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list ul li i, #roomChoice.container {
        padding-right: 0
    }
    #popularhotelcontent .destination-caption .destination-hdng {
        font-size:18px!important;
    }
    .copyright.copyright-home {
        padding-left: 0;
        margin-top: 0px
    }

    #roomChoice .dtl-listing, .dtl-amenities-info .dtl-listing {
        grid-template-columns: 1fr 1fr
    }
    .zhumroo-inputPopup.guest-popup {

    }
    .daterangepicker {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        border: 0px solid #ddd;
        width: 100% !important;
        border-radius: 0px !important;
        margin-top: 0px;
        height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
        .daterangepicker:before {
            content: "";
            background-image: url('../images/close.png')!important;
            background-position:center!important;
            background-size:10px!important;
            background-repeat:no-repeat;
            position: fixed !important;
            top: 20px !important;
            left: 20px !important;
            right: auto !important;
            border-radius: 30px !important;
            box-shadow: 0px 4px 10px rgba(0,0,0,.12);
            padding: 11px;
            width: 36px;
            height: 36px;
        }
        .daterangepicker .calendar-table th.next, .daterangepicker .calendar-table th.prev {
            position: fixed !important;
            top: 20px !important;
            right: 20px !important;
            border-radius: 30px !important;
            box-shadow: 0px 4px 10px rgba(0,0,0,.12);
            padding: 11px;
            width: 36px;
            height: 36px;
        }
        .daterangepicker .calendar-table th.prev {
            right: 70px !important;
            left:auto!important;
        }

            .daterangepicker .drp-calendar {
                width: 100%;
                max-width: 100%
            }

    searchcitydetailwrap p {
        margin: 0 !important
    }

    .titlesearch-widget i {
        float: right
    }

    .inner-page-srch-wrap .search-widget .tab-content {
        background: #fff;
        padding: 25px 20px;
        border-radius: 8px
    }

        .inner-page-srch-wrap .search-widget .tab-content .tab-pane {
            width: 100%;
            max-width: inherit !important
        }

    .visible-xs.m-filters-tabs {
        display: none !important
    }

    .zhumroo-feature-destinations .destination-item:nth-child(4) {
        height: 200px;
        margin-top: -50px
    }

    #zhumroo-header .hemburger-menu span:last-child {
        width: 80%
    }

    #srp-result .result-item .tupple-img-wrp {
        width: 100%;
        height: 135px !important;
        margin-bottom: 0;
        margin-right: 0;
        border-radius: 8px !important;
        position: relative !important;
        left: 0
    }

    .smart-search-wrapper a.active:before {
        border-bottom: 0 solid #1f4783;
        border-right: 0 solid #1f4783;
        margin-top: 0;
        pointer-events: none;
        display: inline-block;
        transform: rotate(0)
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-img-wrp img {
        height: auto;
        width: 100%;
        height:100%;
        object-fit:cover;
    }

    #filterBox .filter-row .filter-title {
        color: #000 !important
    }

    #filterBox .labelText {
        color: var(--reg-color) !important
    }

    #filterBox .filter-apply-btn .btn {
        background: var(--secondaryColor);
        font-size: 16px;
        padding: 8px 0
    }

    #srp-result .result-item {
        padding: 0 15px !important
    }

        #srp-result .result-item .hr-tupple-body {
            border-radius: 8px;
            padding: 0;
            border: 1px solid #ddd;
            position: relative
        }

        #srp-result .result-item .tupple-htl-details {
            padding: 10px 0px 5px !important;
            position: relative;
            height: auto;
            display: inline-block;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px
        }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .tupple-title {
        overflow: inherit;
        text-overflow: ellipsis;
        white-space: normal;
        color: var(--headingColor) !important
    }

    #srp-result .rating-container .star-ratings, #srp-result .rating-container .tripadvisor-rating.tripadvisor-rating-srp {
        display: inline-block
    }

    #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap {
        padding:0px 15px 12px 0px!important;
        border-top: 1px dashed #ddd;
        vertical-align: middle;
        align-items: center;
        margin-top: 15px
    }

   /*     #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price > div {
            display: inline-block !important
        }*/

    .result-wrapper .htl-result-wrap .main_box_pan {
        padding-bottom: 0;
        border-bottom: 0
    }

    #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price > div > span span {
        padding-left: 0 !important;
        color: #000;
        font-size: 20px;
        font-weight: 700
    }

    .htl-result-wrap .smart-search-wrapper.focused {
        position: fixed !important;
        bottom: 20px !important;
        left: 10px !important;
        right: 10px !important;
        border-radius: 10px !important;
        top: auto !important;
        width: auto !important;
        z-index: 100 !important;
        overflow: hidden
    }

    .search-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.6);
        width: 100%;
        height: 100%;
        display: none;
        z-index: 199
    }

        .search-widget-overlay.focused {
            display: block
        }

    #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price .strikeTxt {
        padding-right: 8px
    }

    #srp-result .zhumroo-hr-tupple .hr-tupple-body .tupple-price-wrap .htl-price .nightTxt {
        display: block !important;
        color: var(--reg-color);
        font-weight: 400
    }

    .offerBg {
        min-height: auto
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .htl-benifits {
        margin-top: 10px
    }

        .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .htl-benifits .benifit-item {
            padding-left: 0px
        }

    .zhumroo-hr-tupple .hr-tupple-body .htl-benifits .benifit-item:before {
        top: 3px
    }

/*    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .rating-container {
        display: grid !important;
        grid-template-columns: auto 1fr;
        vertical-align: middle;
        align-items: center
    }*/

    .offerInnerLeft {
        font-size: 20px
    }

    .decoImg {
        display: none
    }

    .offerInnerRight {
        height: auto;
        padding: 40px 25px
    }

    #zhumroo-header .zhumroo-logo a img {
        height: 24px;
        width: auto
    }

    #zhumroo-header .menuWrapper .mobinlineblock {
        flex-grow: 1;
        max-width: inherit;
        width: inherit
    }

    .offerInner .suscribesec {
        display: flex
    }

        .offerInner .suscribesec button {
            min-width: 66px;
            font-size: 12px;
        }

    .French .offerInner .suscribesec button {
        min-width: 66px;
        font-size: 12px;
    }

    .offerInner .suscribesec input {
        flex-grow: 1
    }
}

#Cities ul.dstn-rslt-list li::before, #Hotels ul.dstn-rslt-list li::before {
    border-radius: 0;
    pointer-events: none;
    top: 20%;
    left: -1px;
    background-repeat: no-repeat;
    position: absolute;
    content: ""
}

@media screen and (max-width:480px) {
    .excursionlist .form-check-label .price {
        font-size: 13px !important
    }

    .excursionlist .servce-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60%;
        font-size: 14px;
        line-height: 24px;
        color: var(--reg-color)
    }

    .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-group-sec:first-child {
        padding-bottom: 0px !important;
        border-bottom: 1px dashed #ccc !important;
        border-radius: 0 !important;
        margin-bottom: 0
    }

    .search-view-type li {
        font-size: 13px;
      /*  border-radius: 50%;*/
        /*height: 36px;
        width: 36px*/
    }

    .reviwe-skyblue .bookingstatussec .review-heading.confirmed {
        font-size: 20px
    }

    .reviwe-skyblue .conf-mail {
        font-size: 14px
    }

    .search-view-type li span {
        margin-left: 0;
       /* position: absolute*/
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-group-sec:first-child {
        padding-bottom: 6px !important;
        border-bottom: 1px dashed #ccc !important;
        border-radius: 0 !important;
        margin-bottom: 10px
    }

    .tab-content.tab-paneversion-one .form-title {
        font-size: 21px
    }

    .inner-page-srch-wrap .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper {
        grid-template-columns: 1fr
    }

    .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper {
        display: grid;
        gap: 3px
    }

    .search-widget .tab-content .form-group .input-wrapper.check-in-out-input {
        height: auto;
        padding: 10px !important
    }

    .inpFldImg img {
        transform: rotate(90deg)
    }

    .inpFldImg {
        left: auto;
        right: -7px
    }

    .search-widget .tab-paneversion-one.tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-group-sec:first-child i {
        top: 15px
    }

    .date-wrapper .icon-calendar.hide {
        display: block !important
    }

    .zhumroo-hr-tupple .hr-tupple-body .tupple-htl-details .tupple-title {
        font-size: 15px !important
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list ul li {
        font-size: 12px
    }
}

.zhumroo-htl-reviwe-info .hotelTitle {
    line-height: 1.33;
    color: #333 !important;
    margin: 0 0 5px
}

input[type=password]::-ms-reveal {
    display: none
}

#HotelDesc.more .morecontent b, #HotelDesc.more b {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    display: block;
    padding-top: 0px
}

#Cities ul.dstn-rslt-list li .no-property {
    float: right;
    color: #70817c !important;
    font-size: 13px !important
}

#Cities ul.dstn-rslt-list li::before {
    background-size: 16px;
    width: 16px;
    background-image: url(../images/cityflag.jpg);
    height: 22px
}

#Hotels ul.dstn-rslt-list li::before {
    background-size: 18px;
    width: 18px;
    background-image: url(../images/bed.jpg);
    height: 18px
}

#Cities ul.dstn-rslt-list li, #Hotels ul.dstn-rslt-list li {
    position: relative;
    padding-left: 24px
}

.zhumroo-inputPopup.destinations-popup .dstn-rslt-section {
    display: table;
    column-gap: 25px;
    overflow-x: hidden
}

    .zhumroo-inputPopup.destinations-popup .dstn-rslt-section .dstn-rslt-wrap {
        padding-right: 0;
        /*display: table-cell;*/
        min-width: 420px;
        max-width: 420px
    }

/*#roomChoice .zhumroo-room-tupple .roomcntntcntrl, #zhumroo-header .workwithzhumroo, #zhumroo-header img#contact-top {
    display: none
}*/

#room-choice #roomChoice .zhumroo-room-tupple .room-title {
    line-height: 1.5;
    text-transform: uppercase;
    padding: 13px 0px;
    font-size: 17px;
}

#roomChoice .zhumroo-room-tupple .srg-roomChoice.mob-no-padding {
    width: 100%;
    float: left;
    padding: 0
}

#room-choice.htl-details-section .row.borderBottom:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    width: 90%;
    width: calc(100% - 30px);
    height: 1px;
    border-bottom: 1px solid #ddd0;
    bottom: 0
}

.dstn-rslt-wrap#Hotels {
/*    border-left: 1px solid #ccc;*/
    padding-left: 17px;
    height: fit-content
}

.dstn-rslt-list li small.propert-countryname {
    color: #70817c !important
}

.max-text0verlape {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    float: left
}

.max-text0verlape2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    float: left
}

#Hotels ul.dstn-rslt-list li {
    width: 94%;
    display: inline-block
}

.no-property {
    float: right
}

.newSpinner {
    margin: 0 auto 15px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .8em solid #2d7a16;
    border-right: .8em solid #eee;
    border-bottom: .8em solid #eee;
    border-left: .8em solid #eee;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: 1.1s linear infinite load;
    animation: 1.1s linear infinite load
}

.dstn-rslt-hdng.searchbar-heading:before {
    content: "";
    height: 1px;
    background: #f2f2f200;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 50%;
    margin-top: -1px;
    left: 0
}

.dstn-rslt-hdng.searchbar-heading span {
    padding-left: 0;
    font-size: 14px;
    color: #000;
    font-weight: 600
}

select option {
    font-family: system-ui
}

.dstn-rslt-wrap#Cities {
    padding-left: 16px;
    padding-right: 25px
}

#sr-hotel-tab .input-wrapper2 .zhumroo-inputPopup.destinations-popup.search-loader {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    overflow: hidden
}

.zhumroo-inputPopup.destinations-popup.search-loader .dstn-rslt-section .dstn-rslt-wrap.w-100.text-center {
    width: 100%;
    display: flex;
    justify-content: center;
}

.main-price-sec .main-promcode .sec-promocode .form-group i {
    font-size: 11px;
    font-style: normal
}

.tripadvisor-rating {
    display: inline-flex
}

.rating-container.acntInfoStar.dis-block #TARatingurl {
    height: 20px
}

#more_offer {
    color: var(--headingColor);
}

@media screen and (max-width:400px) {
    .form-group input#newsletter-checkbox[type=checkbox] label {
        margin-left: 0
    }

    .searchcitydetailstop h1 {
        font-size: 16px;
        margin-bottom: 0;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 240px
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    #zhumroo-header .menuWrapper ul li a, #zhumroo-header .menuWrapper ul li span {
        color: #fff;
        font-size: 13px;
        padding: 0.5rem 0.1rem;
        cursor: pointer;
        margin-left: 0px;
    }

    #Cities ul.dstn-rslt-list li .no-property {
        float: left
    }
}

@media screen and (min-width:320px) and (max-width:992px) {
/*    #zhumroo-main-footer.grayBg {
        margin-top: 9px !important;
    }*/

    #Cities ul.dstn-rslt-list li {
        display: flex;
        flex-direction: column;
        margin-bottom: 11px
    }

    #Hotels ul.dstn-rslt-list li, #Hotels ul.dstn-rslt-list li .max-text0verlape2 {
        white-space: normal
    }

    .search-widget .tab-content .form-group .zhumroo-inputPopup.destinations-popup .dstn-rslt-list li * {
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 500
    }

    .zhumroo-inputPopup.destinations-popup .dstn-rslt-section #Cities {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        margin-bottom: 12px
    }

    .dstn-rslt-wrap#Hotels {
        width: 100%;
        border-left: none;
        padding-left: 16px;
        display: inline-block
    }

    .dark.cc_dialog, .max-text0verlape {
        width: 100%
    }

    #room-choice .zhumroo-room-tupple {
        margin-bottom: 16px;
        border: 1px solid #d9d9d9;
        background-color: #fff;
        padding-top: 0;
        width: 96%
    }

    .zhumroo-inputPopup.destinations-popup .dstn-rslt-section {
        display: inline-block;
        width: 100%
    }

    .searchbar-heading {
        margin-bottom: 0;
        display: inline-block
    }

    .zhumroo-inputPopup.destinations-popup .dstn-rslt-section .dstn-rslt-wrap {
        min-width: 100%;
        max-width: 100%
    }

    .offerWrapper .btn {
        height: 52px
    }

    #Cities ul.dstn-rslt-list li .no-property {
        float: right;
        display: block;
        font-size: 11px !important;
        line-height: 15px
    }

    .form-control.checkIn.datepicker {
        padding-top: 5px !important
    }

    .search-widget .tab-content .form-group .input-wrapper i {
        padding-left: 10px
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0) !important;
        -ms-transform: translate(0,0) !important;
        -o-transform: translate(0,0) !important;
        transform: translate(0,0) !important
    }

    .cc_dialog .cc_dialog_text {
        font-size: 13px
    }

    .cc_dialog .cc_dialog_headline {
        font-size: 16px
    }

    .nsm7Bb-HzV7m-LgbsSe {
        padding: 10px !important
    }

    .reviwe-skyblue .bookingstatussec .review-heading.confirmed, .reviwe-skyblue .bookingstatussec .review-heading.not-confirmed {
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 6px;
        position: relative;
        margin-top: 0;
        padding-top: 0
    }

    .main-but-choose {
        padding-top: 10px;
        display: inline-block
    }

    .book_nowbt {
        margin-bottom: 4px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .smart-search-wrapper.hidden-xs.hidden-sm2 {
        display: none !important
    }

    .searchcitydetailstop h1 {
        font-size: 16px;
        margin-bottom: 0;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 600px
    }
}

.supportnumber p, .supportnumber span {
    color: #343434;
    font-size: 14px
}

@media screen and (min-width:768px) and (max-width:992px) {
    .main-skelton-hide-section .header-sec-skelton.zhumroo-header.srthemeone.inner-header {
        height: 62px;
        min-height: 62px;
    }

    .srpcontwrap .cityinfowrap {
        padding-left: 0
    }

    .dark.cc_dialog {
        width: 100%;
    }

    .smart-search-wrapper.hidden-xs.hidden-sm2.focused {
        display: block !important
    }

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .addon-list ul li {
        font-size: 13px
    }

    #zhumroo-header .menuWrapper ul li span {
        padding: .5rem
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control.checkOut {
        margin-left: 12px
    }

    .search-widget .tab-content .form-group .input-wrapper2.searchbox input {
        height: 28px !important
    }
}

.nsm7Bb-HzV7m-LgbsSe {
    padding: 0 4px
}

    .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
        height: 18px;
        margin-right: 4px;
        min-width: 15px;
        width: 16px
    }

.Noresultsfound .dstn-rslt-section {
    padding-left: 15px;
    padding-right: 15px
}

.zhumroo-inputPopup.destinations-popup.Noresultsfound {
    width: auto !important
}

#HotelDetailModal.mappopup #DetailHotel .tupple-price-wrap {
    justify-content: end
}

.book_nowbt {
    width: 130px;
    margin-bottom: 10px
}

.btn.btn-primary.book_nowbt2 {
    width: 130px;
    background-color: #f26522 !important;
    position: relative !important;
    right: 4px
}

.book_nowbt2 .whiteFont {
    color: #f26522
}

.btn.btn-primary.book_nowbt2:hover {
    background-color: #d44d0d !important
}

    .btn.btn-primary.book_nowbt2:hover .whiteFont {
        color: #fff
    }

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c svg {
    width: 18px
}

.socialbox .nsm7Bb-HzV7m-LgbsSe {
    min-width: 179px !important;
    max-width: 184px !important
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
    overflow: hidden;
    text-overflow: ellipsis
}

.intl-tel-input #mobileselect {
    opacity: 0;
    z-index: -1
}

.sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input#MobileNo{
    padding-left: 100px;
    min-width: 330px;
}

.intl-tel-input {
    position: absolute;
    width: 0 !important;
    bottom: 0;
}

.supportnumber p {
    margin: 0;
    font-weight: 700
}

.signinstrip {
    width: 100%;
    display: none;
    padding: 10px 22px;
    background-color: var(--lightprimaryColor);
    margin-top: 15px;
    border: 1px solid var(--lightprimaryColor);
}

    .signinstrip p {
        margin: 0;
        display: inline-block;
        font-size: 14px;
        color: #fff
    }

    .signinstrip .icon-close {
        color: #fff;
        padding-top: 4px;
        cursor: pointer
    }

#topjumpbutton {
    display: none;
    position: fixed;
    height: 45px;
    width: 45px;
    bottom: 30px;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    right: 10px;
    z-index: 999;
    box-shadow: 0 0 7px #d1cece
}

    #topjumpbutton img {
        transform: rotate(180deg);
        width: 20px
    }

    #topjumpbutton:hover {
        box-shadow: 0 0 7px #f26522bd;
        transition: .4s
    }

.best_price_guarantee {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 3px;
    border: .5px solid #0099462b;
    background-color: #eefff6
}

    .best_price_guarantee img {
        width: 18px;
        height: auto;
        margin-right: 8px
    }

@media screen and (min-width:320px) and (max-width:992px) {
    #topjumpbutton {
        height: 36px;
        width: 36px;
        bottom: 75px;
        right: 5px;
        z-index: 2
    }

        #topjumpbutton img {
            width: 14px
        }

    .supportnumber span {
        font-size: 12px
    }

    .supportnumber p {
        font-size: 12px;
        line-height: 17px
    }
}

.home_Login_Popup_Forget_Password {
    cursor: pointer
}

.myaccount-nav {
    padding-top: 6px
}

.supportnumber {
    width: 100%;
    float: left;
    text-align: right;
    white-space: nowrap;
    display:flex;
    align-items:center;
    justify-content:end;
}

.addonsname {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60%
}

.flag_bdr .language-img {
    display: block !important;
    width: 20px
}

.flag_bdr .nav-link {
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-column-gap:10px;
    align-items: center;
    padding-left:0px!important;
    padding-right:0px!important;
}

    .flag_bdr .nav-link span {
        line-height: 12px !important
    }

.revw-tc .Byselecting {
    color: #000 !important
}

@media screen and (min-width:320px) and (max-width:400px) {
    #zhumroo-header .menuWrapper .row {
        display: flex;
        align-items: center;
        vertical-align: middle;
    }

        #zhumroo-header .menuWrapper .row .mobinlineblock {
            padding-right: 3px !important;
            /*  flex:initial!important;*/
        }

    #zhumroo-header .zhumroo-header-right > ul.myaccount-nav {
        float: right !important;
        width: initial;
    }

    .supportnumber-mobile img {
        width: 11px !important;
    }

    .myaccount-navTabs li a span.hidden-xs {
        font-size: 11px !important;
    }

    .mobienglishblock {
        padding-left: 0px !important;
    }

        .mobienglishblock .zhumroo-header-right .myaccount-nav li span {
            margin-left: 0px !important;
        }

    .zhumroo-htl-detail-info .htl-info .rating-container .tripadvisor-rating {
        margin-left: 5px;
        padding-left: 0px;
    }

    .htl-price-wrap.top-price-details-sec .pricing-info .search-hotel #LPr12 {
        font-size: 14px;
    }

    #zhumroo-header .zhumroo-logo a img {
        height: 22px;
        width: auto;
    }

    .myaccount-nav .language-list-sec.open #ddllanguages {
        left: 0 !important;
    }

    .confirmation-wrapper .panel-title-filled .canpolicy th, .canpolicy td {
        padding: 4px 5px;
        font-size: 12px;
    }
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.loader-maincolor {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.kmobhidekmobhide .MyAccPopup {
    left: -110px !important;
}

.mapview .availability-compact-view.handlebars-entry-point {
    margin-top: 14px;
}


.mobile-minuss {
    padding-right: 0px !important;
    display:grid!important;
    align-items:center!important;
}

.mob-pl-0.pr-0.mobienglishblock.mobinlineblock {
    padding-left: 0px;
}

.myaccount-nav .language-list-sec.open #ddllanguages {
    left: 36%;
}

    .main-skelton-hide-section .header-sec-skelton.zhumroo-header.srthemeone.inner-header {
        height: 69px;
        min-height: 69px;
    }

    .main-skelton-hide-section .header-sec-skelton.zhumroo-header.srthemeone.inner-header .supportnumber {
        padding-top: 10px;
    }
/*Language change CSS start*/

.German .contentwraper .content .heading {
    height: 44px;
}

.German .no_result_page_found a, .French .no_result_page_found a, .Spanish .no_result_page_found a {
    height: auto;
}

.German .zhumroo-htl-detail-info .htl-price-wrap.top-price-details-sec .pricing-info .RoomBookNow .room-btn span.btn-primary.btn {
    margin-left: -32px;
}

.French .zhumroo-htl-detail-info .htl-price-wrap.top-price-details-sec .pricing-info .RoomBookNow .room-btn span.btn-primary.btn {
    margin-left: -70px;
}

.Spanish .zhumroo-htl-detail-info .htl-price-wrap.top-price-details-sec .pricing-info .RoomBookNow .room-btn span.btn-primary.btn {
    margin-left: -35px;
}


@media screen and (min-width:320px) and (max-width:359px) {
    .German .myaccount-nav span.drptoggle, .French .myaccount-nav span.drptoggle {
        width: 65px !important;
    }

    .myaccount-navTabs .listTabs {
        border: 0 !important;
        margin-left: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #upcomingtrips .uptrips-wrapper p {
        font-size: 13px;
    }
}


@media screen and (min-width:320px) and (max-width:420px) {
    .German .myaccount-nav span.drptoggle, .French .myaccount-nav span.drptoggle, .Spanish .myaccount-nav span.drptoggle, .English .myaccount-nav span.drptoggle {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .German .offerInner .suscribesec button {
        font-size: 10px;
        min-width: 90px;
    }

    .German .myaccount-navTabs li a span.hidden-xs {
        font-size: 10px !important;
    }

    #booking .myaccount-navTabs .nav.nav-tabs.listTabs {
        display: grid;
        grid-template-columns: 2fr 2fr;
        font-size: 14px;
    }

    .German .saveprofilebtn button, .French .saveprofilebtn .btn.gray-btn, .French .saveprofilebtn button, .French .saveprofilebtn .btn.gray-btn, .Spanish .saveprofilebtn button, .Spanish .saveprofilebtn .btn.gray-btn {
        padding: 9px 4px !important;
        font-size: 12px !important;
    }

    .dropdown-toggle::after {
        margin-left: 0.1em !important;
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    #zhumroo-header .menuWrapper ul li a, #zhumroo-header .menuWrapper ul li span {
        font-size: 14px !important;
        letter-spacing: -0.4px !important;
    }

    #traveller-info.panel-collapse.collapse.in label.gtno {
        display: flex;
        margin-top: -1px;
        margin-right: 0px;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .inner-page-srch-wrap #main-search .checkIn.datepicker {
        padding-top: 10px !important;
    }

    .mobienglishblock.mobinlineblock .myaccount-nav .dropdown.mobacc.kmobhide.open .dropdown-menu.sorting-options.MyAccPopup {
        left: -58px !important;
        width: 134px !important;
    }


    #upcomingtrips .uptrips-wrapper .hotel-details .details .trncateTxt.allBookings {
        font-size: 15px !important;
        white-space: break-spaces;
    }

    /*#zhumroo-header .zhumroo-header-right > ul.myaccount-nav > li {
            display: inline-block;
            vertical-align: top !important;
        }*/
    .German .contentwraper .content .heading {
        height: auto;
    }

    .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input#MobileNo, .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input#CustomerEmail {
        padding-left: 100px;
        min-width: 100%;
    }

    .main-skelton-hide-section .header-sec-skelton.zhumroo-header.srthemeone.inner-header {
        height: 50px;
        min-height: 50px;
    }

    .filter-row.tripadvisor-rating.tripadvisor:after {
        background-color: #fdfdfd !important;
    }
}


@media screen and (min-width:768px) and (max-width:992px) {
    .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input {
        min-width: 33%;
    }
}


@media screen and (min-width:320px) and (max-width:992px) {
    /*  .search-view-type li.active {
        display:block!important;
        }*/
    .German .filter-sortby a, .French .filter-sortby a, .Spanish .filter-sortby a {
        padding: 8px 6px;
    }

    .English .no_result_page_found a {
        height: auto;
    }
    .search-widget .tab-content .form-group .input-wrapperpax input {
        height: 35px !important;
    }
}

/*Language change CSS end*/


.gm-svpc {
    display: none;
}

.search-widget .tab-content .form-group .input-wrapperpax.adult-input {
    border-radius: 0.5rem !important;
}

.search-widget .tab-content .form-group .input-wrapperpax.adult-input {
    display: block;
    width: 100% !important;
    line-height: 1.25;
    vertical-align: middle;
    align-items: center;
    display: inline-flex;
    min-height: calc(.5rem * 2 1.25rem 2px);
    padding:0px!important;
    padding-left:.75rem!important;
    background: #fff;
    border: 1px solid #ccc;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px !important;
}

    .search-widget .tab-content .form-group .input-wrapperpax.adult-input
    .headerFormWrapper .input-wrapperpax.form-group-sec.adult-input {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

.mainHomeWrapper .search-widget .tab-content .form-group .input-wrapperpax input {
    padding: 0 10px;
}

.headerFormWrapper .input-wrapperpax.form-group-sec.adult-input input {
    padding-left: 30px !important;
}

.search-widget .tab-content .form-group .input-wrapperpax input {
    border: none;
    background-color: transparent!important;
    outline: 0;
    padding: 0 8px;
    height:45px;
    color: #1f4783;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.headerFormWrapper .input-wrapperpax.form-group-sec.adult-input i {
    position: absolute;
    left: 0;
    padding-left: 15px;
    top: 50%;
    line-height: 0;
    transform: translateY(-50%);
}

.search-widget .tab-content .form-group .input-wrapperpax i {
    color: #666 !important;
    font-size: 18px;
}

.swal2-container.swal2-center.swal2-fade.swal2-shown .swal2-popup.swal2-modal.swal2-show .swal2-actions .swal2-confirm.swal2-styled {
    background: var(--secondaryColor) !important;
    border: solid 1px;
    border-color: var(--secondaryColor) !important;
}

.swal2-container.swal2-center.swal2-fade.swal2-shown .swal2-popup.swal2-modal.swal2-show .swal2-content {
    font-size: 15px;
}

.swal2-container.swal2-center.swal2-fade.swal2-shown .swal2-popup.swal2-modal.swal2-show .swal2-footer {
    font-size: 15px;
}

.dropdown.mobacc.kmobhide .mainlabel .firstName label.hitext {
    margin-bottom: 0px;
}

.inner-page-srch-wrap .input-wrapperpax input {
    background: #fff !important;
    font-size: 14px !important;
    color: var(--headingColor) !important;
    width: 100% !important;
    font-weight: 400 !important;
}

.search-widget .adult-input .room-tupple .travellers-info .selectbox > i {
    left: auto;
    right: 5px;
    top: 14px !important;
    font-size: 11px;
    pointer-events:none;
}

.search-widget .adult-input .room-tupple .childs-info .selectbox > i {
    left: auto;
    right: 5px;
    top: 14px !important;
    font-size: 11px;
    z-index:0 !important;
}

/*li.list-view.listviewlable {
    background-image: url(../images/list_toggle.svg);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}
*/
.Sriggle-htl-reviwe-info h2#cancelText {
    font-size: 16px;
    padding-bottom: 10px;
}


@media screen and (max-width: 992px) {
    .search-widget .tab-content .form-group .input-wrapperpax.adult-input {
        min-height: 45px !important;
        padding: 5px 10px !important;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        vertical-align: middle;
        align-items: center;
        display: grid !important;
    }

    #htl-srp-search.zhumroo-mb-search.inner-page-srch-wrap .main-search-wrapper .search-widget .tab-content .form-group .input-wrapperpax.adult-input {
        display: flex !important;
    }

    #htl-srp-search.zhumroo-mb-search.inner-page-srch-wrap #btnmodify {
        margin-top: 10px;
    }

    #htl-srp-search.zhumroo-mb-search.inner-page-srch-wrap .input-wrapperpax.adult-input #txtPax {
        padding-left: 10px !important;
    }

    #htl-srp-search.zhumroo-mb-search.inner-page-srch-wrap .input-wrapper.check-in-out-input .date-wrapper .form-control.checkOut {
        padding-left: 30px !important;
    }
}

ul#ddlCurrencies {
    width: auto !important;
    max-width: inherit;
    left: 0;
    right: auto;
    padding: 0 !important;
}
ul#ddllanguages {
    padding: 0 !important;
}
ul#ddlCurrencies li span {
    padding: 0 !important
}
ul#ddllanguages .flag_bdr .nav-link {
    padding-left: 10px !important;
   padding-right: 10px !important;
}

    ul#ddlCurrencies .flag_bdr .nav-link {
        grid-template-columns: 36px 1fr;
        align-items: start;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        ul#ddlCurrencies .flag_bdr .nav-link span {
            font-size: 14px !important;
            line-height: 24px !important;
        }
            ul#ddlCurrencies .flag_bdr .nav-link span:first-child {
                text-align:center!important;
            }
@media screen and (min-width: 320px) and (max-width: 992px) {
    #room-choice .zhumroo-room-tupple .pr-room-pr-ngt {
        border-right: 1px solid #e5e5e500;
        margin-bottom: 0px;
        padding-left: 0px;
        margin-left: 0px;
        border-left: 0px;
    }
    

    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .htl-price-wrap {
     /*   display: block;*/
     align-items:end!important;
    }
    #room-choice .zhumroo-room-tupple .srg-roomChoice .htl-price-wrap .pricing-info .actual-price, .pr-room-pr-ngt span {
        font-size: 20px !important;
    }



    #room-choice .zhumroo-room-tupple .htl-price-wrap .pricing-info {
        display: flex;
        justify-content: space-between;
    }
    
}
@media screen and (max-width: 400px) {
    #room-choice .zhumroo-room-tupple .srg-roomChoice .htl-price-wrap .pricing-info .actual-price, .pr-room-pr-ngt span {
        font-size: 15px !important;
    }
    #room-choice .zhumroo-room-tupple .pr-room-pr-ngt p {
        text-align: left !important;
    }
}
@media screen and (min-width: 767px) and (max-width:1200px) {
    #room-choice .zhumroo-room-tupple .room-deal-tupple .room-detail-info .htl-price-wrap {
        width: 100%;
    }
    #room-choice .zhumroo-room-tupple .srg-roomChoice .htl-price-wrap .pricing-info .actual-price, #room-choice .zhumroo-room-tupple .pr-room-pr-ngt span {
        font-size: 12px !important;
    }
    
}
@media screen and (min-width: 767px) and (max-width:992px) {
    .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input#MobileNo {
        padding-left: 100px;
        min-width: 293px;
    }


}
@media screen and (min-width: 992px) and (max-width:1200px) {
    .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input#MobileNo {
        min-width: 280px;
    }

    .sec-review .tab-sec .panel-group .panel-body .traveling-dtl .trv-dtl-form .form-group input {
      min-width: 215px;
    }
}






/*-----mukul-add---css----*/

/*.zhumroo_searchform{
    max-width:476px!important;
}
*/

.mainbanner_content_heading {
    font-size:35px;
    color:#fff;
    font-weight:600;
}
.mainbanner_content_paragraph{
    font-size:18px;
}

#zhumroo-mainbanner-search .search-img-slider {
    min-height: 368px !important;
    height: 368px !important;
}


.search_offset_div {
    margin: 0px!important;
    padding-right: 0px!important;
}



.home_link {
    color: #343434!important;
    cursor: pointer;
    display: block;
/*    padding: 2rem 1.5rem;*/
    text-decoration: none;
    transition: background-color .16s ease-in;
}
.categories_link .submenu {
    padding: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

.navbar-menu .menu {
    margin-bottom: 0px;
}
.navbar-menu .menu li {
    display: inline-block;
}

.navbar-menu .menu li:hover > .submenu {
    display: block;
    -webkit-animation-name: showSubMenu;
     -webkit-animation-duration: .4s;
    }
 .navbar-menu .menu li ul {
   background-color: #fff;
   display: none;
    position: absolute;
    border-radius:10px;
  }

 .navbar-menu .menu li ul li {
    display: block;
   }
 .navbar-menu .menu li ul li a:active {
    -webkit-animation-name: hideSubMenu;
     -webkit-animation-duration: .4s;
   }



@-webkit-keyframes showSubMenu {
    0% {
        transform: scale(0,0);
    }

    100% {
        transform: scale(1,1);
    }
}

@-webkit-keyframes hideSubMenu {
    0% {
        transform: scale(1,1);
    }

    100% {
        transform: scale(0,0);
    }
}
.mainlabel {
    background: var(--secondaryColor);
    padding: 10px 0px!important;
    border-radius: 6px;
}
    .mainlabel:hover {
        background: var(--secondaryHover);
    }
    .mainlabel .home_main_Login_Btn {
        color: #fff !important;
    }


    .menuwrapper-border {
        border-bottom: 1px solid #eee;
    }


.zhumroo_header_div,
.zhumroo_login_div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories_link {
    padding-top: 5px;
    padding-bottom: 0;
    margin-left: 13px;
}

 .destination-img {
    height: 250px !important;
}

 .destination-img img {
    min-height: 250px !important;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

 .destination-img:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}

.destination-item.col-md-4{
    margin-bottom:22px;
}

.destination-item.col-md-4:nth-child(2) {
    min-width: 66% !important;
}
#popularhotelcontent .destination-caption {
    position: absolute !important;
    bottom: 0px !important;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,27,65,0)), color-stop(100%,rgba(6,27,65,0.95)));
    background: -webkit-linear-gradient(top, rgba(0,27,65,.65) 0,rgba(0,27,65,0) 100%);
    background: -o-linear-gradient(top, rgba(0,27,65,.65) 0,rgba(0,27,65,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,27,65,.65) 0,rgba(0,27,65,0) 100%);
    background: linear-gradient(to bottom, rgba(6,27,65,0) 0%,rgb(0 0 0 / 74%) 100%)
}

#popularhotelcontent .destination-caption .destination-hdng {
    color: #fff !important;
    font-weight: 500;
    font-size: 25px;
}



.mail_offerwrapper {
    border: 1px solid #dedede;
    margin-top: 29px;
    margin-bottom: 29px;
    border-radius: 10px;
    background: #f8f8f8;
    position:relative;
    overflow:hidden;
}
    .mail_offerwrapper .suscribesec input {
        border: 1px solid #dedede;
    }

.mail_decoImg {
    z-index: -1;
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    left:-125px;
}
    .mail_decoImg .mail_decosvg {
        height: 100%;
    }

.mail_offerwrapper:after {
    position: absolute;
    content: "";
    background-image: url(../images/mail_box.svg);
    bottom: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: 220px;
    width: 160px;
    height: 160px;
    opacity: .1;
    z-index:-1;
}

.coupon{
    position:relative;
}
    .coupon .offer_svgimage {
        z-index: 21;
        position: absolute;
        top: 0;
        height: 100%;
        -webkit-object-fit: cover;
        object-fit: cover;
        max-width: 100%;
        right: 0px;
        transform: rotate(180deg);
    }
        .coupon .offer_svgimage .mail_decosvg{
            height:100%;
        }

    .coupon .shape1 {
        position: absolute;
        left: -30px;
        top: 24px;
        color: #1fdfdf;
        width: 85px;
        height: 50px;
        -webkit-transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1) .32s;
        transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1) .32s;
        transition: transform .24s cubic-bezier(.22,0,.08,1) .32s;
        transition: transform .24s cubic-bezier(.22,0,.08,1) .32s,-webkit-transform .24s cubic-bezier(.22,0,.08,1) .32s;
    }

    .coupon .shape2 {
        position: absolute;
        right: 20px;
        top: -90px;
        width: 119px;
        height: 125px;
        color: #ff5b00;
        -webkit-transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1);
        transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1);
        transition: transform .24s cubic-bezier(.22,0,.08,1);
        transition: transform .24s cubic-bezier(.22,0,.08,1),-webkit-transform .24s cubic-bezier(.22,0,.08,1);
    }
 .coupon .shape3 {
    position: absolute;
    color: #ffc102;
    bottom: -295px;
    right: 96px;
    width: 251px;
    height: 319px;
    -webkit-transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1) .16s;
    transition: -webkit-transform .24s cubic-bezier(.22,0,.08,1) .16s;
    transition: transform .24s cubic-bezier(.22,0,.08,1) .16s;
    transition: transform .24s cubic-bezier(.22,0,.08,1) .16s,-webkit-transform .24s cubic-bezier(.22,0,.08,1) .16s
}

    .coupon:hover .shape1 {
        -webkit-transform: translate(-48px,24px);
        transform: translate(-48px,24px)
    }

    .coupon:hover .shape2 {
        -webkit-transform: translate(28px,-30px);
        transform: translate(28px,-30px)
    }

    .coupon:hover .shape3 {
        -webkit-transform: translate(16px,14px);
        transform: translate(16px,14px)
    }

#popularrecommendedciticontent .draggable{
    height:400px;
}
    #popularrecommendedciticontent .draggable .slick-track .destination-item .clickmediv .destination-img {
        height: 300px !important;
    }
    #popularrecommendedciticontent .draggable .slick-track .destination-item .clickmediv .destination-img img{
        min-height: 300px !important;
    }


.cityinfowrap{
    display:none!important;
}

 #map-canvas-hotel-filter {
    border: 1px solid #eee;
    border-radius:5px;
}
.mapviewlink {
    width: 255px;
    height: 60px;
    background: var(--highlightColor);
    color: #fff !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url('../public/images/map-entry.png');
    background-size: auto 160%;
    border: 1px solid #e7e7e7;
    cursor:pointer!important;
}
    .mapviewlink .mapview_div {
        color: var(--highlightColor) !important;
        border-radius: 20px;
        background: #fff;
        padding: 2px 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        display: flex;
        gap: 15px;
        align-items: center;
        font-size: 15px;
        min-width: 116px;
    }
    .mapviewlink span {
        color: var(--highlightColor) !important;
    }
.mapview_div label {
    padding-bottom: 11px;
    margin-right: 8px;
}
.modify_button label {
    padding-bottom: 3px;
    margin-right: 19px;
}
.modify_button:focus{
    box-shadow:none!important;
}
.modify_button{
    float:right;
    padding-right:0px!important;
    cursor:pointer;
    color:var(--reg-color)!important;
}
.mapviewlink svg {
    fill: var(--highlightColor);
}

    .banner_avail {
        margin-bottom: 15px;
    }
banner_avail .box-switch .active:before {
    background: var(--main-bg-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    content: "";
    position: absolute;
}
.modify_button span {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #333;
    text-align: right;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    gap: 10px;
    justify-content: end;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s !important;
    float: right;
}

.footer-menu{
    padding-left:0px!important;
}


/* search landing section design*/

.tabpaneversion {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 3px!important;
}

.tabpanevension_navbar {
    position: relative;
    background: #FFF;
    width: 80%;
    border-radius: 10px;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.4);
    margin:0 auto;
    margin-bottom:-19px;
    z-index:1;
}
    .tabpanevension_navbar .navbar-menu{
        height:75px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
         .navbar-menu .menu li {
            margin-left: 22px;
            margin-right: 10px;
        }
         .navbar-menu .home_link {
            font-size: 18px;
            display: flex;
            align-items: center;
            line-height:1.5;
        }
            .tabpanevension_navbar .navbar-menu .home_link.active {
                fill: var(--secondaryColor);
                color: var(--secondaryColor) !important;
            }
            .tabpanevension_navbar .navbar-menu .home_link:hover {
              /*  stroke: var(--secondaryColor);*/
                color: var(--secondaryColor) !important;
                fill: var(--secondaryColor) !important;
                text-decoration:none!important;
                outline:none;
            }


            .tabpanevension_navbar .navbar-menu .menu li {
                position: relative;
            }
    .tabpanevension_navbar .navbar-menu .menu li .active:after{
        position:absolute;
        bottom:-24px;
        content:"";
        width:100%;
        height:3px;
        background:var(--secondaryColor);
    }
                .tabpanevension_navbar .navbar-menu .menu li:after {
                    position: absolute;
                    bottom: -24px;
                    content: "";
                    width: 0%;
                    height: 3px;
                    background: var(--secondaryColor);
                }
        .tabpanevension_navbar .navbar-menu .menu li:hover:after{
            width:100%;
           transition:all .3s ease-in-out;
        }
       .navbar-menu .home_link .navbar_image_div {
            width: auto;
            height: 20px;
            padding-right: 25px;
        }

           .navbar-menu .home_link .navbar_image_div svg {
                height: 20px;
                width: 20px;
            }

.landingpage_heading {
    text-align: center;
    margin-bottom: 45px;
}
    .mainHomeWrappervs-one {
        height: 550px !important;
    }

.search-img-slider_color:after {
    position: absolute;
    content: '';
    display: block;
    background-color: rgba(0,0,0,.6);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.landing_page_ads{
    height:90px;
    width:970px;
    margin:0 auto;
}

    .landing_page_ads img{
        height: 100%;
        object-fit:cover;
    }

#modify_div_popup {
    display: none;
}

.search-form-overlay.active {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 11
}

.offer_slider_image{
    height:185px!important;
}
    .offer_slider_image img{
        min-height:100%!important;
        height:100%;
    }
    .promtiondisplay_div .destination-item {
        padding-right: 10px;
        padding-left: 10px;
    }

#promtiondisplay {
    position: relative;
}

    #promtiondisplay .carousel-gradient-right {
        right: 0px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
        width: 44px;
        height: 100%;
        position: absolute;
        z-index: 1;
        visibility: visible;
        top: 0;
    }
    #promtiondisplay .carousel-gradient-left {
        left: 0px;
        background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
        width: 44px;
        height: 100%;
        position: absolute;
        z-index: 1;
        visibility: visible;
        top: 0;
    }
.Main-offers-swiper {
    padding-left: 80px;
}

.menuwrapper_lendingpage .navbar-menu .home_link{
    font-size:15px!important;
    text-decoration:none;
}


.Main-offers-swiper .swiper-slide .offer_slider_image{
    border-radius:10px;
}
.Main-offers-swiper .swiper-button-prev:after {
    height: 32px !important;
    width: 35px !important;
    font-size: 14px;
    background: #fff;
    border-radius: 50px;
    padding-top: 10px;
    padding-left: 12px;
    color: var(--reg-color);
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
}
.Main-offers-swiper .swiper-button-next:after {
    height: 32px !important;
    width: 35px !important;
    font-size: 14px;
    background: #fff;
    border-radius: 50px;
    padding-top: 10px;
    padding-left: 14px;
    color: var(--reg-color);
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
}
.promtiondisplay_div{
    z-index:0;
}
.tabpaneversion .zhumroo-inputPopup{
    width:430px!important;
}
.skelton_promo_coupon .coupon{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    height:150px;
    border:none!important;
}
    .skelton_promo_coupon .coupon .promobanner-skelton4 .loaderBg{
        border-radius:10px;
    }
.landing_menu_skel {
    position: absolute;
    bottom: -28px;
    width: 80%;
    left: 114px;
    z-index: 1;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 35px;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}
.skel-h-30{
    height:30px;
}
.skel-pad-50 {
    background-color: rgba(255,255,255,.9) !important;
    padding: 65px 30px 40px !important;
    border-radius: 16px;
}
.modify_div_popup {
    z-index: 1050;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.destination_wrapper {
    border: 1px solid #ccc !important;
    border-radius: 5px;
}
.h-22{
    height:22px;
}
.h-45{
    height:45px;
    border-radius:6px;
    margin-left:420px;
}
.skelton_margin-left{
    margin-left:476px;
}
.share_details li a{
    font-size:17px;
}
.expect_div {
    border-radius: 10px;
    box-shadow: 0 20px 40px 0 rgba(173, 181, 189, 0.1);
    border: solid 1px rgba(129, 147, 174, 0.12);
    background-color: #fff;
    padding: 2.5em;
    text-align: center;
    position: relative;
    min-height:350px;
}
.inner-header .menuWrapper_header {
    position: relative;
    width: 100%;
    padding: 10px 0;
    top: 0
}
.menuWrapper_header {
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
}
.home_link label{
    cursor:pointer;
}
.header_navbarmenu .menu li{
    margin-left:0px!important;
    margin-right:20px!important;
}
.zhumroo-header-right .myaccount-nav{
    padding-top:0px;
}
.menuwrapper_row{
    align-items:center;
}
.home_Search_Form_Guest_Popup_Ok{
    text-decoration:none!important;
}
.calender_icon:before {
    content: "";
    background-image: url('../images/calender-20.svg');
    background-repeat: no-repeat;
    position:absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    line-height: 0;
    z-index: 10;
    height: 21px;
    width: 21px;
    opacity:0.5;
}


    #zhumroo-header .menuWrapper ul li span.drptoggle span.mainlabel span.firstName span.home_main_Login_Btn {
        color: #fff;
    }

    .modal_header_container:before {
        display: none;
    }

    .modify_div_popup #loginWrapper {
        padding: 10px 0 !important;
    }

    .modify_div_popup .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
        height: 46px !important;
    }

    .modify_div_popup .modal-dialog {
        max-width: 450px !important;
    }

    .mapbtmwrap .tripadvisor-img {
        display: none;
    }

    .mapview .hotel-pricing .current-price .hotel-price,
    .mapview .hotel-pricing .current-price .USD:before {
        font-weight: 500;
    }

    .promtiondisplay_div .swiper-button-next,
    .promtiondisplay_div .swiper-button-prev {
        height: 40px;
        width: 33px;
    }

    .mobile_ads {
        display: none;
    }
.landing_page_ads_image{
    width: 100%;
    height: 100%;
}
.mobile_landing_page .logo_mobile {
    display: none;
}
@media screen and (min-width: 320px) and (max-width:992px) {
    .modify_div_popup .search-widget .tab-content .form-group .input-wrapper.check-in-out-input .date-wrapper .form-control {
        height: 32px !important;
    }

    .tourpaneversion .dash-form-group {
        padding-bottom: 10px;
    }

    .tabpanevension_navbar .navbar-menu .menu li:after {
        bottom: -13px !important;
    }

    .destination-item.col-md-4 {
        margin-bottom: 12px;
    }
    .tabpanevension_navbar .navbar-menu {
        height:50px;
    }
    .destination-img {
        height: 180px !important;
    }
        .tabpanevension_navbar .navbar-menu .menu li .active:after {
            bottom: -13px;
            content: "";
        }
    .login_mobacc {
        position: relative;
    }
        .login_mobacc:after{
            content:"";
            background-image:url('../images/mobile-login.png');
            position:absolute;
            content:"";
            background-size:20px;
            background-repeat:no-repeat;
           height:20px;
           width:20px;
           top:7px;
           right:0px;
           z-index:1;
           opacity:0.3;
        }
        .tabpanevension_navbar .navbar-menu .home_link .navbar_image_div {
            padding-right: 6px !important;
        }

    .landing_menu_skel {
        left: 38px !important;
        bottom: -70px !important;
    }
    .expectSolutionssec .content .heading, .Subscribe_Heading {
        font-size: 18px;
    }
    .landing_page_ads {
        width: 90%;
        max-width: 920px;
        width: calc(100% - 30px);
        height: auto;
        min-height: 103px;
        border-radius: 10px;
        overflow: hidden;
    }

    .desktop_ads {
        display: none;
    }

    .mobile_ads {
        display: block;
    }

    #zhumroo-mainbanner-search .search-img-slider {
        min-height: 250px !important;
        height: 250px !important;
    }

    .headerFormWrapper {
        margin-top: -286px !important;
        top: 0px !important;
    }

    .landing_page_ads_image img {
        width: 100%;
        height: 100%;
    }

    .carousel-gradient-right,
    .carousel-gradient-left {
        display: none;
    }

    .Main-offers-swiper {
        padding-left: 0px;
    }

    .promtiondisplay_div {
        margin-top: 50px !important;
    }

    .hum-sidebar-menu-items li {
        font-size: 14px;
        align-items: start;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 10px 0px;
        display: block !important;
    }

    .menu_hamburger .icon-circle {
        transition-duration: 0.5s;
        position: absolute;
        height: 28px;
        width: 28px;
        top: -25px;
        border-radius: 100%;
        background: transparent;
        border: 1px solid #b1acac;
        right: 12px;
    }

        .menu_hamburger .icon-circle:hover {
            background: #fff;
        }

    .menu_hamburger .icon {
        transition-duration: 0.5s;
        position: absolute;
        height: 3px;
        width: 18px;
        top: 0px;
        background-color: #b1acac;
        border-radius: 8px;
        right: 18px;
    }

    .mobile_landing_page .menu_hamburger .icon,
    .mobile_landing_page .menu_hamburger .icon:before,
    .mobile_landing_page .menu_hamburger .icon:after {
        background-color: #fff;
    }

    .menu_hamburger .icon:before, .menu_hamburger .icon:after {
        transition-duration: 0.5s;
        position: absolute;
        width: 24px;
        height: 3px;
        background-color: #b1acac;
        content: "";
        top: -8px;
        border-radius: 8px;
        right:0;
    }

    .menu_hamburger .icon:after {
        top: 8px;
    }

    .menu_hamburger.open .icon-circle {
        background: #fff;
    }

    .menu_hamburger.open .icon {
        transition-duration: 0.5s;
        background: transparent;
    }

        .menu_hamburger.open .icon:before {
            transform: rotateZ(45deg) scaleX(1.25) translate(3.5px, 3.5px);
        }

        .menu_hamburger.open .icon:after {
            transform: rotateZ(-45deg) scaleX(1.25) translate(4px, -5px);
        }

    .menu_hamburger:hover {
        cursor: pointer;
    }

    .desktop_lang {
        display: none !important;
    }

    .hum-sidebar-menu-items {
        position: fixed;
        right: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 1000;
        padding: 0 15px !important;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 0px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        top: 0px;
        padding: 15px 0;
        box-shadow: 0 3px 5px rgba(41, 47, 55, 0.1);
    }

    .sidebar_lang_list a {
        border-bottom: 1px solid #cccccc4f;
        padding-bottom: 12px !important;
    }

    .mobile_contract {
        border-top: 1px solid #cccccc4f;
        border-bottom: 1px solid #cccccc4f;
        padding: 9px 0px;
        margin-top:0px!important;
    }

        .mobile_contract .supportnumber-mobile {
            padding-top: 0px !important
        }

    .sidebar_lang_list .mainlabel {
        background: transparent;
    }

    #zhumroo-header .menuWrapper ul li span.drptoggle span.mainlabel span.firstName span.home_main_Login_Btn {
        color: #333 !important;
        width: 100%;
        z-index: 5;
        display: inline-flex;
        position: relative;
    }
    .search-widget .adult-input .room-tupple .travellers-info .selectbox > i {
        top: 50% !important;
        transform: translateY(-50%);
    }
    
    .sidebar_lang_list .language_drop_currencies {
        position: initial !important;
        max-width: initial !important;
        width: 100% !important;
        box-shadow: none !important;
        border: 0px !important;
        padding-top: 0px;
        margin-top: 0px;
        background: #f5f5f5;
        padding-bottom: 0px !important;
    }

    .sidebar_lang_list .dropdown-backdrop {
        display: none !important;
    }

    .sidebar_lang_list .language_drop_currencies .flag_bdr {
        border-bottom: 1px solid #ccc;
        margin-bottom: 0 !important;
        padding-bottom: 0px !important;
        margin-left: 0px;
        margin-right: 0px;
        height: 40px;
        margin-top: 0;
        display: flex !important;
        align-items: center;
    }

        .sidebar_lang_list .language_drop_currencies .flag_bdr .nav-link {
            padding-bottom: 10px !important;
            margin-left: 0px;
            padding-top: 0px;
            padding-bottom: 0 !important;
        }

    .hum-sidebar-menu-items .sidebar_lang_list .language_drop_currencies#ddlCurrencies {
        max-width: 100% !important;
        width: 100% !important;
        background: #f5f5f5;
        padding-bottom: 0px !important;
    }

    .home_Search_Form_Heading,
    .mainbanner_content_paragraph {
        display: none;
    }
   
    #zhumroo-mainbanner-search .main-search-wrapper .search-widget {
        margin-top: 155px !important;
    }

    .nav_sidebar_image {
        border-bottom: 1px solid #cccccc4f !important;
        padding-top:8px;
    }

    .hum-sidebar-menu-items.myaccount-nav li.nav_sidebar_image img {
        display: block !important;
        height: 15px;
        width: 15px;
        float: right;
        margin-bottom: 11px;
        cursor: pointer;
    }

    .search-img-slider_color:after {
        display: none;
    }

  
    .navbar-menu .menu li {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mobile_landing_page #zhumroo-header.srthemeone {
        background-color: transparent !important;
        position: absolute !important;
        z-index: 10 !important;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: none !important;
        width: 100%;
    }
       
    .mobile_landing_page .logo_mobile {
        display: block!important;
    }
    .mobile_landing_page .desktop_logo {
        display: none!important;
    }
    .mobienglishblock{
        display:none!important;
    }
    .mainHomeWrappervs-one {
        height: auto !important;
        padding-bottom: 30px !important;
    }

    .mail_offerwrapper:after {
        background-size: 71px !important;
        width: 53px !important;
        height: 42px !important;
    }
    .zhumroo-pre-footer .mail_offerwrapper{
        padding-top:14px!important;
        padding-bottom:30px!important;
    }
    .mail_offerwrapper .mail_decoImg {
       /* left: -182px!important;*/
       display:none!important;
    }
    .expect_div{
        margin-bottom:15px;
    }
    .zhumroo-mb-search .search-img-slider_color:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: green;
        height: 50%;
        z-index: 9;
        content: "";
        background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    }
    .calender_icon:before{
        display:none;
    }
    .calender_icon{
        display:none;
    }
    .tabpaneversion .zhumroo-inputPopup {
        width: 100% !important;
    }
    .ads_right_div{
        display:none;
    }

    .btn.modify_button {
        display: none !important;
    }
    .inner-header .menuwrapper_lendingpage {
        display: grid;
        grid-auto-flow: column;
        gap: 1rem;
        overflow: auto;
        padding-bottom: 10px;
        padding-right: var(--page-margin);
        white-space: nowrap;
    }
    #zhumroo-detail-header.zhumroo-detail-header{
        margin-top:-22px!important;
    }

    .header_navbarmenu .menu .home_link .navbar_image_div {
        padding-right: 5px !important;
    }
    .navbar-menu .home_link .navbar_image_div svg:not(:root){
        position:initial!important;
    }
    .modify_div_popup .inner-page-srch-wrap {
        position: initial !important;
        background: transparent !important;
    }

    .modify_div_popup .titlesearch-widget {
        display: none !important;
    }

    .modify_div_popup .search-widget .tab-content {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .zhumroo-room-tupple{
        width:100%!important;
        margin-left:-6px;
    }
    #room-choice .zhumroo-room-tupple .room-deal-tupple:last-child .room-detail-info{
        padding-bottom:10px!important;
    }
    .share-social-icona,
    .conta-sticky-sec {
        display: none !important;
    }
    .menu_arrow{
        position:relative;
    }
        .menu_arrow:after {
            background-image: url('../images/zhumroo_arrow.svg');
            position: absolute;
            right: 0;
            top: 7px;
            content: "";
            z-index: 1;
            height: 20px;
            width: 20px;
            background-repeat: no-repeat;
            background-size: 20px;
            opacity: 0.2;
            pointer-events:none;
        }
    .header-sec-skelton .row{
       justify-content:space-between;
    }
    .header-sec-skelton .mobile-minuss,
    .header-sec-skelton .skelton-mr-60 {
        display: none !important;
    }
    .ads_skelton{
        max-width:343px!important;
    }
        .ads_skelton .promobanner-skelton4{
            width:initial!important;
        }
    .popularhotel_ads {
        padding-bottom: 90px !important;
    }
    .skelton_promo_coupon .coupon{
        grid-template-columns:1fr!important;
    }
    .main-skelton-hide-section .container:before,
    .main-skelton-hide-section .container:after,
    .main-skelton-hide-section .row:before,
    .main-skelton-hide-section .row:after {
        display: none !important;
    }
    .skelton_srp_grid{
        padding:0 15px;
    }
    .skelton_srp_grid .rLeft {
        width: 100% !important;
    }
    .bind_skelton{
        padding-right:15px;
        padding-left:15px;
    }
    .landing_page_ads_image .mobile_ads {
        height:100%;
        width:100%;
        object-fit:cover;
    }
    .sidebar_lang_list .nav-link:after {
        display:none;
    }
    .login_mobacc{
        margin-bottom:0px!important;
    }
    .login_mobacc .MyAccPopup {
        position: initial !important;
        max-width: initial !important;
        width: 100% !important;
        box-shadow: none !important;
        border: 0px !important;
        padding-top: 0px;
        margin-top: 15px;
        background: #f5f5f5;
        padding-bottom: 0px !important;
    }
    .login_mobacc .dropdown-backdrop{
        display:none!important;
    }
    .login_mobacc .MyAccPopup li span{
        border-bottom: 1px solid #ccc;
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
        padding-left:12px!important;
    }
    .login_mobacc .drptoggle{
        display:block;
        padding-bottom:12px!important;
    }
    .login_mobacc .MyAccPopup li{
        margin-bottom:0px;
    }
    .mobile_number{
        display:none!important;
    }
    .sidebar_lang_list {
        margin-left: 0px !important;
    }
    .filter-sortby-top,
    .shortby_label {
        display: none;
    }
    .strikeTxt .INR::before{
        font-size:13px;
    }
    img.footer-logo {
        height: 26px!important;
        width: 136px!important;
    }

}


.filterboxinner .tripadvisor {
    display: none !important;
}

/*----FAQ--page--Css--start-here-*/

.faq_page p{
    font-size: 20px !important;
    margin-bottom:0px!important;
}

.faqshed {
    font-size:25px;
    padding: 24px;
    color: #fff;
    background: linear-gradient(180deg,#1b1e2a,#404244);
    height: 80px;
    text-align:center;
    margin-bottom:0px;
}

.faq_accordion .card{
    margin-top:20px;
    margin-bottom:20px;
}

/*----FAQ--page--Css--ends-here--*/

.desktop_lang .firstName {
    color:#fff!important;
}

.supportnumber_text span {
    display: block;
}
.supportnumber_text {
    padding-left: 7px;
}
.share_social_sticky{
    display:none;
}
.tripadvisor-rating{
    display:none!important;
}

.profile_div .userImg {
    height: 96px;
    width: 96px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
}

    .profile_div .userImg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
/*.promtiondisplay_div .swiper-slide{
    margin-right:20px!important;
}*/
.travellers-info .selectbox .adult,
.travellers-info .selectbox .children,
.clsChild .selectbox .Child1,
.clsChild .selectbox .Child2 {
    cursor: pointer!important;
}

.travellers-info .icon-arrow-big {
    pointer-events: none;
}

.htl-result-wrap .smart-filters .shortby_label {
    display: none;
}
.landing-form-text {
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.input-wrapperpax{
    position:relative;
}



.zhumroo_loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

    .zhumroo_loader .dot {
        height: 6px;
        width: 6px;
        border-radius: 50%;
    }

        .zhumroo_loader .dot:nth-child(1) {
            background-color: #eac223;
            animation: jump 0.6s 0.5s ease-in infinite
        }

        .zhumroo_loader .dot:nth-child(2) {
            background-color: #a72811;
            animation: jump 0.6s 0.7s ease-in infinite
        }

        .zhumroo_loader .dot:nth-child(3) {
            background-color: #ea8e05;
            animation: jump 0.6s 0.9s ease-in infinite
        }


@keyframes jump {
    0% {
        transform: translate3D(0,0,0);
        opacity: 0;
    }

    50% {
        transform: translate3D(0,-4px,0);
        opacity: 0.5;
    }

    100% {
        transform: translate3D(0,0,0);
        opacity: 1;
    }
}

.search-form-overlay.active {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 11
}

#htl-srp-search .main-search-wrapper .tab-content {
    padding: 0px 10px;
}
.modify_div_popup .modal-title {
    font-weight: 600 !important;
    padding-left: 5px !important;
}



.four_zero_four_bg{
    margin-top:25px;
    margin-bottom:25px;
}
.showToolPopUp:after {
    bottom: auto;
}
.showToolPop {
    top: 28px;
    padding: 8px 10px;
}
.showToolPop:after {
    
    display: block;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    left: 50%;
    top: -7px;
    transform: rotate(180deg);
}
.search-widget-overlay.focused{
    display:none!important;
}