@media only screen and (max-width: 767px) and (min-width: 320px) {


    .sorting-section .leftside-sort {
        display: none;
    }

    .sorting-section .rightside-sort {
        float: inherit;
        width: 100%;
        position: absolute;
        top: 0px;
        background: #fff;
        height: 100vh;
        z-index: 999999999;
    }

    .sorting-section .rightside-sort .Result_Hotel_autocomplete_box {
        position: absolute;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background-color: #ffffff;
        z-index: 100;
        scroll-behavior: auto;
        overflow-y: auto;



        border: none;


        border-top: none;
    }

    .hotel_name_dtl {
        font-size: 14px;
        font-style: normal;
        color: #323232;
        padding-left: 10px
    }

    .mob-hotel_name_dtl {
        display: flex;
        border-bottom: 1px solid #e7e7e7;
        padding: 20px 0px 10px;

    }

    .rightside-sort {
        display: none;
    }

    .result_hotel_container .ax-hotelsrp-sort {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sorting-section .ax-form-fields-wrap>input {
        margin-top: 22px;
        padding-right: 4px;
        background-position: 302px center;
        width: 100%;
    }

    .footer_searchresult .footerbottom {
        display: none;
    }

    .ax-page-hotel-search .ax-breadcrumb-Wrap {
        display: none;
    }



    .ax-page-hotel-search .filter-section-hotel {
        position: absolute;
        background: #fff;
        height: 100%;
        z-index: 9999999;
        display: none;
    }

    .ax-page-hotel-search .ax-hotels-result-number {
        display: block;
    }

    .ax-page-hotel-search .ax-filters-wrap {
        background: #fff;

        border-radius: 0;
        position: fixed;
        padding: 20px !important;
        border-right: none;
        margin-top: -184px;
        overflow: auto;
        height: 100%;
        padding-bottom: 67px !important;
    }

    .ax-page-hotel-search .ax-star-rating {
        text-align: center;
        width: auto;
        margin: 0px 16px;
    }




    .ax-page-hotel-search div#customfilter {
        float: inherit;
        width: 100%;
    }

    .ax-page-hotel-search div#hoteldetails {
        float: initial;
        width: 100%;
    }

    .ax-page-hotel-search .ax-result-col {
        width: 100%;
        float: inherit;
        margin-left: 0px;
        margin-right: 0px;
    }

    .ax-hotel-result {
        margin-bottom: 60px;
    }

    .ax-page-hotel-search .ax-thumbnailcolum {
        width: 94%;
        float: inherit;



        box-shadow: 1px 3.9px 9px 5px rgba(0, 0, 0, 0.06);
    }

    .ax-thumbnailcolum .thumbtopheadingrow {
        width: 100% !important;
    }

    .ax-page-hotel-search .ax-slideparents {
        width: 100%;
        height: 180px;
        float: initial;
        overflow: hidden;
    }

    .ax-page-hotel-search .ax-slides_img {
        width: 100%;
        height: auto;
        float: inherit;
    }

    .ax-page-hotel-search .innerreviewrow>h1 {
        padding-top: 0px;
    }

    .ax-page-hotel-search .ax-hotel-bottom-filter {
        height: 54px;
        background-color: #323232;
        display: flex;
        padding: 15px 30px;
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

    .ax-page-hotel-search .ax-hotel-bottom-filter div {
        flex-grow: 1;
        font-family: Lato;
        font-size: 16px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
    }


    #mySortModal {
        z-index: 999999;
    }

    .ax-page-hotel-search .mobile_popup_modal {
        z-index: 999999;
    }

    .ax-page-hotel-search .mobile_popup_modal .details_popup_modal-content {
        width: 100%;
        position: absolute;

        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        height: auto;
        padding: 0px;

    }

    .mobile_popup_modal .header {
        padding: 20px 15px;
        border-bottom: 1px solid #e6e6e6;
    }

    .mobile_popup_modal .mobile-popup-body {
        padding: 15px 15px;
    }

    .ax-page-hotel-search .ax-filter-button-mobo {
        display: flex;
        background: #fff;
        position: fixed;
        bottom: 0px;
        padding: 0px 35px 10px 0px;
        z-index: 9999;
        width: 100%;
        justify-content: center;
    }

    .ax-filter-button-mobo div {
        margin: 0 auto;
    }

    .ax-page-hotel-search .mobo-secondarybtn {
        width: 140px;
        height: 42px;
        border-radius: 4px;
        border: solid 1px #236eaf;
        background-color: #ffffff;
        font-family: Lato;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: center;
        color: #236eaf;
        outline: 0;
    }

    .ax-page-hotel-search .mobo-primarybtn {
        width: 140px;
        height: 42px;
        border-radius: 4px;
        border: solid 1px #236eaf;
        background-color: #236eaf;
        font-family: Lato;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: center;
        color: #fff;
        outline: 0;
    }

    .ax-page-hotel-search .flight-banner-container {
        width: 100%;
        display: grid;
        display: none;
    }

    .ax-page-hotel-search .ax-filter-title {
        display: none;
    }




    .login_popup_modal .details_popup_close {
        top: 10px !important;
    }

    .login_popup_modal .details_popup_modal-content {
        width: 90% !important;
        left: 0px !important;
        right: 0px !important;

        padding: 20px;
        display: inline-block !important;
        height: 525px !important;
        overflow: auto !important;
    }

    .login_popup_modal .details_popup_modal-content .ax-input-text-container input {
        height: 35px;
    }

    .ax-login-overlay-inner.ax-login-mobile-arrow,
    .ax-input-text-container input,
    .ax-button-container .ax-button,
    .ax-button-container .ax-button_otpsend {
        width: 100% !important;
    }


    .ax-button-container .ax-button_otpresend {
        text-align: center !important;
        padding: 10px 0;

    }

    .otp_resend_txt {
        padding-top: 8px !important;
    }

    .ax-page-hotel-search .ax-location-search-wrap {
        width: 100%;
    }

    .ax-page-hotel-search .ax-desktop-suggested-flyout-container {
        width: 100%;
    }

    .ax-page-hotel-search label.landing_label_modify {
        width: 100%;
    }

    .ax-page-hotel-search .ax-desktop-suggested-flyout-container div>input {
        width: 100%;
        font-size: 18px;
    }

    .ax-page-hotel-search li.ax-date-range-wrap {
        width: 100%;
    }

    .ax-page-hotel-search .ax-search-Wrap {
        border-bottom: none;

        width: 100%;
        float: initial;
        background-color: #fff;
        position: absolute;
        top: 0px;
        z-index: 999999;
        height: 100%;
        display: none;
        position: fixed;
    }

    .ax-page-hotel-search .ax-pax-config-wrap {
        width: 100%;
    }

    .ax-page-hotel-search .ax-paxcongig {
        width: 100%;
        position: relative;
    }

    .ax-page-hotel-search .ax-daterange label>input {
        width: 100%;
        font-size: 18px;
    }

    .ax-page-hotel-search .ax-paxcongig>input {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0px !important;
    }

    .ax-page-hotel-search .ax-form-fields-wrap input {
        margin-bottom: 0px;
    }

    .ax-page-hotel-search ul.ax-form-fields-wrap {
        padding: 0px 15px;
    }

    .ax-page-hotel-search .modify-header {
        padding: 15px 15px 20px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 10px;
        display: block;
    }

    .lightpick {
        position: absolute;
        z-index: 9999999 !important;
    }

    .ax-page-hotel-search li.ax-form-search-btn-wrap {
        position: fixed;
        bottom: 30px;
        left: 0px;
        right: 0px;
        width: 100%;
        text-align: center;
    }

    .ax-page-hotel-search .landing_searchbtn-hotel {
        width: 92%;
        margin: 0px 15px;
        height: 42px;
        object-fit: contain;
        border-radius: 4px;
        border: solid 2px #236eaf;
        background-color: #236eaf;
        font-family: Lato;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }


    .landing_searchbtn-hotel:disabled {
        cursor: not-allowed;
        color: #787878;
        background-color: #ffffff;
    }


    .ax-page-hotel-search .mobile-header,
    .ax-page-hotel-booking .mobile-header {
        padding: 10px 15px 10px;
        display: block;
    }

    .ax-page-hotel-search .property-type-mobilebottom {
        margin-bottom: 50px;
    }

    .ax-page-hotel-search .mobile-header h1,
    .ax-page-hotel-booking .mobile-header h1 {
        font-family: Lato;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
        display: inline-block;
        margin-left: 20px;
    }

    .ax-page-hotel-search .mobile-modify-search {
        background: rgb(230, 230, 230);
        padding: 15px;
        display: block;
    }

    .ax-page-hotel-search .place-name {
        font-family: Lato;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
        margin-bottom: 5px;
    }

    .data-nfo {
        display: flex;
    }

    .data-nfo img.loading {
        margin-right: 7px;
    }

    .editicon-modify {
        flex-grow: 2;
        text-align: right;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }

    .data-nfo div {
        padding-right: 5px;

        margin-right: 5px;
    }

    .border-right {
        border-right: 1px solid #236eaf;
    }

    .ax-form-fields-wrap .Result_Hotel_travellers_room .dropbigdiv {
        width: 100%;
    }

    .ax-page-hotel-search .Result_Hotel_search_box {
        position: absolute;
        width: 100%;
    }

    .ax-page-hotel-search .ax-date-range-wrap img.cal-srp {
        position: absolute;
        right: 0px;
        top: inherit;
    }

    .loaderrow .rh5v-DefaultPlayer_video {
        width: 100%;
        height: auto;
        position: absolute;

        top: 50%;
        transform: translate(-50%);


    }


    .loaderrowAvailability {
        min-height: 360px;
    }

    .loaderrowAvailability .rh5v-DefaultPlayer_video {

        transform: translate(-50%);


        width: 87% !important;
        width: 100%;
        height: auto;
        position: absolute;

        top: 64% !important;
    }




    .ax-custom-radion-round .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 35px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Lato;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }


    .ax-custom-radion-round .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


    .ax-custom-radion-round .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 22px;
        width: 22px;
        background-color: none;
        border: 1px solid #236eaf;
        border-radius: 50%;
    }


    .ax-custom-radion-round .container:hover input~.checkmark {
        background-color: none;
        border: 1px solid #236eaf;
    }


    .ax-custom-radion-round .container input:checked~.checkmark {
        background-color: #236eaf;
    }


    .ax-custom-radion-round .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }


    .ax-custom-radion-round .container input:checked~.checkmark:after {
        display: block;
    }


    .ax-custom-radion-round .container .checkmark:after {
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }




    .mob-hoteldetails-wrapper {
        margin-top: 102px;
        margin-bottom: 81px;
    }

    .ax-mob-hoteldetails {

        height: 215px;
    }

    .ax-mob-slider-hotel-details img.hotel-details-first-slider {
        height: auto;
        width: 100%;
        object-fit: cover;
        min-height: 100%;
    }

    .ax-mob-slider-hotel-details img.hotel-details-first-slider-noimage {
        height: auto;
        width: 100%;

        min-height: 100%;
    }

    .ax-mob-slider-hotel-details .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        color: #fff;
        outline: 0;
    }

    .ax-mob-slider-hotel-details .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        color: #fff;
        outline: 0;
    }

    .ax-mob-slider-hotel-details .swiper-button-prev:after,
    .swiper-button-next:after {
        font-size: 24px !important;
        color: #fff !important;
    }

    .mob-hoteldetails-wrapper .carousel-caption.light-text {
        margin-top: 0px;
    }

    .mob-hoteldetails-wrapper .ax-hotels-details-block {
        position: relative;
        margin-bottom: 12px;
    }

    .mob-hoteldetails-wrapper .carousel-caption.light-text {
        position: absolute;
        height: 60px;
        box-shadow: 1px 3.9px 9px 1px rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        width: 92%;

        left: 15px;
        right: 15px;
        top: 170px;
        z-index: 99;
        padding: 11px;
        text-align: center;
    }

    .ax-mob-hotel-deatil-body {
        padding: 0px 15px;
    }

    .ax-mob-hotel-deatil-body .mob-userinfo {
        margin-top: 31px;
        background-color: #e6e6e6;
        padding: 10px;

        text-align: center;
    }

    .ax-mob-hotel-deatil-body .mob-userinfo span {
        font-family: Lato;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #505050;
    }

    .ax-mob-hotel-deatil-body .mob-price {
        display: flex;
        border-bottom: 1px solid #e7e7e7;
        padding: 15px 0px 10px;
        margin-bottom: 12px;
    }

    .ax-mob-hotel-deatil-body .stringprice {
        font-family: Lato;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #505050;

        flex-grow: 1;
    }

    .ax-mob-hotel-deatil-body .bold-price {
        font-family: Lato;
        font-size: 21px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #236eaf;

        flex-grow: 1;
    }

    .ax-mob-hotel-deatil-body .ax-detail-info-save {
        color: black;
        font-size: 19px;
    }

    .ax-mob-hotel-deatil-body .mob-rating-hotel {
        display: flex;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 12px;
        margin-bottom: 12px;

    }

    .ax-mob-hotel-deatil-body .hotel-star div:first-child {
        margin-right: 0px;
    }

    .ax-mob-hotel-deatil-body .hotel-star img {
        height: 18px;
    }

    .ax-mob-hotel-deatil-body .hotel-star {
        flex-grow: 1;
        display: flex;

    }

    .ax-mob-hotel-deatil-body .hotel-star div {
        font-family: Lato;
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }

    .ax-mob-hotel-deatil-body .hotel-star img {
        width: 90px;
    }

    .ax-mob-hotel-deatil-body .tripadviser {
        flex-grow: 1;
        padding-left: 10px;
        display: none;
    }

    .ax-mob-hotel-deatil-body .heading-trip {
        font-family: Lato;
        font-size: 12px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }

    .ax-mob-hotel-deatil-body .hotel_external_rating {
        width: 100%;
        margin-top: 5px;
    }

    .ax-mob-hotel-deatil-body .ax-tripadvisor-logo-rating {
        width: 87%;
    }

    .ax-mob-hotel-deatil-body .ax-tripadvisor-logo-reviews.down {
        font-family: Lato;
        font-size: 12px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }

    .ax-mob-hotel-deatil-body .hotel-address-map {
        display: flex;
    }

    .ax-mob-hotel-deatil-body .hotel-address-mob {
        font-family: Lato;
        font-size: 14px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.15;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
        width: 70%;
        padding: 2px 0px;
    }

    .ax-mob-hotel-deatil-body .viewonmap {
        text-align: right;
        width: 30%;
    }

    .ax-mob-hotel-deatil-body .viewonmap button {
        font-family: Lato;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #236eaf;
        cursor: pointer;
        outline: 0;
        border: 0;
        background: transparent;
    }


    .mob-toogle-div .mobo-accordion {
        background-color: #e6e6e6;
        color: #444;
        cursor: pointer;
        padding: 15px 18px;
        width: 100%;
        border: none;
        outline: none;
        transition: 0.4s;
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        font-family: Lato;
        font-size: 14px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
    }

    .mob-toogle-div .active,
    .mob-toogle-div .mobo-accordion:hover {
        background-color: #e6e6e6;
    }

    .mob-toogle-div .mobo-accordion:after {
        content: "\002B";
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .mob-toogle-div .active:after {
        content: "\2212";
    }

    .mob-toogle-div .mob-room-rates .active:after {
        content: "";
    }

    .mob-toogle-div .panel {
        padding: 0 18px;
        background-color: white;
        max-height: 0;
        overflow: scroll;
        transition: max-height 0.2s ease-out;
    }

    .sectionmobo-1 .ax-row.ax-review-rating-items {
        padding-bottom: 20px;
        display: block;
    }

    .sectionmobo-1 .details_review_left {
        width: 100%;
    }

    .sectionmobo-1 .details_review_right {
        width: 100%;
    }

    .panel .ax-about-content-wrap p {
        font-family: Lato;
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #787878;
        padding: 0px 18px;
    }

    .mob-detail-hotel-pricefooter {
        background: #e6e6e6;
        padding: 10px 18px;
        display: flex;
    }

    .price-sectio {
        flex-grow: 1;
    }

    .price-sectio .pax-details {
        font-family: Lato;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }

    .price-sectio .price .ax-rs-intermiles {
        font-family: Lato;
        font-size: 16px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
    }

    .price-sectio .price span {
        font-family: Lato;
        font-size: 11px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.64;
        letter-spacing: normal;
        text-align: left;
        color: #505050;
    }

    .btn-mobo-details button {
        border-radius: 4px;
        background-color: #236eaf;
        font-family: Lato;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.8px;
        text-align: center;
        color: #ffffff;
        border: 0;
        padding: 10px;
    }

    .mob-detail-hotel-pricefooter {
        background: #e6e6e6;
        padding: 10px 18px;
        display: flex;
        align-items: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        border-top: 2px solid #c8c8c8;
        z-index: 99;
    }

    .mob-toogle-div .panel.mob-room-rates {
        padding: 0px;
        padding-left: 18px;
        overflow-y: scroll;
    }

    .mob-room-rates .hotel-details-body {
        padding: 24px 0px;
        width: 100%;
        display: flex;
        white-space: nowrap;
        overflow: auto;
    }

    .mob-room-rates .ax-roomleft {
        width: 100%;
        border-right: 1px solid #e6e6e6;
        padding: 0px;
        padding-right: 18px;
    }

    .mob-room-rates .ax-amenities li {
        position: relative;
        margin-right: 10px;
    }

    .mob-room-rates ul.ax-amenities {
        position: relative;
        padding-right: 18px;
        display: flex;
        padding-left: 12px;
        flex-wrap: wrap;
    }

    .mob-room-rates .otherdeatilsroom .options-block {
        width: 55%;
    }

    .mob-room-rates .otherdeatilsroom .Price-block {
        width: 45%;
        padding: 30px 10px;
    }

    .mob-room-rates .otherdeatilsroom .inner-block {
        padding: 10px 10px 10px;
    }

    .mob-room-rates .otherdeatilsroom {
        display: flex;

    }

    .room-other-option-box div.otherdeatilsroom {
        border-bottom: 1px solid #e6e6e6;
    }

    .room-other-option-box div.otherdeatilsroom:last-child {
        border-bottom: none;
    }

    .room-other-option-box {
        margin-right: 18px;
        box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.11);
    }

    .singleroom-data-for-loop {
        padding-bottom: 20px;
    }

    .more-option-for-room {
        font-family: Lato;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #236eaf;
        margin-right: 18px;
        padding: 0px 0px 20px;
        text-transform: uppercase;
    }

    .panel.mob-about-location {
        padding: 0px;
    }

    .mob-about-location .map-area {
        height: 172px;
    }

    .srp-desktop-btn {
        display: none;
    }

    .srp-mobo-btn {
        display: block !important;
    }

    .srp-desktop-btn-supplier {
        display: none !important;
    }

    .srp-mobo-btn-supplier {
        display: flex !important;
    }

    .ax-hotels-details-block .ax-hotel-name {
        font-family: Lato;
        font-size: 20.5px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #323232;
        padding-top: 10px;
        margin-bottom: 5px;
    }

    .mob-hoteldetails-wrapper .details_popup_modal,
    .main-container-hotel-booking .details_popup_modal {
        padding-top: 0px;
    }

    .mob-hoteldetails-wrapper .details_popup_modal-content,
    .main-container-hotel-booking .details_popup_modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;

        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    #mob_map_view h2 {
        text-align: left;
        margin: 0px;
        padding-bottom: 20px;
        margin-top: -3px;
        font-family: Lato;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
    }



    .main-container-hotel-booking .hotel-booking-wrapper {
        display: block;
    }

    .main-container-hotel-booking .left_container {
        width: 100%;
    }

    .main-container-hotel-booking .form_container {
        width: 100%;
        margin-left: 0px;
    }

    .main-container-hotel-booking .floating-form {
        padding: 10px 20px;
        box-shadow: none;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 20px;
        border-top: 1px solid #e6e6e6;
        overflow: inherit;
    }

    .main-container-hotel-booking .right_container {
        width: 100%;
        margin-left: 0px;
    }

    .main-container-hotel-booking .selected_hotels {
        box-shadow: none;
    }

    .main-container-hotel-booking .selected_hotels {
        box-shadow: none;
    }

    .main-container-hotel-booking .right_container {
        width: 100%;
        margin-left: 0px;
    }

    .main-container-hotel-booking .booking_summary_grid_container {
        box-shadow: none;
        padding-top: 0px;

    }

    .main-container-hotel-booking .axis_edge_container {
        box-shadow: none;
    }

    .ax-page-hotel-booking .footerbottom {
        display: none;
    }

    .mobo-hotel-booking .hotel-booking-header-mobo {
        display: block;
    }

    .mobo-hotel-booking .hotel-booking-footer {
        display: block;
    }

    .mobo-hotel-booking .hotel-booking-footer {
        height: 70px;
        background-color: #323232;
        width: 100%;
        position: fixed;
        bottom: 0px;
        display: flex;
        padding: 15px;
        z-index: 99999;

    }

    .ax-book-hotel-name {
        font-family: Lato;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        flex-grow: 1;
        padding-right: 3px;
    }

    .mob_right_book_htl {
        display: none;
    }

    .mob_main_book_htl {
        display: block;
    }

    .mob_htl_book_summary_pad {
        padding-bottom: 10px;
    }

    .ax-book-hotel-price-btn button {

        width: auto;
        min-width: 130px;
        height: 42px;
        border-radius: 4px;
        background-color: #236eaf;
        font-family: Lato;
        font-size: 18px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        border: 0;
        outline: 0;
        display: flex;
        justify-content: center;

    }

    .container.main-container-hotel-booking {}

    .mobo-hotel-booking .hotel-booking-header-mobo {
        height: 66px;
        background-color: #e6e6e6;
        display: flex;
        padding: 20px;
    }

    .mobo-hotel-booking .ax-book-hotel-heading {
        font-family: Lato;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #323232;
        flex-grow: 1;
    }

    .mobo-hotel-booking .ax-book-hotel-price {
        font-family: Lato;
        font-size: 18px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #236eaf;
    }

    div.proceed_to_payment-btn .proceed_to_payment_btn {
        width: 100%;
        border-radius: 5px;
    }


    .gst_option_checkbox {
        margin-bottom: 0px !important;
    }

    .for-mobo {
        display: none;
    }

    .mobile_popup_modal .details_popup_close {
        top: -15px;
    }

    .ax-search-Wrap .details_popup_close {
        top: -13px;
    }

    .mobile_popup_modal.details_popup_modal {
        padding-top: 0px;
        position: fixed !important;
    }

    .mobile_popup_modal .details_popup_modal-content {
        width: 100% !important;
        height: 100% !important;

        padding: 0px !important;
        border-radius: 0px;
        overflow-x: hidden;
    }

    .insufficient-error-popup .details_popup_modal-content {
        width: 100% !important;
        border-radius: 0px !important;
    }

    .insufficient-error-popup .details_popup_modal-content .error-popup-heading {
        width: 80% !important;
        visibility: visible;
    }

    .insufficient-error-popup .details_popup_modal-content .error_messages-box {
        margin: 100px 0;
        text-align: center;
        margin-left: -7%;
    }

    .insufficient-error-popup .details_popup_modal-content .error_messages-box .action_btn {
        width: 220px;
        height: 42px;
        border-radius: 3px;
        font-size: 16px;
    }

    .insufficient-error-popup .details_popup_modal-content .header {
        border-bottom: 0px solid #e6e6e6;
    }

    .details_popup_modal-content .ax-suggested-data .search_content {
        margin-bottom: 0px;
    }



    .mobile-success-tab {
        display: none;
    }

    .ax-page-hotel-success .ax-breadcrumb-Wrap {
        display: none;
    }

    .hotel-booking-section .right-booking-info {
        margin-top: 0px;
        width: 100%;
        box-shadow: none;
    }

    .hotel-booking-section .ax-booking-sucess-inner {
        width: 100%;
        padding: 0px;
    }

    .ax-booking-hotesl-success-offerplaceholder {
        padding: 0px 0px 0px 20px;
    }

    .success-footer {
        display: none;
    }

    .details_popup_modal-content .info_amenities {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 60px 20px 0px;
    }

    .ax-mob-impinfo-parent .header {
        position: fixed;
        top: 0px;
        height: 60px;
        background: #fff;
        width: 100%;
    }

    .ax-mob-impinfo-parent .imp_info {
        padding: 60px 20px 0px;
    }

    .ax-mob-impinfo-parent .details_popup_close {
        top: 20px;
        position: absolute;
        right: 54px;
    }

    .ax-mob-review-parent .header {
        position: fixed;
        top: 0px;
        height: 60px;
        background: #fff;
        width: 100%;
    }

    .ax-mob-allhigh .header {
        position: fixed;
        top: 0px;
        height: 60px;
        background: #fff;
        width: 100%;
    }

    .ax-mob-allhigh .detail_all_amenities_content {
        padding: 60px 20px 0px;
    }

    .ax-mob-map-parent .header {
        position: fixed;
        top: 0px;
        height: 60px;
        background: #fff;
        width: 100%;
        z-index: 9999;
    }



    .details_popup_modal-content input {
        font-size: 14px;
        font-family: lato;
        color: #505050;
        width: 88%;


        padding: 10px;
        border: 1px solid #c8c8c8;
        border-radius: 5px;
    }

    .details_popup_modal-content .Result_Hotel_autocomplete_box {
        position: absolute;
        width: 100%;
        max-height: 100%;
        background-color: #ffffff;
        z-index: 100;
        scroll-behavior: smooth;

        overflow-x: visible;
        overflow-y: visible;
        box-shadow: none;
        border: none;
    }

    .header.visibleinmobile {
        position: fixed;
        top: 0px;
        width: 100%;
        padding: 20px;
        background: #fff;
        border: 1px solid #e6e6e6;
        z-index: 9999999999;
        display: block;
    }

    .ax-star-rating .ax-container-checkbox .ax-checkmark-star {
        position: absolute;
        top: 0;
        left: 4px;
    }

    .visibleinmobile span.details_popup_close {
        top: -15px;
    }

    .mob-hoteldetails-wrapper .mobilegallery .details_popup_modal-content {
        padding: 0px;
    }

    .hotel_img_gallery .hotel_gallary_card {
        width: 100%;
        padding-left: 0px;
    }

    .exp_img_gallery .exp_gallary_card {
        width: 100%;
        padding-left: 0px;
    }

    .exp_mySlides {
        height: 300px !important;
    }

    .exp_img_gallery .exp_gallery_mySlides {
        width: 100%;
        height: 300px;
    }

    .hotel_img_gallery .hotel_gallery_mySlides {
        width: 100%;
        height: 300px;
    }

    .reviewpageloaderform .reviewdesktop-loader {
        width: 100%;
        padding: 0px;
        margin: auto;
    }

    .ax-mob-allhigh .detail_all_cancel_content {
        padding: 105px 20px 0px;
    }


    .important_information .header>span>h3,
    .view_all_amenities .header>span>h3,
    .cancellation-policy .header>span>h3,
    .cancel-cnf_popup_modal .header>span>h3,
    .reschedule_popup_modal .header>span>h3 {
        font-size: 18px !important;
        margin: 0px !important;
        font-family: lato;
        position: relative;
        top: -4px;
    }

    .important_information .details_popup_modal-content,
    .view_all_amenities .details_popup_modal-content,
    .terms-condition-popup .details_popup_modal-content,
    .fare-benefits-popup .details_popup_modal-content,
    .more-info-popup .details_popup_modal-content,
    .cancellation-policy .details_popup_modal-content,
    .cancel-cnf_popup_modal .details_popup_modal-content,
    .reschedule_popup_modal .details_popup_modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 0px !important;
        border: 0px solid #888 !important;
        width: 100% !important;
        border-radius: 0px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        max-height: 100% !important;
        height: 100% !important;
        overflow: auto;
        padding-bottom: 50px !important;
    }



    .important_information span.details_popup_close._info,
    .cancellation-policy span.details_popup_close,
    .view_all_amenities span.details_popup_close,
    .terms-condition-popup .details_popup_close._terms,
    .fare-benefits-popup .details_popup_close._terms,
    .cancel-cnf_popup_modal span.details_popup_close8,
    .reschedule_popup_modal .details_popup_close {
        right: -20px;
        top: 0px !important;
    }

    .important_information .header,
    .reschedule_popup_modal .header,
    .view_all_amenities .header,
    .terms-condition-popup .header,
    .fare-benefits-popup .header,
    .more-info-popup header,
    .cancellation-policy .header,
    .cancel-cnf_popup_modal .header {
        display: flex;
        justify-content: space-between;

        border-bottom: 5px solid #ae285d;

        margin-bottom: 20px !important;
        padding: 20px !important;
        padding-bottom: 10px;

    }

    .terms-condition-popup .terms_conditions_info,
    .fare-benefits-popup .fare_benefits_info {
        padding: 20px !important;
    }

    .details_popup_modal-content .details_popup_close {
        top: 0px !important;
        position: relative;
    }

    .details_popup_modal-content .header>span {
        font-size: 18px !important;
        font-weight: bold !important;
    }

    .mob_cancel_penalty {
        width: 173px;
        padding: 15px 10px !important;
        border: 1px solid #ddd !important;

    }

    .mob_cancel_penalty.title {
        background-color: #f3f3f3;
        color: #ae285d;
        font-weight: bold;
    }

    .mob_cancel_penalty_final {

        padding: 15px 20px;
        border: 1px solid #ddd;
        width: 519px;
    }

    .transcationtab {
        width: 100% !important;
        display: flex;
    }

    .transcationtab button {
        flex: 1;
        font-size: 13px;
    }

    img.hamb {
        margin-top: 25px;
        cursor: pointer;
        user-select: none;
        margin-right: 0px !important;
    }

    .hotel-transaction-btn {
        display: flex;
        width: 100% !important;
    }

    .hotel_transaction_btn_cancel .hotel_transaction_btn2 {
        height: 42px !important;
    }

    .rh5v-DefaultPlayer_video {
        width: 100% !important;
    }

    .ax-container-checkbox {
        display: inline-block !important;
    }

    .cancel-cnf-title {
        text-align: center !important;
    }

    .change_btn_1 .mob_change {
        display: block;
    }

    .change_btn_1 .desk_change {
        display: none;
    }



    .htl_cancel_penalty {
        width: 200px !important;
        padding: 15px 10px !important;
    }

    .htl_cancel_penalty_merge {
        width: 400px !important;
        padding: 15px 10px !important;

    }

    .htl_cancel_penalty_final {
        width: 100% !important;
        padding: 15px !important;
    }

    .htl_additionalInfo {
        padding: 15px 10px !important;
    }
}