@media (max-width: 1440px) {

    .seatPlaneOut .table_outSeat {
        width: 750px
    }
}

@media (max-width: 1366px) {
    .flight_dtlsModal.flResultModalNew .modal-body {
        padding: 10px 20px;
        overflow-y: scroll;
        max-height: 420px;
    }

    .search_main {
        padding: 15px 20px
    }

    .seatPlaneOut .table_outSeat {
        width: 750px
    }
    .rbdSwitch_Side {
        width:55%;
    }
}

@media (max-width: 1200px) {
    .seatPlaneOut .table_outSeat {
        width: 600px
    }

    .container {
        max-width: 1250px;
    }
}

@media (max-width:991px) {
    .myprofileMain ul li {
        padding: 8px 15px;
        margin-right: 5px
    }

    .Rpt {
        width: 50%
    }

    .seatPlaneOut .table_outSeat {
        width: 430px
    }

    .modal-dialog {
        max-width: 660px
    }

    .flight_dtlsModal .nav-pills .nav-link {
        font-size: 13px;
        padding: 10px
    }

    .flDtls_box01 {
        padding: 15px 50px
    }

    .fldtls_time {
        width: 18%
    }

    a.theme_btnStyle.Sortbtn {
        font-size: 12px;
        line-height: 30px;
        padding: 5px 6px;
        height: auto !important;
    }

    .htlMpaviewBtn {
        font-size: 13px
    }

    .Fl_ChepestList ul li a {
        padding: 8px
    }

    .editCldr {
        margin-right: 10px
    }

    .mybook_airlines {
        width: 25%;
        text-align: center;
        padding-left: 20px
    }

    .mybook_destination {
        padding-top: 10px;
        width: 14%
    }

    .mybook_timesCenter {
        width: 44%;
        padding: 0 10px
    }
    span.sort_round {
        display: none;
    }
    .fil_reset a{
        font-size: 8px;
    }
}

@media (max-width:767px) {
    span.piccount {
        left: 0;
        font-size: 10px;
        top: 10px;
    }
    .htldtlspicsBottm li {
        width: 15%;
    }
    .flight_dtlsModal.flResultModalNew .modal-body {
        padding: 10px 10px;
        overflow-x: hidden;
    }
        .flight_dtlsModal.flResultModalNew .nav {
        padding: 0;
    }
    .htlModifyDates{display: flex; align-items: center; border-bottom:1px solid #ccc}
    .htlModifySearch .hmHtlNights {
    width: 20%;
    text-align: center;
    line-height: normal;
}
.htlModifySearch .hm_col_02 {
    width: 40%;
    position: relative;
}
    .react-datepicker {
    flex-wrap: wrap;
}
    .title_sec_content h2 span {
    font-size: 14px;
}
    .filterClose{display: block;}
    .paychecknew_outer {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
    .paychecknew.paxinsCheck {
    margin-right: 10px;
}
    .paychecknew span {
    font-size: 13px;
}
    .paychecknew label {
    padding: 18px 10px;
    margin-bottom: 0 !important;
}
    span.vistor_btn {
    cursor: pointer;
    color: #fff;
}
    .htlheilightServices ul li {
    width: 100%;
    margin-bottom: 10px;
}
.htlroomSelect {
    width: 46%;
    margin-right: 10px;
}
    .htlDtlsAminities ul li {
    padding: 5px 15px;
    font-size: 12px;
    margin-right: 10px;
}
    .htldtlspicsBottm img {
    height: 50px;
    border-radius: 10px;
}
    .roomPicsRht {
    width: 100%;
    padding-left: 0;
}
    .pics01 {
    margin-bottom: 12px;
    width: 48%;
}
    .roomPicsLft {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
    .htlDtlsNewTab .nav-tabs .nav-link {
    font-size: 15px;
    margin-right: 10px;
    padding:10px 0;
}
        .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100% !important
    }
    .mybookTransfersFull .d-flex.my.bookTranssbox_4 {
    width: 100%;
}
    .mybookTransfersFull .mybookbox_3 {
    width: 50%;
}
    .mybookTransfersFull .mybookbox_2 {
    width: 50%;
}
    .mybookTransfersFull .mybookbox_1 {
    width: 100%;
}
    .mybookbox_4 {
    justify-content: start;
}
    .rec-slider-container {
    margin: 0px !important;
}
    .brandedFareBox {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
     .branded_fares {
    padding: 15px 0;
}
     a.theme_btnStyle.Sortbtn {
    font-size: 14px;
}
    .deskhide{display: block;}
.SubHead.htlSubHead {
    padding: 10px 0;
    background: #6ecff6;
    padding-top: 85px;
}
    .bannerText {
        font-size: 25px;
        padding-bottom: 20px;
    }

    .Mob_filterBtn {
        display: block;
    }

    nav.main_nav ul.menu_lft li a {
        color: #fff !important;
    }

    .Col_Result.Col_Resultnew {
        flex: 0 0 100%;
        max-width: 100%;
    }

    a.download_app img {
        height: 44px;
    }

    section.foot-bottom img {
        height: 30px;
    }

    .mt-5,
    .my-5 {
        margin-top: 1rem !important;
    }

    section.foot-bottom h6 {
        font-size: 12px;
    }

    .quick_look_box_wrap {
        flex-wrap: wrap;
        padding-left: 0px;
        padding-right: 0px;
    }

    .quick_look_box_wrap .boxes {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .row.smGutter.InnerB2b.transfersB2bList {
        position: relative;
        padding-left: 15px;
        margin-top: 10px;
        top: auto;
    }

    section.SubHead.transModifySub {
        padding-bottom: 20px;
    }

    div#tosearCalenderCabinboxfh_H {
        right: 0px;
        left: auto;
    }

    .hm_col_01.fld_bdr_right.fhMdifyNonStop {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .fhouter {
        flex-wrap: wrap;
    }

    .fh_viewAllFlight {
        position: relative;
        right: auto;
        margin: 10px 0;
    }

    input#BtnPackageSearch {
        height: auto;
        font-size: 17px;
    }

    .hm_col_01.fld_bdr_right.fhMdifyNonStop.fhneedsTrip {
        width: 100%;
        border-bottom: none;
    }

    .myBookstaticPackDtls .row.HtlDtls {
        padding: 10px 15px 10px;
    }

    .myBookstaticPackDtls .mybook_airlines {
        width: 100%;
    }

    .myBookstaticPackDtls .mybook_destination {
        padding-top: 10px;
        width: 100%;
        padding-bottom: 10px;
    }

    .myBookstaticPackDtls .mybook_timesCenter {
        width: 100%;
        padding: 0 20px;
    }

    .spfltktPrice {
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    .SPdetWrap .air__stops {
        width: 70%;
    }

    .air_time_sector.align-items-center.pr-4 {
        padding-right: 15px !important;
    }

    .air_time_sector.align-items-center.pl-4 {
        padding-left: 10px !important;
    }

    .hm_col_02.fld_bdr_right.d-flex.transfers_endDateTime {
        width: 100%;
    }

    .transPaxSumryDtls {
        flex-wrap: wrap;
    }

    .search_packCity label {
        color: #fff;
    }

    span.totalTime {
        padding: 7px 8px;
        font-size: 12px;
        top: 5px
    }

    .paxSumryBox .airDurationStops .stop-overs .stops::before {
        top: 19px
    }

    .paxSumryBox .flightIcon {
        top: 18px
    }

    .mybook_timesCenter .airDurationStops span {
        font-size: 11px
    }

    .modal-content.HotelResultDtlsModal .modal-body {
        padding: 0
    }

    div#modify_hotelCheckOutDate {
        right: 0;
        left: auto
    }

    .modal-content.HotelResultDtlsModal .htlDtlsBoxContent {
        padding: 0
    }

    span.recomnded {
        padding: 0 10px !important;
        font-size: 10px
    }

    .airDurationStops .stop-overs {
        font-size: 12px;
        padding-top: 4px;
        min-height: 34px
    }

    .showTrip_multyshow {
        border-top: 1px solid #ccc
    }

    span.sort_round {
        display: none
    }

    .Search_LftOur label input {
        height: 30px;
        line-height: 25px
    }

    .FmulticityBtn {
        align-items: center;
        height: 50px;
        justify-content: left
    }

    li.nBg.mr-0.ml-0 {
        height: 40px !important
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%
    }

    .insuPaxSumry {
        padding: 15px
    }

    .ins_paxSumry01 h4 {
        font-size: 14px
    }

    .ins_paxSumry01 {
        margin-bottom: 10px;
        width: 50%
    }

    .ins_plan_heading {
        font-size: 15px;
        padding: 15px 20px
    }

    .ins_plan_content {
        flex: 0 0 100%;
        max-width: 100%
    }

    .ins_fare_box {
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
        border-top: 1px solid #ccc
    }

    .ins_fare_in {
        padding: 10px
    }

    span.benfitsText {
        width: 90%;
        font-size: 14px
    }

    button.theme_btnStyle.searchBtn {
        font-size: 16px;
        padding:10px 20px !important;
        text-align: center;
        justify-content: center
    }

    .flight_tabs li a {
        padding: 5px 20px;
        font-size: 13px
    }

    .modifyBox.SearchBoxMain {
        margin-top: 10px;
        background: #FFF;
        border-radius: 10px;
        padding: 10px
    }

    .pax_viewDtls {
        transform: translate(-50%, 0%);
        left: 50%
    }

    .editCldr_Lft {
        background: #FFF;
        border: none;
        border-radius: 10px
    }

    .editCldrFiled {
        width: 95px;
        font-size: 11px
    }

    .editCldr input {
        border-radius: 10px
    }

    .editCldrOutr {
        margin-top: 15px
    }

    .modifyContent {
        width:68%
    }

    .myb__booking_details .returnBox span.text {
        transform: inherit;
        display: inline-block;
        font-size: 17px
    }

    .myb__booking_details .returnBox {
        background: #f8f8f8;
        height: auto;
        transform: inherit;
        width: 127px;
        position: inherit;
        bottom: 0;
        padding: 5px 0;
        display: inline-block;
        text-align: center;
        width: 100%;
        left: auto
    }

    .mybook_timesCenter {
        width: 100%;
        padding: 15px 30px
    }

    .mybook_destination {
        padding-top: 0;
        padding-left: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 0
    }

    .mybook_airlines {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
        text-align: center
    }

    .departBox span.text {
        transform: inherit;
        display: inline-block;
        font-size: 15px
    }

    .departBox {
        background: #f8f8f8;
        height: auto;
        transform: inherit;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 5px;
        text-align: center
    }

    .mybookingBoxMain {
        width: 100%
    }

    .SubHead .row {
        align-items: center
    }

 button.theme_btnStyle.myProfilebtn {
    padding: 0 10px;
    border: 1px solid #fff;
    font-size: 14px;
}

    h3.mybookhead {
        color: #fff;
        font-size: 16px;
        padding-top: 0
    }

    .seatPassenDetwrp .seatPassenLi {
        padding: 5px 0 5px 15px
    }

    .seatPassenUl .seatPassenLi {
        width: 100%
    }

    .Rpt {
        width: 100%;
        margin-bottom: 15px
    }

    .mob_marginbtm {
        margin-bottom: 10px
    }

    .seatSeleTabWrp.tab_wrap {
        margin-top: 0
    }

    .seatSeleTabWrp .tab-content ul li {
        padding-right: 12px;
        padding-bottom: 10px;
        font-size: 14px
    }

    .freq_flyer_wrp .title {
        font-size: 14px
    }

    .freq_flyer_wrp .freq_flyer_ele,
    .freq_flyer_wrp .form-control {
        margin-bottom: 15px
    }

    .freq_flyer_wrp {
        font-size: 13px;
        padding: 10px 20px 0
    }

    a.freq_flyer {
        font-size: 14px
    }

    a.paxadd_baggage {
        font-size: 14px
    }

    .paxSumryContent {
        padding: 0 20px
    }

    .paxLoginText {
        padding: 0 0 0 15px;
        width: 90%
    }

    .mob_backArrow {
        background-image: url(../images/mob_backArrow.svg);
        background-size: contain;
        background-position: left;
        width: 35px;
        height: 35px;
        background-repeat: no-repeat;
        margin-right: 5px;
    }

    .mob_hide {
        display: none
    }

    .desk_hide {
        display: block
    }

    ol.breadcrumb {
        display: none !important
    }

    .paxheadfldtls {
        width: 85%
    }

    .editSrchBtn {
        padding: 0 15px !important;
        margin-right: 10px;
        font-size: 12px !important
    }

    .title_sec_content {
        align-items: center
    }

    .SubHead {
        padding: 10px 0;
        background: #6ecff6;
        padding-top:65px
    }
button.theme_btnStyle.myProfilebtn a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .paxHead h3 {
        font-size: 14px;
        padding-left: 0px;
        width: 100%
    }

    .paxHead {
        padding: 10px 15px
    }

    .air_total_duration {
        padding-left: 0;
        padding-top: 10px
    }

    .Paxlogin {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 10px 0
    }

    .Paxlogin:last-child {
        border-bottom: none
    }

    .modal-dialog {
        margin: 15px
    }

    .pax_pasportDtls {
        padding-left: 35px
    }

    .pax_pasportDtls p {
        line-height: 18px
    }

    .paxHead {
        height: auto
    }

    .filterBtn {
        position: fixed;
        width: 100%;
        height: 52px;
        background: url(../images/mob_filter-btn.png) no-repeat center 50%;
        left: auto;
        top: auto;
        bottom: 0;
        z-index: 9999;
        cursor: pointer
    }

    .title_sec_content h2 {
        line-height: 25px;
        padding: 0;
        color: #fff;
        font-size: 14px
    }

    .title_sec_content p {
        padding-bottom: 0;
        line-height: 17px;
        color: #fff;
        font-size: 12px
    }

    .editCldr.pt-lg-0.pt-md-2 {
        margin-right:5px;
        padding-left: 5px;
    }

    .metrix_carrousel {
        width: 88%
    }

    .airlineMetrix .owl-carousel .owl-nav button.owl-next {
        left: 103%
    }

    .Fl_ChepestList ul li {
        width: 32%;
        color: #000;
        border-right: none;
        margin-bottom: 10px;
        border-radius: 10px;
        margin-right: 3px;
        height: 50px
    }

    .Fl_ChepestList ul li span {
        text-align: center;
        font-size: 13px;
        line-height: 17px;
        width: 100%
    }

    .Fl_ChepestList ul li a.d-flex.align-items-center.justify-content-center {
        flex-wrap: wrap
    }

    .Fl_ChepestList ul li:nth-child(3) {
        border-radius: 10px
    }

    .FilterSort_col_l {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .FilterSort_col_R {
        flex: 0 0 100%;
        max-width: 100%
    }

    .FSort_dropdown {
        position: relative;
        width: 100%
    }

    .result_panel_col_l {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 10px 15px 0 0;
        border-right: none;
    }

    .result_panel_col_R {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 0 0 15px 15px;
        border-left: none;
        border-top: 1px solid #ccc;
        min-height: auto
    }

    .flDtlsBtn {
        position: relative;
        bottom: 0;
        width: 100%;
        left: auto;
        line-height: 24px;
    }

    a.result__moreOption {
        font-size: 11px
    }

    .result__moreOption {
        transform: translate(-55%, -0%);
        left: 50%;
        bottom: -24px
    }

    a.resltselectbtn {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    a.result__moreOption {
        color: #000000;
    }
    .resultfareDetails {
        margin-top: 10px;
        margin-bottom: 0
    }

    .roundTrip {
        flex-wrap: wrap
    }

    .Search_Lft {
        width: 100%
    }

    .fld_bdr_right {
        border-right: none;
        border-bottom: 1px solid #ccc
    }

    .hm_col_02.fld_bdr_right {
        border-right: 1px solid #ccc
    }

    .hm_col_02.fld_bdr_right.return_date {
        border-right: none
    }

    .hm_col_02 {
        width: 50%;
        position: relative
    }

    .FilghtClass {
        width: 100%;
        flex-wrap: wrap;
        border-radius: 10px
    }

    .Search_Rht {
        width: 100%
    }

    .searchBtn {
        padding: 15px 0;
        width: 100%;
        min-height: 50px;
        border-radius: 10px !important;
        margin-top: 10px;
        height: auto
    }

    .hm_col_01 {
        width: 100%;
        position: relative
    }

    .Search_LftOur label {
        padding: 10px 15px
    }

    .hm_col_03 {
        width: 100%;
        position: relative
    }

    .FilghtClassMulty {
        width: 100%;
        border: solid #ccc 1px;
        min-height: auto;
        border-radius: 10px
    }

    .MultiCityRepeat {
        display: flex;
        min-height: auto;
        flex-wrap: wrap;
        border-bottom: none
    }

    .MultiCityRepeat .hm_col_03 {
        width: 50%
    }

    .MultiCityRepeat .hm_col_02.fld_bdr_right {
        border-right: 1px solid #ccc;
        border-bottom: none
    }

    .flight_dtlsModal li.nav-item i {
        display: none !important
    }

    .flight_dtlsModal .modal-header {
        padding: 10px
    }

    .ReactModal__Content .modal-header .close {
        right: 0px;
        top: 2px
    }

    .flight_dtlsModal li.nav-item {
        margin-right: 4px
    }

    .flight_dtlsModal .nav-pills .nav-link.active,
    .flight_dtlsModal .nav-pills .show>.nav-link {
        padding: 8px 7px
    }

    .flight_dtlsModal .nav-pills .nav-link {
        font-size: 10px;
        padding: 8px 5px
    }

    .flDtls_box01 {
        padding: 0
    }

    .fldtls_time {
        width: 30%
    }

    .flDtls_box01.d-flex {
        display: -webkit-box !important
    }

    .fldtls_airlineLogo img {
        width: 70px
    }

    .flight_dtlsModal p {
        font-size: 12px
    }

    .flDtlsMain h4 {
        font-size: 13px
    }

    .TransitTimeBox {
        width: 100%;
        margin: 10px 0
    }

    .FareSummary td {
        font-size: 13px;
        padding: 10px;
        white-space: nowrap
    }

    .Mobfilter {
        display: block
    }

    .filterBtn {
        display: none
    }

.Mob_filterBtn {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #6ecff6;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    cursor: pointer;
    background-position: center;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    margin: 0 auto;
    border-radius: 50px;
}
.mobfiltericon {
    background: url(../images/filter_icon.svg) center;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 15px;
}
.innerHeader .menuLinks ul li {
    color: #fff;
    text-decoration: none;
}
.innerHeader li.nav-item.dropdown.currencyPad {
    background: #ffffff;
}
    .FareRlCncelFee_Main {
        padding-top: 20px
    }

    section.ContentArea {
        padding-top: 20px;
        min-height: auto;
    }

    .FilterSort_col_Main {
        margin: 0 0 10px
    }

    .airlineMetrix {
        margin-bottom: 15px;
        margin-left: 0
    }

    .paxinsurPlanBox.active {
        height: auto;
        border-radius: 10px;
        border-bottom: 1px solid #ccc
    }

    .paxinsurPlanBox {
        width: 95%;
        border-radius: 10px;
        height: auto;
        margin: 10px 0;
        border-bottom: 1px solid #ccc
    }

    .insBenfitsDtls {
        border-radius: 10px;
        padding: 0;
        margin-top: 0;
        width: 100%;
        border: none
    }

    .paxinsRemove {
        margin-right: 10px;
        padding: 0 15px;
        margin-bottom: 20px
    }

.theme_btnStyle {
    font-size: 14px;
}

    button#myProfileAddBtn {
        font-size: 13px;
        padding: 0 20px
    }

    .pax_payment {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pax_paySummary {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px
    }

    .paxSumryContent.paymentSection {
        padding: 30px 20px;
        min-height: auto
    }

    .paymentSection ul li {
        margin-right: 12px;
        width: auto;
        margin-bottom: 15px;
    }

    .paxinsCheck label img {
        height: 35px
    }

    .paymentSection input[type="radio"]+label::before {
        top: 8px
    }

    button.btn.theme_btnStyle.paynowBtn.mt-3 {
        width: 100%
    }

    .paxmb_4 {
        margin-bottom: 30px
    }

    .seatPlaneOut {
        background-size: cover;
        margin-left: -25px !important
    }

    img.seatPlaneFrnt {
        display: block;
        position: absolute;
        top: 0;
        transform: rotate(90deg);
        left: 37%;
        margin-left: 0;
        margin-top: 0
    }

    .seatPlaneOut .table_outSeat {
        width: 100%;
        margin-left: 10px;
        padding: 0 20px;
        height: 545px;
        overflow-y: scroll;
        margin-top: 160px;
        overflow-x: hidden
    }

    .seatUiArr {
        display: none
    }

    .seatPlaneOut {
        background-image: url(../images/mob_seat_bg.png);
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 720px;
        background-repeat: no-repeat;
        position: relative;
        margin-left: 0 !important
    }

    table {
        width: 100%
    }

    .seatSeleTabWrp .tab-content .seatUl {
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row !important;
        justify-content: start;
        width: 100%
    }

    .first_count {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .seatSeleTabWrp .tab-content .seatUl li {
        align-items: flex-start;
        justify-content: center;
        width: 29px;
        height: 42px;
        font-size: 14px;
        padding: 0;
        margin: 0 0 0 5px;
        line-height: 35px
    }

    .seatSeleTabWrp .tab-content ul .seatLi_1 {
        transform: rotate(90deg)
    }

    .seatSeleTabWrp .tab-content ul .seatLi_2 {
        transform: rotate(90deg)
    }

    .seatSeleTabWrp .tab-content ul .seatLi_3 {
        transform: rotate(90deg)
    }

    .seatSeleTabWrp .tab-content ul .seatLi_4 {
        transform: rotate(90deg)
    }

    .d-flex.mob_wrap {
        flex-wrap: wrap
    }

    .seatPassenDetwrp h4 {
        font-size: 15px;
        padding-bottom: 7px;
        padding-top: 7px
    }

    img.seatPlane {
        /*transform: rotate(90deg)*/
    }

    li.nBg.mr-0.ml-0.first_count {
        width: 37px;
        text-align: center
    }

    li.nBg.mr-0.ml-0.mob_first_count {
        width: 18px
    }

    .profile_blue {
        display: none
    }

    .myprofileMain ul li {
        padding: 8px;
        margin-right: 5px;
        font-size: 11px;
        margin-bottom: 10px
    }

    .pr_forms label {
        width: 50%;
        font-size: 12px
    }

    .pr_forms input.form-control.p_nonEdit {
        width: 50%;
        font-size: 12px;
        padding-right: 0;
        padding-left: 5px
    }

    .myprofileEdit .form-control {
        background-color: #fff !important;
        padding-right: 0;
        padding-left: 5px
    }

    select#flight_pax_adult_primary_mobile_code {
        padding-left: 5px
    }

    .p_head h4 {
        font-size: 15px
    }

    .FSort_dropdown.htlSortDrop {
        width: 45%
    }

    .htlresult_Dttls {
        flex-wrap: wrap
    }

    .htl_pic {
        margin-right: 0;
        width: 100%
    }

    .htl_pic img {
        width: 100%;
        height: 190px
    }

    .HtlRsltAdMain {
        width: 100%;
        padding-left: 0;
        padding-top: 10px
    }

    .hotel_Rslt_Facilities {
        margin-top: 10px;
        width: 100%
    }

    button.close_sign {
        position: relative;
        top: -12px
    }

    .htlpaxStar {
        margin-left: 0
    }

    .gallery-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .map-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px
    }

    .htl_dtlsnavList li {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px
    }

    .htl_dtlsnavList li a {
        font-size: 14px
    }

    .htlDtlsBoxHead h3 {
        font-size: 14px
    }

    .htldtlsBox_01 {
        width: 100%
    }

    .htlDtlsBoxContent.d-flex {
        flex-wrap: wrap;
        padding: 15px
    }

    img.room_picSmall {
        width: 100%;
        height: 180px;
        margin-bottom: 20px
    }

    .htlDtlsRoom_heads {
        display: none !important
    }

    .htlDtlsRoom_box {
        margin-top: 20px
    }

    .htlRoombdr {
        flex-wrap: wrap
    }

    .rooms_box1 {
        width: 100%;
        border-right: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ccc
    }

    .rooms_box2 {
        width: 50%;
        border-right: none;
        border-bottom: 1px solid #ccc
    }

    .rooms_box3 {
        width: 50%;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: none
    }

    .rooms_box4 {
        width: 100%;
        text-align: center;
    }

    .htldtlsBox_02 {
        width: 100%
    }

    .htlDtls_topDtls {
        width: 85%
    }

    .htlPaxSumry .paxHtlDtls h4 {
        font-size: 15px;
        padding-top: 0
    }

    .htlPaxSumry img {
        width: 140px;
        height: 125px;
        margin-right: 10px;
        border-radius: 10px
    }

    .paxSummryBoxMain p {
        font-size: 12px
    }

    .mob_padmar_0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .htlpaxDates h4 {
        font-size: 15px;
        padding-top: 8px;
        padding-bottom: 5px
    }

    .htlPaxSumryDtls .col_01 {
        width: 100%;
        border-right: none;
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #ccc
    }

    .htlPaxSumryDtls .col_02 {
        width: 33%;
        border-right: 1px solid #ccc;
        padding: 10px;
        font-size: 13px
    }

    .htlpaxcancl {
        padding: 10px 15px;
        font-size: 14px
    }

    .pack_category img {
        height: 180px
    }

    .spresult_Dttls {
        flex-wrap: wrap
    }

    .sp_pic {
        margin-right: 0;
        width: 100%
    }

    .sp_pic img {
        border-radius: 10px;
        width: 100%;
        height: 100%
    }

    .spackges_rsltDtls {
        width: 100%;
        padding-top: 10px
    }

    .airline_paxReview_tab {
        margin-bottom: 20px
    }

    .SPdetTab .tabs li {
        margin: 10px 8px;
        padding-bottom: 5px;
        font-size: 13px
    }

    .paxHeadPrice {
        display: inline-block
    }

    .tras_pic {
        width: 100%;
        text-align: center
    }

    .trans_RsltDtls {
        width: 100%;
        padding-left: 0;
        margin-top: 20px
    }

    .trans_RsltDtls ul li {
        width: 100%;
        padding-left: 22px;
        margin-top: 8px;
        align-items: center
    }

    .trans_viewDtls {
        justify-content: left;
        padding-top: 10px
    }

    .departFlight {
        padding-bottom: 5px;
        padding-top: 10px
    }

    .transPaxSummry img {
        width: auto;
        height: 150px;
        margin-right: 0;
        border-radius: 0
    }
	.trnsPaxdtlstop.paxSumryBox{
		border-bottom-left-radius: 10px !important;
	}

    .transPaxPic {
        width: 100%
    }

    .transModify_select {
        position: relative;
        top: 0;
        border-radius: 0;
        border: none;
        height: 60px;
        border-top: 1px solid #ccc
    }

    .hm_col_02.fld_bdr_right.d-flex.transModifyMobile {
        width: 100%
    }

    .pack_mod .form-control {
        padding: 10px;
        padding-right: 30px;
    }

    .metrixBox {
        width:99%;
        position: relative;
        padding: 5px 20px;
        background-color: #fff;
        height: 85px;
        border-right: none;
    }
    .selectAir {
    border: 2px solid #6ecff6;
    border-right: 2px solid #6ecff6 !important;
}
    .result__moreOption:after {
        content: " ";
        position: absolute;
        display: block;
        width: 25px;
        height: 23px;
        top: -1px;
        right: -25px;
        z-index: 1;
        background: url(../images/right_corner.png) center;
        display: none;
    }
    .result__moreOption {
        position: absolute;
        bottom: -22px;
        z-index: 1;
        background: #fff;
        padding: 3px 20px 8px;
        line-height: 15px;
        text-align: center;
        box-shadow: 0 4px 5px 0 #0000001a;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 24px;
    }
    footer {
        background-color: #7a5131;
        padding: 30px 0 61px;
        color: #fff;
    }
    .foot_mail p {
        font-size: 11px;
        font-weight: normal;
        color: #fff;
    }
    .pax_viewDtls:after{
        display: none;
    }
    .pax_viewDtls {
        position: absolute;
        bottom: -22px;
        z-index: 1;
        background: #ffffff;
        padding: 0px 25px 8px;
        line-height: 20px;
        text-align: center;
        border-bottom-left-radius: 10px;
        height: 23px;
        box-shadow: 0 4px 5px 0 #0000001a;
        border-bottom-right-radius: 10px;
    }
    .rulesRestrictions input[type="checkbox"]+label {
        padding-left: 40px;
        position: relative;
        cursor: pointer;
        transition: all .3s;
        color: #000;
        font-size: 13px;
        line-height: 20px;
    }
    .paxBorder{
        border-bottom-left-radius: 10px;
    }
    
}


@media (min-width:320px) and (max-width:767px) {
   
    select#seating_class {
    padding-left: 5px;
}
    .paxSummryBoxMain .paxSumryBox.paxmb_4.newpaxSumry .result_one_leg {
    margin-bottom: 0;
    padding: 15px;
    padding-top: 0px;
}
    .mybookTransfersFull .mybookbox_4 {
    width: 100%;
}
.transroundtripsnew {
    width: 100%;
}
    .maplocIcon {
    left: 50%;
}
button.seemapbtn {
    left: 35%;
}
      .metrixBox {
    border-right: none;
}
    .paxSumryBox.paxmb_4.reviewboxMain {
    border-radius: 10px;
}
.mybookbox_1 {
    width: 100%;
    margin-bottom: 10px;
}
.mybookbox_2 {
    width: 50%;
    margin-bottom: 10px;
}
.mybookbox_3 {
    width: 50%;
    margin-bottom: 10px;
}
.mybookbox_4 {
    width:100%;
    margin-top: 10px;
}
span.booking_status {
    width: 50%;
    display: inline-block;
}
a.myb_vew_details.view {
    margin-left: 0;
}
    .htlrsltRht {
    text-align: left;
    width: 100%;
    padding-top: 15px;
    display: flex;
   justify-content: space-between;
}
button.theme_btnStyle.htlavalblBtn {
    font-size: 13px;
    padding: 5px 10px;
}
.htlDtlsRoom_box h4 {
    font-size: 14px;
}
    .htlrsltadrsDtls {
    padding-left: 0;
    width: 100%;
    padding-top: 10px;
}
    .htlrsltpic img {
    width: 100%;
    height: 155px;
}
    .htlrsltpic {
    width: 100%;
}
    .htlrsltLft {
    flex-wrap: wrap;
    width: 100%;
}
    .Col_Filter.mobSlide_Filter {
        display: block;
    }

    button.theme_btnStyle.editSrchBtn {
        background: #414c59;
    }

    section.foot-bottom h6 {
        font-size: 15px;
    }

    section.foot-bottom img {
        height: 30px;
    }

    .fil_reset a {
        right: 30px;
    }

    .Col_Filter {
        position: fixed;
        background: #FFF;
        border: 1px solid #cccccc;
        border-radius: 0;
        box-shadow: 0 9px 4px 0 rgb(226 226 226), 0 3px 22px 3px rgb(0 0 0);
        color: #3d454e;
        z-index: 999;
        top: 0px;
        width: 90%;
        display: none;
        overflow: scroll;
        height: 100%;
    }

    .Col_filternew {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hm_col_02.fld_bdr_right.need_more_hot:first-child {
        border-left: none;
    }

    a.clickHere {
        padding-bottom: 15px;
        display: inline-block;
    }

    .hm_col_02.fld_bdr_right.need_more_hot {
        border-right: solid #ccc 1px;
        border-left: none;
        border-bottom: none;
        border-top: 1px solid #ccc;
    }

    .hm_col_02.fld_bdr_right.return_date.need_more_hot {
        border-left: none;
        border-right: none;
    }

    button#BtnPackageModifySearch {
        height: auto;
    }

    .tableCell:first-child {
        width: 100%;
        border-right: none;
        padding: 0
    }

    .tableCell:nth-child(2) {
        width: 100%;
        padding: 0;
        padding-top: 5px;
        border-right: none
    }

    .ticketCatBox h5 {
        font-size: 14px
    }

    .tableCell:nth-child(3) {
        width: 60%;
        padding: 0;
        padding-top: 5px;
        position: relative
    }

    .tableCell:last-child {
        width: 100%;
        padding: 0;
        padding-top: 5px;
        float: right
    }

    .tableHead {
        display: none
    }

    .sprt_ctgry_box .box_wrap {
        padding: 15px
    }

    .sportsMap {
        height: 200px;
        margin-bottom: 10px
    }

    .sportsStedium {
        height: auto
    }

    .refernce_gutter {
        margin: 0 10px;
        width: 100%
    }

    .manageOr_refernce {
        margin: 5px auto 15px
    }

    .htlRoombdr.d-flex.combo_rooms button.theme_btnStyle.room_bookBtn {
        margin-top: 10px
    }

    .centerBox1 h3 {
        font-size: 16px
    }

    .paxsumryStops {
        padding-left: 0
    }

    .MoreInsuranceBtn {
        margin: 0 0 10px
    }

    .ReactModal__Content.ReactModal__Content--after-open {
        width: 95% !important
    }

    .nav-tabs .nav-item {
        margin-bottom: 10px
    }

    .flight_dtlsModal .modal-body {
        padding: 0 15px
    }

    .fldtls_baggageDtls.d-flex {
        flex-wrap: wrap;
        width: 65%;
        min-height: 136px
    }

    .flDtlsMain {
        padding-bottom: 15px;
    }

    .mob_padFoot {
        padding-bottom: 10px
    }

    .airDurationStops span {
        font-size: 10px
    }

    .paxSumryContent.InsuranceDetailsSection {
        padding: 15px
    }

    .paxSumryContent.SeatDetailsSection {
        padding: 15px
    }

    .ui-datepicker.ui-datepicker-multi {
        width: auto !important;
        right: 0 !important
    }

    .mob_Curency {
        display: block
    }

    .flmdfyeditIcon {
        width: 17px;
        height: 17px;
        background: url(../images/flmodify_icon.svg) no-repeat;
        background-size: contain;
        display: inline-block
    }

    .modify_mobHide {
        display: none
    }

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

    .mob_Curency a#navbarDropdown {
        color: #fff;
        padding: 0;
        padding-left: 20px
    }

    .mob_Curency .currency_menu img {
        margin-right: 2px;
        height: 12px;
        width: 17px;
        display: inline-block;
        margin-top: -4px
    }

    .row.InsuDtls {
        padding: 20px 20px 15px
    }
.mybookingBoxMain .nav-tabs .nav-link {
    margin-right: 0;
}

    .myb__booking_details .hotel_thumb {
        width: 120px
    }

    .mybHtlAdres {
        padding-left: 10px;
        width: 60%;
        padding-top: 0
    }

    .ui-datepicker.ui-datepicker-multi {
        width: auto !important;
        left: 0 !important;
        right: auto !important
    }

    .fldtls_countryname {
        width: 70%
    }

    .paySecureBox {
        padding-bottom: 20px;
        padding-top: 20px
    }

    h2.discountplans {
        font-size: 13px
    }

    .gm-style-iw.gm-style-iw-c {
        width: 300px !important;
        max-width: 300px !important
    }

    .map_pic {
        width: 100%;
        height: auto !important
    }

    .map_cont {
        padding-left: 0 !important
    }

    .map_details .theme_btnStyle {
        font-size: 14px;
        margin-top: 10px;
        padding: 0 30px;
        display: inline-block;
        height: 40px;
        line-height: 28px;
    }

    .menu_lft .nav-link {
        display: block;
        padding: 10px 10px 10px 15px
    }

    .mybookingBoxMain .nav-tabs .nav-item {
        margin-bottom: 10px;
        margin-right: 10px;
    }
ul.nav.nav-tabs.mybookingTabs.mybook_mainTabs {
    border-bottom: none;
    padding: 0px;
}
    .mybookingBoxMain .nav-link {
        display: block;
        padding: 10px
    }

    .traveler_repeate {
        padding-top: 20px;
        padding-bottom: 15px
    }

    .calenderCabinBox {
        width: auto;
        left: 0
    }

    div#ToCalenderCabinbox {
        width: auto;
        left: auto;
        right: 0
    }

    section.SubHead.multicCity_Modify .modifyContent {
        width: 68%
    }

    .multicity_modify {
        width: auto;
        margin-bottom: 10px
    }

    .MultiCityRepeat.MultiCityLeg4.leg4 {
        border-bottom: none;
        border-top: 1px solid #ccc
    }

    .Search_Rhtn.MulticityPanel {
        width: 100%
    }

    .MultiCityRepeat.MultiCityLeg3.leg3 {
        border-bottom: none;
        border-top: 1px solid #ccc
    }

    .FareRlCncelFeeTable td {
        padding: 8px 10px;
        font-size: 11px
    }

    .page404 h2 {
        font-size: 20px
    }

    .sitemap-navigation>.menu-item-has-children>.sub-menu {
        display: block;
        border-top: 0;
        margin-top: 0
    }

    .sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item {
        margin-top: 0
    }

    .sitemap-navigation>.menu-item-has-children>.sub-menu::before {
        display: none
    }

    .sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:first-child::before,
    .sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:last-child::before {
        left: 50%
    }

    .sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:first-child::before {
        right: auto;
        background-position: left
    }

    .row.BaggageDtls p {
        font-size: 13px
    }

    .ReactModal__Content.ReactModal__Content--after-open {
        padding: 15px !important
    }

    .fldtls_bagg {
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all
    }

    .mybook_timesCenter .airDurationStops .stop-overs {
        font-size: 11px;
        flex-wrap: wrap
    }

    button.cancel_btn {
        font-size: 12px;
        padding: 0 15px
    }

    .col-lg-6.mb-4.mobpad-0 {
        padding: 0;
        margin-top: 25px;
        margin-bottom: 0 !important
    }

    .myBook_bdr {
        padding-bottom: 10px;
        height: auto
    }

    ul.nav.nav-tabs.mybookingTabs.mybook_mainTabs.justify-content-lg-start.justify-content-md-start.justify-content-between {
        justify-content: start !important
    }

    .Fl_ChepestList ul li:nth-child(2).active {
        background: #6ecff6;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: .3s
    }

    .Fl_ChepestList ul li.active {
        background: #6ecff6;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: .3s
    }

    .Fl_ChepestList ul li:nth-child(1) {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .Fl_ChepestList ul li:nth-child(3).active {
        background: #6ecff6;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        transition: .3s
    }

    .hm_col_03.HmTravelMulticity.modifyFligtPaxMuti {
        width: 100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .field_02_htl.seach_downarrow.mob_bdr.hmhtlNatnlity .clearBtn {
        right: 15px
    }

    .fhmodifyBox .hm_col_01 {
        width: 100%;
        position: relative
    }

    .fhmodifyBox .hm_col_02 {
        width: 50%
    }

    .fhmodifyBox .hm_col_03.HmTravel.fld_bdr_right {
        border-bottom: none
    }

    .fhMdifyNonStop .hmStops input[type=checkbox]+label {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .hm_col_02.fld_bdr_right.return_date.fhneedDate {
        border-bottom: none
    }

    .hm_col_02.fld_bdr_right.fhneedDate {
        border-bottom: none
    }

    .field_50.padL {
        padding-left: 0
    }

    .field_02_htl.HmTravel.seach_downarrow.mob_bdr {
        padding-left: 0
    }

    .mybook_timesCenter .flightIcon {
        top: 12px
    }

    .ReactModal__Overlay.ReactModal__Overlay--after-open .modal-header {
        padding: 0 0 10px
    }

    .InsuranceDetailsSection .theme_btnStyle {
        font-size: 12px;
        padding: 0 15px
    }

    .react-tabs__tab {
        padding: 8px 10px !important;
        font-size: 12px
    }

    .watsappCheck {
        padding: 10px 0
    }

    .watsappCheck span {
        width: 90%
    }

    button#PackagePaxContinueBtn {
        margin-top: .5rem !important
    }

    .brandedFare_carrousel .rec-arrow-left:disabled {
        cursor: not-allowed !important;
        opacity: .2;
    }

    .brandedFare_carrousel .rec-arrow-right:disabled {
        cursor: not-allowed !important;
        opacity: .2;
    }

    .mybookStatusalign {
        width: 100%;
        margin-bottom: 12px;
    }

    .flight_autocomplete {
        width: auto !important;
        padding: 0 !important;
        margin-right: 30px !important;
    }
     .htlrsltboxModal  .Mob_filterBtn {
    bottom: -15px;
}
.trans_result_leg .trans_viewDtls{
	position:relative;
}
.trans_resultPanel .result_panel_col_l{
	border-bottom-left-radius: 0px;
}
.modifyContent.htlDtlsTopDtls {
    width: 100%;
}
.modifyContent.htlDtlsTopDtls h2 {
    line-height:30px;
    padding: 0;
    color: #fff;
    font-size: 18px;
}
.modifyContent.htlDtlsTopDtls  p {
    padding-bottom: 0;
    line-height: 17px;
    color: #fff;
    font-size: 13px;
}
.htlDtlsLft {
    width: 100%;
    padding: 0 15px;
}
.htlDtlsRght {
    width: 100%;
    padding-left: 0;
    padding: 0 15px;
}
.htlDtlsAminities {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
}
.roomoptions {
    width: 100%;
    padding: 0 15px;
}
.htldtsRoomRpt {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 15px;
}
.hotel_details_overview {
    width: 100%;
    padding: 0 15px;
}
.pax_payment .tooltiptext{
	font-size: 11px;
	width: 300px;
	padding: 10px 5px;
	word-break: break-word;
}
.tryagainstatus .tooltiptext{
    font-size: 11px;
    width: 300px;
    padding: 10px 5px;
    word-break: break-word;
}
.rbdSwitch_Side {
    width: 100%;
    height: 100%;
}
.result_panel.oneWayResult .rbdSwitchBtn {
    bottom: -30px;
    padding: 5px 12px;
    border-radius: 10px;
    font-size: 12px;
}
.result_panel_col_l {
    padding-bottom: 20px;
}
.rbdListing .rec.rec-slider-container {
    margin: 0px 10px !important;
}
.branded_fares.mixedmainbrandFare {
    border: 1px solid #ccc;
}
}

@media (max-width:360px) {
    .hotel_Rslt_Facilities {
        margin-top: 10px
    }

    .editCldrFiled {
        width: 70px;
        font-size: 10px;
    }

    .editCldr.pt-lg-0.pt-md-2 {
        margin-right: 5px;
    }

    .flight_dtlsModal .nav-pills .nav-link {
        font-size: 7px;
        padding: 8px 8px;
    }

    .ReactModal__Content.ReactModal__Content--after-open {
        padding: 10px !important
    }
}