@media (min-width: 360px) {
    body {
        font-size: 1.0em;
    }
}

@media only screen and (max-width: 767px) and (min-width: 260px) {
    .exp_popup {
        padding-top: 0px !important;
    }

    .exp_modal {
        width: 100% !important;
        height: 100% !important;
        padding: 0.1px !important;
        border-radius: 0px;
    }

    .stylepara {
        margin: 0px;
        padding: 20px;
        font-size: 18px;
        border-bottom: 1px solid #e6e6e6;
    }

    .details_popup_modal-content .details_popup_close {
        padding: 0px 20px 10px 10px !important;


    }
}

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

    .ax-menu-dropdoen,
    .advanacefilter,
    .flight_trans_right {
        display: none;
    }

    .ax_breadcrumbs {
        display: block;
        margin-top: 5px;

    }

    .flight_trans_main {
        width: 100%;
    }

    .ax-booking-hotesl-success-offerplaceholder strong {
        border: 0;
    }

    .ax-booking-hotesl-success-offerplaceholder.transcation {
        padding: 5px 0px 5px 15px;
    }

    .ax-booking-hotesl-success-offerplaceholder.transcation h1 img {
        width: 16px;
        transform: rotate(90deg);
        margin-right: 8px;
    }

    .flight_trans_tab {
        height: auto;

    }

    .trans_tab_button {

        text-align: center;
        padding: 10px;
        font-size: 16px;
        float: none;
    }

    .flight_trans_tabcontent,
    .flight_trans_main1,
    .flight_trans_row2 {
        margin-top: 0;
    }

    .flight_trans_flModSearch {
        padding: 20px 10px;
    }

    .flight_trans_flModSearch form#search_form2 {
        margin-bottom: 0;
    }

    .flight_trans_button_booking {
        width: 31%;
        padding: 0;
        margin-right: 2%;
        color: #787878;
        font-weight: 600;
    }

    .flight_trans_flModSearchLbl {
        display: block;
        padding-left: 0;
    }

    .transcationtab .flight_trans_button_booking:last-child {
        margin-right: 0;
    }

    .flight_trans_main1 {
        display: block;
        height: inherit;
    }

    .flight_trans_left1 {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 15px 15px 0;
    }

    .flight_trans_middle1 {
        padding: 15px 15px 5px;
    }

    .flight_trans_left1 label {
        padding-left: 10px;
    }

    .flight_trans_middle1 {
        width: 100% !important;
        padding-top: 0;
    }

    .flight_trans_details {
        border: 0;
    }


    .trans_details_buttons {
        vertical-align: middle;
        display: flex;
        width: 100%;
        text-align: center;
        padding-bottom: 0px;
        margin-left: 0px;
        padding-top: 0;
    }

    .trans_details_con-right1,
    .trans_details_right1 {
        width: 50%;

        padding: 0px 0;
    }

    .trans_details_con-right1 {
        border-left: 0;
    }

    .trans_details_con-right1 .trans_details_col3 {
        margin-left: 0;
        padding-left: 0;
    }


    .flight_trans_img {
        margin-bottom: 0;
        width: 30px;
        height: 19px;

    }

    .act_searchpage_seabre.experience-header-breadcrumbs .mobile-breadcrumb span {
        font-size: 16px;
        vertical-align: middle;
    }

    .act_searchpage_flModSearch {

        position: relative;
        width: 100%;

    }

    .act_searchpage_row {
        display: block;
        justify-content: initial;
        width: 100%;
        padding: 15px 15px 20px;
    }

    .experience-search {
        width: 100% !important;
        margin: 0 !important;
        padding-bottom: 30px;
    }

    .act_searchpage_row>div {


        margin-right: 0 !important;
    }

    .experience-search1 {
        width: 100% !important;
        margin: 0 !important;
        padding-bottom: 30px;
    }

    .act_searchpage_flModSearchBt {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        padding-left: 10px;
        padding-right: 10px;

        margin-bottom: 20px;
    }

    .experience-header-breadcrumbs .searchbtn {
        width: 100% !important;
    }

    .act_searchpage_flModSearch::after {
        content: "";
        display: table;
        clear: both;
    }

    .mob-search-area .search-results-title {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .trans_details_buttons button {
        height: 42px;
        border: 0;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        margin-bottom: 0px;
        border: solid 1px #787878;
    }

    .trans_details_con-right1 {
        padding-right: 0;
    }


    .numberofbooking-exp {
        display: block;
        padding: 0;
        position: relative;
    }

    .numberofbooking-exp::after {
        content: "";
        display: table;
        clear: both;
    }

    .act_cancelpageleft {
        float: left;
        width: 33%;
        padding: 15px;
    }

    .act_cancelpagerow1 {
        border: 0;
        padding: 15px
    }

    .act_cancelpagemiddle,
    .act_cancelpagerow2 {
        width: 100%;
        margin: 0;
        margin-bottom: 9px;
    }

    .experience-btn {
        margin: 0;
        width: 100%;
    }

    .full_cancel {
        width: 0% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0px;
    }

    .expand_cancel {
        width: 100% !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }

    .con-right1,
    .act_cancelpageright1 {
        width: 100%;
        height: inherit;
        margin: 0;
    }

    .act_cancelpageright1 {
        padding: 0;
    }

    .act_cancelpageright1 button,
    .con-right1 button {
        height: 55px;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .act_cancelpagerow2 div:first-child {
        margin-right: 0;
        padding-left: 15px;
    }

    .act_cancelpagecol2,
    .act_cancelpagecol2 {
        width: 50%;
        margin: 0;
    }

    .act_cancelpagerow2 .act_cancelpagecol2:last-child {
        text-align: right;
        padding-right: 15px;
    }

    .con-right1 button {
        border-right: 0;
        border-left: 0;
    }


    .hotel_transaction_tab_1 {
        display: block;
    }

    .hotel_img {
        width: 33%;
        float: left;
        padding: 15px;
    }

    .hotel_transaction_content_1 {
        width: 100%;
        padding: 15px;
        border: 0;
    }

    .trans_flight_completed_row1 .trans_drop_2,
    .cancel_trans_exp_main .trans_drop_2 {
        padding: 0px 5px;
    }

    .cancel_trans_flight_main .trans_drop_2 {
        padding: 0px 5px;
    }

    .cancel_trans_flight_main_row1 {
        border-bottom: 1px solid #ddd;
    }

    .complete_trans_exp_details,
    .cancel_trans_flight_main {
        display: block;
        padding: 10px 10px;
    }


    .cancel_trans_flight_main .trans_drop_partial {
        display: block;
        margin: 0;
        padding: 10px 10px;
        border-bottom: 1px solid #ddd;

    }

    .hotel_transaction_content_2 {
        display: flex;
        width: 100%;
        padding: 5px 5px 5px 5px;
        margin: 0 0 20px;
    }

    .hotel_transaction_content_2 div {
        width: 50%;
        padding-bottom: 0;
    }

    .trans_flight_completed_row1 {
        border-bottom: 1px solid #ddd;
    }

    .hotel_transaction_content_2 div:first-child {
        border-right: 1px solid #ddd;
    }

    .hotel_transaction_content_2 div:last-child {
        text-align: right;
    }

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

    .hotel_transaction_btn2 {
        height: 20px;
    }

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

    .hotel_transaction_btn_mod,
    .hotel_transaction_btn_cancel {
        padding: 0px;
        width: 100%;
        border: solid 1px #787878;

    }

    .complete_trans_exp_details .ax-trans-resend-btn .trans_drop_2 {
        padding: 5px;
    }


    .hotel_transaction_btn_refund {
        padding: 0px;
        width: 100% !important;
        border: solid 1px #787878;
        text-align: center;
        height: 45px !important;

    }

    .cancel_trans_exp_main .hotel-transaction-btn {
        max-width: none;
    }

    .hotel_transaction_btn_refund button {
        width: 100%;
        margin-top: 0;
        border: 0;
    }

    .hotel_transaction_btn_mod button,
    .hotel_transaction_btn_cancel button {
        width: 100%;
        margin-top: 0;
        border: 0;
    }

    .details_popup_modal {
        display: none;

        position: fixed;



        z-index: 999999;
        padding-top: 60px;

        left: 0;
        top: 0;
        width: 100%;

        height: 100%;

        background-color: rgb(0, 0, 0, 0.8);

        background-color: rgba(0, 0, 0, 0.8);

        overflow-x: hidden;
    }

    .refund_popup_modal .details_popup_modal-content {
        width: 90%;
        height: 300px;

        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 5px;


    }

    ol.progtrckr li {
        width: 100% !important;
    }

    .refund_popup_modal .details_popup_modal-content .ax-refund-status-section {
        padding-top: 80px;
        padding-right: 20px;
    }

    li.centerline-track::after {
        width: 108px;
        border-bottom: 1px solid #ddd;
        position: absolute;
        left: -6px;
        top: -33px;
        z-index: 9;
        content: '';
    }

    .hotel_transaction_booking {
        margin: 10px 0 0;
        padding-left: 36%;
    }

    ._Completed .hotel_transaction_card_main .hotel_transaction_booking {
        margin: 10px 0 0;
        padding-left: 32%;
    }

    .trans_booking_status {
        margin: 10px 0 0;
        padding-left: 20px;
    }

    .trans_booking_status_flight {
        margin: 10px 0 0;
    }

    .hotel_transaction_card_main {
        padding: 0;
        cursor: pointer;
    }


    .hotel_transaction_grid-container {
        display: block;
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
    }

    .hotel_img_detail {
        padding: 0 !important;
        width: 100%;
    }

    .div-bigger-img {
        width: 100%;
        height: 200px;
    }

    .hotel_img_split {
        display: none;
    }

    .hotel_booking_details {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .hotel_booking_details .bottomdiv {
        padding: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

    .hotel_transaction_address {
        width: 80%;
        margin-top: 0;
        border-right: 1px solid #e6e6e6;
    }

    .hotel_tran_flex {
        display: flex;
        width: 100%;
        vertical-align: middle;


    }

    .hotel_transaction_amt {
        margin-left: 0 !important;
    }

    .hotel_transaction_view {
        margin-top: 3px;
    }

    .hotel_resend_booking_btn {
        width: 20%;
        text-align: center;
    }

    .hotel-location-mobile {
        padding-left: 20px;
    }

    .hotel-location-mobile img {
        width: 18px;
        height: 25px;
    }

    .hotel-location-mobile p {
        font-family: Lato;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        cursor: pointer;
        color: #236eaf;
    }

    .hotel_resend_booking_btn .hotel_location {
        display: none;
    }

    .hotel_booking_details .upperdiv {
        display: block;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 20px;
        padding: 15px;
    }

    .ax-booking-deatils {
        width: 85%;
    }

    .booking-deatils-resend {
        width: 100%;
    }

    button.hotel_confirm_button {

        margin-top: 20px;
        height: 48px;
    }

    .hotel_transaction_stay_details {
        display: block;
    }

    .hotel_checkin,
    .hotel_checkout {
        width: 28%;
        float: left;
        padding: 0 10px 0 0;
        text-align: center;
        border: 0;
        font-size: 14px;
    }

    .hotel_transaction_stay_details {

        padding: 15px 15px 20px;
    }

    .hotel_transaction_stay_details::after,
    .trans_details_row333::after {
        content: "";
        display: table;
        clear: both;
    }

    .hotel_room {
        width: 19%;
        float: left;
        padding: 0;
        border: 0;
    }

    .hotel_guest {
        width: 25%;
        float: left;
        padding: 0
    }

    .hotel_guest_details {
        display: block;
        padding: 15px;
    }

    .hotel_transaction_guest_detail {
        width: 100%;

        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 30px;
    }


    .hotel_transaction_room_guest_main {
        display: block !important;
    }


    .hotel_transaction_room_guest_sub {
        width: 100% !important;
    }

    .hotel_transaction_room_guest_sub_mid {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .hotel_transaction_guest_detail i.fa.fa-pencil {
        position: absolute;
        right: 15px;
        top: 70px;
    }

    .hotel_sur_deal {
        width: 100%;
        margin: 30px 0px 30px -4px;
    }

    .trans_details_source_dest {
        border: 0;
        height: 51px;
    }

    .trans_details_source_dest h4 {
        margin: 0px 26px;
        padding-top: 15px;
    }

    .trans_details_source_dest h4 span:nth-child(1) {}

    .trans_details_source_dest h4 span:nth-child(2) {}

    .trans_details_row333 {
        display: block;
        position: relative;
        padding: 15px 18px;
    }

    .trans_details_right333,
    .trans_details_row444 .trans_details_lbl_rupees {
        display: none;
    }

    .flight_det11 {
        display: block;
    }

    .trans_details_flight_id {
        float: inherit;
        margin: 0 0 20px 0;
        width: inherit;
        height: auto !important;
    }

    .trans_details_middle1333 {
        float: inherit;

        margin: -17px 0 6px 0;
        width: 100%;
        height: auto !important;
    }

    .trans_details_con-right333 {
        width: 100%;

        float: inherit;
        justify-content: space-between;
        margin: 0;
        padding: 20px;
        height: auto !important;
    }

    .heading-flight-trans-deatil {
        padding-bottom: 0;
    }

    .trans_details_con-right333 .trans_details_ccolor333 {

        padding-left: 2px;
    }

    .trans_details_row444 .trans_details_btn333 {
        width: 100%;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .trans_details_lbl_rupees {
        width: 100%;
        padding-top: 0;
        display: block !important;
    }

    .trans_details_col2,
    .trans_details_col3 {
        margin-left: 15px;
    }

    .reschedule_popup_modal .details_popup_modal-content,
    .cancel-cnf_popup_modal .details_popup_modal-content {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: inherit;
    }

    .reschedule_popup_modal div#imp_info,
    .cancel-cnf_popup_modal .ax-login-overlay-inner.ax-login-mobile-arrow {


        position: relative;
        left: 0%;
        padding: 0;
        width: 100%;
    }

    .mobile-filter-view {
        position: fixed;
        bottom: 0;
        background: #323232;
        width: 100%;
        z-index: 9999;
        height: 54px;
        padding: 9px 15px;
        left: 0;
        right: 0;
    }

    .mobile-filter-view .flight_trans_btn {
        margin-left: 0;
        color: #ffffff;
    }

    .hotel_transaction_content_1 label {
        line-height: 1.40;
        padding-left: 5%;
    }

    .hotel_transaction_content_1 h3 {
        padding-left: 36%;
    }

    .trans_rel {
        margin-bottom: 10px;
    }


    .landing_deals_title {
        width: 30%;
        margin: 45px 0px 25px 0px;
    }

    h2.hotel_transaction_room.mobile-room {
        background: #f4f4f4;
        padding: 15px;
        display: block;
    }

    .hotel_transaction_grid-container_1 {
        padding-left: 0;
    }

    .hotel_transaction_myDiv_1 {
        padding: 0;
    }

    .hotel_cancellation_policy,
    .hotel_help {
        padding: 20px 15px;
    }

    .hotel_transaction_stay_details .hotel_transaction_view2.view2-mobile {
        position: absolute;
        left: 15px;
        bottom: 15px;
    }

    .ax-trans-room-type-info {
        display: none;
    }

    .ax-trans-room-type-info-inMobile {

        padding-top: 20px;
        text-align: right;
        width: 100%;
        justify-content: right;
    }

    .view_fare_breakup {

        z-index: 999;
        display: flex;
        width: inherit !important;
        margin-right: 71px;
        border: solid 1px;
        position: absolute;
        background: #fff;
    }

    .deluxe_twing_room {
        width: 100% !important;
    }

    .deluxe_twing_room>div>table {
        width: 288px !important;
    }

    .hotel_cancellation_policy>div>table {
        width: 100% !important
    }

    .hotel_trans_middle1 {
        vertical-align: middle !important;

        width: 100% !important;
        padding: 15px 15px !important;

    }

    .ax-booking-flex {
        display: block !important;
        width: 100%;
        text-align: left !important;

    }

    .flt_canel_max_height {
        max-height: 148px !important;

    }

    .exp_trans_middle1 {
        vertical-align: middle !important;

        width: 100% !important;
        padding: 15px 15px !important;
    }

    .ax-trans-room-type-info-inMobile .hotel_transaction_view2 {
        text-align: center;
        position: relative;
    }

    .hotel_transaction_amt_lbl {
        padding-left: 10px;
    }

    .ax-trans-details {
        display: block;
    }

    .ax-trans-heading-detail {
        display: inline-block;
    }

    .ax-trans-resend-btn button {
        width: 100%;
        border: 1px solid #236eaf;
        color: #236eaf;
    }

    .ax-trans-change-contact-btn button {
        width: 100%;
        border: 1px solid #236eaf;
        color: #236eaf;
    }

    .date-for-adve.mobil-date-for-asve {
        display: none;
    }

    .trans_details_row444 {

        display: block !important;
        margin-left: 10px;
        justify-content: flex-end;
        margin-right: 26px;
        align-items: center;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .trans_drop_2 {
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 23px;
        width: 100% !important;
    }

    .trans_drop_partial {
        display: block !important;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 10px;
        margin-left: 0px;
        padding-bottom: 0px;
    }

    .act_searchpage_row2 {
        display: block;
        justify-content: initial;
    }

    .desk_filters {
        display: none !important
    }

    .exp_categ_attraction {
        display: none;
    }

    .exp_mob_filters_pop {

        background-color: #FFF;
        z-index: 9999999;
        position: fixed;
        left: 0;
        width: 100%;
        top: 77px;
    }

    .exp_mob_categ_attr {
        display: block;

        position: fixed;
        z-index: 99999999;
        width: 90%;
        background-color: #FFFFFF;
        top: 71px;

    }

    .categ_drop_div {
        width: 27% !important;
        height: 20px;
    }

    .mob_filters .ax-filter-button-mobo_exp {
        display: flex;
        background: #fff;
        position: fixed;
        bottom: 0px;
        padding: 10px;
        z-index: 999;
        width: 100%;
    }


    .exp_filter_btn {
        width: 50%;
    }

    .exp_filter_btn_pad {
        margin-right: 20px;
    }

    .mob_filters .mobo-secondarybtn {
        width: 100%;
        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;
    }

    .mob_filters .mobo-primarybtn {
        width: 100%;
        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;
    }


    #mobilemodify_exp {
        display: none !important;
    }

}

@media (min-width: 992px) {

    .date-for-adve.desktop,
    .mobile-filter-view,
    .ax-booking-hotesl-success-offerplaceholder.transcation h1 img,
    .hotel-location-mobile,
    .ax-trans-room-type-info-inMobile {
        display: none;
    }
}


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

    .main-box {
        width: 30% !important;
        border-radius: 5px;
        border: 1px solid #999;

        font-family: "lato";
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        margin: 17px 0px 30px 17px;
    }

    .logobox {
        width: 100% !important;

        text-align: center;
    }

    .detailbox {
        width: 100% !important;

    }

    .topbox {
        width: 100% !important;

        border-bottom: 1px solid #999;
        padding: 10px 0 10px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .firstbox {

        width: 100%;
        font-size: 14px;
    }

    .firstbox_main {
        display: flex;
        width: 100% !important;
        justify-content: center;
    }

    .secondbox {

        width: 100%;
        font-size: 14px;
    }

    .secondbox_main {
        display: flex;
        width: 100% !important;
        flex-direction: row;
        justify-content: center;
    }

    .thirdbox {

        width: 100%;
        font-size: 14px;
    }

    .thirdbox_main {
        display: flex;
        width: 100% !important;
        justify-content: center;
    }

    .error_messages-box_my_transaction {
        width: 34% !important;
    }

    .bottombox {
        width: 100%;

        padding: 10px 0 10px 0;
        display: flex;
        flex-direction: column;
    }

    .linkeddetailbox {
        width: 100% !important;

    }

    .linkedfirstbox {


        width: 100% !important;
        font-size: 14px;
    }

    .linkedfirstbox_main {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: center;
        margin: 0px 10px;
    }

    .linkedsecondbox {

        width: 100%;
        font-size: 14px;
    }

    .linkedsecondbox_main {
        display: flex;
        width: 100%;
        justify-content: center;

    }

    .linkbox {
        width: 100% !important;

        text-align: center;
        margin-top: 5px;
        margin-bottom: 10px !important;
    }

    .act_cancelpageleft {
        vertical-align: middle;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .act_cancelpagemain {
        width: 30%;
        margin-bottom: 15px;
        box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
        background-color: #ffffff;
        margin: 17px 0px 30px 17px;
    }

    .act_cancelpagemiddle {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        margin: 5px 8px;
    }

    .trans_booking_status {
        font-family: Lato;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: 0.07px;
        text-align: center;
        color: #236eaf;
        margin: 2px 0px;
    }

    .hotel-transaction-btn {
        display: flex;
        width: 100% !important;
        justify-content: flex-end;
        margin: 0px;
    }

    .numberofbooking-exp {
        display: flex;
        width: 100%;
        padding: 15px;
        cursor: pointer;
        flex-direction: column;
    }

    .f-fold {
        width: 100%;
        margin: 0 auto;

    }

    .head .container {
        width: 100%;
        padding: 28px 0px 0px 3%;
    }

    img.hamb {
        margin-right: -12px;
        padding-left: 2px !important;
    }

    .header_contact_us_content_desc {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .menu-option-hemb {
        width: 270px !important;
        top: 60px;
        padding: 10px;
        user-select: none;
        z-index: 100000;
        margin: 5px;
    }

    .low_balance-hemb {
        width: 270px !important;
        top: 60px;
        padding: 10px;
        user-select: none;
        z-index: 100000;
        margin: 5px;
    }

    .customer_balance-hemb {
        width: 270px !important;
        top: 60px;
        padding: 10px;
        user-select: none;
        z-index: 100000;
        margin: 5px;
    }

    .advanceFilter-flyout {
        width: 250px;
        height: 265px;
        object-fit: contain;
        box-shadow: 0 0 13.8px 1.2px rgb(0 0 0 / 10%);
        background-color: #ffffff;
        padding: 20px 20px 10px;
        position: absolute;
        right: 137px;
        z-index: 9999;
    }

    .loginimgrow {
        width: 35%;
        padding-right: 20px;
        margin: -3px 9px 0px 0px;
    }

    .hotel_transaction_btn_refund {


        width: 100%;
        text-align: right;
        margin-bottom: 25px;
    }

    .refund_btn1 {
        width: 100%;
        height: 100%;
    }

    .hotel_transaction_card_main {
        width: 30%;
        margin-bottom: 10px;
        padding: 10px;
        box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
        cursor: pointer;
        margin: 17px;
    }

    .hotel_transaction_tab_1 {
        width: 100%;
        display: flex;


        flex-direction: column;

    }

    .hotel_img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hotel_trans_middle1 {
        border-right: none !important;
        width: 100% !important;
        cursor: pointer;
        padding: 0px;
        margin: 5px 0px;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

    }

    .hotel_transaction_content_2 {
        padding-left: 0px;
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .trans_book_details {
        box-shadow: 0 0 9px 1px rgb(0 0 0 / 10%);
        width: 29%;
        margin: 21px;
    }

    .flight_trans_main1 {
        width: 100%;
        height: auto !important;
        flex-direction: column;
    }

    .flight_trans_left1 {
        display: flex;
        flex-direction: column;
        margin: 0px;
        width: 100%;
        align-items: center;
        margin-top: 10px !important;
    }

    .hotel_transaction_content_1 {
        padding-left: 2%;

        padding-right: 1%;
        flex-grow: 0;
        padding-top: 2px;
        border-bottom: 1px solid #e6e6e6;
        padding-right: 10px;
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-right: none !important;
    }

    .exp_trans_middle1 {
        vertical-align: middle;

        width: 100% !important;
        padding-top: 5px;
        padding: 5px 20px;
    }

    .trans_details_row2 div {
        border: none;
        margin: 5px 0px;
    }

    .ax_breadcrumbs ul.breadcrumbs {
        padding: 15px 28px 15px 8px !important;
        list-style: none;
    }

    .my_trans_backarrow {
        margin: 0px 10px;
    }

    .flight_trans_tab {
        display: flex;
        flex-direction: column;
        width: auto;
    }

    .flight_trans_flModSearch {
        padding: 20px 10px;
        width: 50%;
    }

    .head header>span>a>img {
        width: 85px;
    }

    .hd-cont {
        width: 100%;
        padding: 20px 10px 0px 10px;
    }

    .transcationtab {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .error_messages-box_my_transaction {
        width: 34%;
    }

    .footerbottom {
        width: fit-content;
    }

    .userlogged {
        display: none;
    }

    .loginimgrow {
        width: 30%;
        padding-right: 20px;
        margin: -3px 0px -1px 0px;
    }

    .sidemaprow>ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mobile-filter-view {
        position: fixed;
        bottom: 0;
        background: #323232;
        width: 100%;
        z-index: 9999;
        height: 54px;
        padding: 9px 15px;
        left: 0;
        right: 0;
    }

    .mobile-filter-view .flight_trans_btn {
        margin-left: 0;
        color: #ffffff;
    }

    .mob_filters .ax-filter-button-mobo_exp {
        display: flex;
        background: #fff;
        position: fixed;
        bottom: 0px;
        padding: 10px;
        z-index: 999;
        width: 100%;
    }


    .exp_filter_btn {
        width: 50%;
    }

    .exp_filter_btn_pad {
        margin-right: 20px;
    }

    .flight_trans_main1 {
        width: 100%;
        height: auto !important;
        flex-direction: column;
    }

    .flight_trans_button_booking {
        margin-bottom: 10px;
    }

    .flight_trans_left1 {
        display: flex;
        flex-direction: column;
        margin: 0px;
    }

    .trans_details_row2 div {
        border: none;
    }

    .flight_trans_middle1 {
        display: flex;
        flex-direction: column;
    }

    .trans_details_col {
        text-align: center;
    }


    .trans_details_col {
        text-align: center;
    }

    .flight_trans_details div:last-child {
        text-align: center;
    }


    .trans_details_row2 {
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        flex-direction: column;
        align-items: center;
    }

    .flight_trans_details {
        display: flex;
        border-bottom: 1px solid #e6e6e6;

        flex-direction: column;
    }

    .trans_booking_status_flight {
        text-align: center;
    }

    .trans_details_buttons {
        vertical-align: middle;
        display: flex;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        margin-left: 0px !important;
        padding-top: 23px;
        align-items: center;
        flex-direction: column;
    }

    .flight_trans_img {
        margin-top: 15px;
    }

    .transactionfooter {
        bottom: 52px !important;
    }

    .footerbottom {
        display: block;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        margin: -41px 0px 0px 0px !important;
        position: relative;
    }

    .footercontainer {
        width: 100% !important;
        position: relative;
    }

    .footerbottom .sidemaprow {
        padding: 0 10px;
    }

    .flightloader {
        width: 30%;
    }

    .loaderrow_trans {
        padding: 20px;
    }

    .loaderrow_miles_redeem_process {
        padding: 20px;
    }


    .mob_filters .mobo-secondarybtn {
        width: 100%;
        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;
    }

    .mob_filters .mobo-primarybtn {
        width: 100%;
        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;
    }

    .flight_trans_right {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mobilemodify_exp {
        display: none !important;
    }

}