@media (min-width:768px) and (max-width:1024px) {
    .white-bg-container {
        width: 100%;
        padding: 30px;
    }

    .home-search-wiged {
        min-height: 60vh;
    }

    .awe-navigation-responsive {
        margin-top: 69px !important;
        padding-top: 71px;
    }
        .checkbox input[type=checkbox]{
            margin-left:-4px
        }
        .awe-navigation-responsive .menu-list li {
            text-align: left;
        }
    .passportDtls .col-sm-3 {
        width: 33%;
    }
    .notdropdiv {
        display: block;
        text-align: center;
    }

    .visible-sm.mobile-login {
        position: absolute;
        right: 83px;
        top: 14px;
    }

    #header-page .login-drop {
        top: 0;
        display: block !important;
        position: relative;
        box-shadow: none;
        padding: 10px;
        left: 0;
    }

    #header-page ul.sub-agents-outer {
        position: fixed;
        top: 0;
        /* left: 0; */
        /* right: 0; */
        width: 100%;
    }

    #header-page .login-drop ul li a {
        padding: 13px 24px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    section.modify.flightModify .search-btn.proceed {
        margin-top: 11px;
        zoom: 0.8;
    }

    .container {
        width: 100%;
    }

    .right-dashed-border .col-xs-3:first-child .col-sm-12.col-xs-12.no-pad-r {
        width: 60px !important;
        padding-left: 5px;
        padding-right: 5px
    }

    .fare-rules-hidden {
        width: 98%;
        left: 0;
        right: 0;
    }

    .col-md-3 col-sm-3 .col-md-12.col-xs-6.pull-right.text-center,
    .flight-list .col-md-3.col-sm-3 .col-md-12.col-sm-6.col-xs-6,
    .flight-list .col-md-12.col-xs-6.text-center {
        width: 100% !important
    }

    .fare span {
        font-size: 20px;
    }

    div > .airline-logo {
        width: 67px;
    }

    .sidebar-fare-details .table > thead > tr > th,
    .sidebar-fare-details .table > tbody > tr > th,
    .sidebar-fare-details .table > tfoot > tr > th,
    .sidebar-fare-details .table > thead > tr > td,
    .sidebar-fare-details .table > tbody > tr > td,
    .sidebar-fare-details .table > tfoot > tr > td {
        padding: 7px 2px;
        border-top: 1px solid #ddd;
        font-size: 11px;
    }

    select.form-select2 {
        display: block;
        width: 100% !important;
    }

    .our-services .col-sm-2 {
        width: 33%;
        margin: 5px 0;
    }

    .route .date,
    .timer-center-top {
        white-space: nowrap;
    }

    .search-dtls label,
    .search-dtls label {
        color: #000;
        font-size: 18px;
    }
    .ClassFlightRow .airline-column {
        flex-direction: column;
        justify-content: flex-start;
    }
    .item-list-wrap > .row, .right-dashed-border > .row {
        display: block;
    }



  }

    @media(min-width:768px) {
        div > .airline-logo {
            width: 67px;
        }
        div > a.link-baggage.btn.btn-xs.btn-primary {
            background: transparent;
            border: 0;
            color: #F44336;
        }
        .awe-navigation-responsive {
            margin-top: 128px;
        }

        i.fa.fa-close.d-md-none {
            display: none
        }

        .notif_icon.fa {
            /* display: block; */
            text-align: center;
            position: relative;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #ffffff42;
            line-height: 32px;
            margin: 0 auto 0;
            color: #fff;
            text-decoration: none;
            transition: all ease .5s;
            margin: 0 8px;
        }
       

    }

@media(max-width:767px) {
    a.btn.btn-default.btn-xs.btntoogle {
        right: auto;
        font-size: 10px;
        font-weight: 600;
        top: -47px;
    }
    #seatLayout .Bseatinfo {
        color: #ffffff;
        background: transparent;
        border-bottom: 0;
    }
    #seatLayout  .col-sm-12.col-xs-12.divPad1,
    #seatLayout .airline_seatmap .TabBody {
        padding: 0;
    }
    .flight-details-hidden.col-md-5.col-xs-12.col-sm-12.col-md-center.flight-details-4 {
        width: 100%
    }

    .fare-rules-hidden {
        width: 94% !important;
        left: 0;
        right: 0;
    }

    .multi-toplist {
        padding-left: 10px;
    }

    .row.flight_left_side {
        padding: 3px 0 0;
    }

    .list-footer .col-xs-3 {
        width: 18%;
    }

    .col-md-9.col-sm-12.col-xs-12 {
        padding:0 10px;
    }
    .checkbox label {
        display: inline-block;
        text-align: center;
        padding-left: 0;
    }
    .ui-datepicker {
        width: 100% !important;
        left: 0 !important;
        zoom: 0.8;
    }

    #footer-page, .footer-item {
        text-align: center !important;
    }

    .footer-widget-one {
        padding-bottom: 0 !important;
    }

    .ui-state-highlight {
        border-radius: 0 !important;
    }

    .border-style-1, .border-style-2, .border-style-3 {
        display: none;
    }

    .footer ul {
        margin: auto;
    }

    .modify-btn i {
        margin-right: 0px;
        border-right: none;
        font-size: 16px;
        padding: 2px;
    }

    .top-login {
        padding-right: 0px !important;
        display: block !important;
        float: none;
        margin-top: auto;
        height: 27px;
    }

    #header-page {
        display: block;
        position: relative;
        overflow: visible;
        width: 100%;
    }


        #header-page .header-page__inner.header-page__fixed {
            position: relative;
            display: block;
            transform: translate(0) !important;
        }


        #header-page .header-page__inner {
            display: block;
            height: auto;
            position: relative;
        }


        #header-page .logo {
            display: inline-block;
            position: relative;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
        }

    .promoslider {
        display: block;
        margin-top: 50px;
        overflow: hidden;
        background: #fff;
        text-align: center;
    }

    .awe-navigation-responsive .menu-list li {
        text-align: left
    }

    a.linkMyacc.loginbtn {
        text-align: center;
    }

    .fare span {
        font-size: 17px;
        line-height: 22px;
    }

    .item-list-wrap > .row, .right-dashed-border > .row {
        display: block
    }

    .row.text-center.footer-copyright {
        margin: 0;
    }

    .multiwraptmp {
        padding: 0 15px;
    }

    .red-circle {
        zoom: 0.8;
    }

    .service-border-box p {
        padding-left: 10px;
        font-size: 14px;
    }

    .service-box-top-wrap {
        margin: 15px 0 !important;
    }

    .mb-mob-15 {
        margin-bottom: 15px !important
    }

    .route .time, .duration {
        font-size: 16px !important;
    }

    .dep, .arv {
        font-size: 21px !important;
        font-weight: 700;
    }
    .adv-options > *{
        margin-bottom:5px
    }
    .right-dashed-border .col-xs-3:first-child .col-sm-12.col-xs-12.no-pad-r {
        width: 62px !important;
        margin: inherit;
        position: relative;
        top: -4px;
    }
    .col-md-12.air-number {
        font-size: 18px;
        padding-top: 12px;
        font-weight: 600;
    }
    .item-list-wrap .airline-logo img {
        width: 45px;
    }
   
    .row.fltdet {
        padding: 0 15px;
    }
    /*******Hotel*/
    .col-md-9 .pay_now-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        top: auto;
        width: 100%;
        background: #ffff;
        padding: 10px;
        margin: 0;
    }
    .payment-heading-wrap.ss {
        padding-top: 60px;
    }
    .mob-dur {
        padding-top: 60px;
    }






}
    @media(max-width:767px) {

        .booking-tabs .box-border select {
            width: 100% !important;
        }

        .item-list-wrap [class*='col-'] {
            padding-left: 8px;
            padding-right: 8px;
            text-align: center;
            line-height: 16px;
            padding-top:2px;
            padding-bottom:2px
        }
        .item-wraper .item-list-wrap .col-md-12.col-xs-6.col-sm-12 a.form-control.btn.btn-green.BookNow {
            position: relative;
            right: -16px;
        }
            .item-list-wrap [class*='col-'] .row {
                margin-left: -8px;
                margin-right: -8px;
            }

        .notdropdiv {
            float: left;
            margin-bottom: 10px;
            margin-left: 18px;
        }

        .multiwraptmp {
            padding-left: 15px;
            padding-right: 15px;
        }

        .col-md-9.col-sm-9.col-xs-12.right-dashed-border .row:nth-child(2) .col-xs-3,
        .right-dashed-border .flight_left_side .col-xs-3 {
            width: 33.33%;
        }

            .col-md-9.col-sm-9.col-xs-12.right-dashed-border .row:nth-child(2) .col-xs-3:first-child,
            .right-dashed-border .flight_left_side .col-xs-3:first-child {
                width: 100%;
                padding-bottom: 20px;
            }

            .col-md-9.col-sm-9.col-xs-12.right-dashed-border .row:nth-child(2) .col-xs-3:first-child,
            .right-dashed-border .flight_left_side .col-xs-3.no-pad:first-child {
                padding-left: 8px !important;
            }

        .col-md-3.col-sm-3.col-xs-12.pt-15 {
            padding-top: 0;
        }

        .col-md-9.col-sm-9.col-xs-12.right-dashed-border .row:nth-child(2) {
            padding-top: 20px;
        }

        .air-details {
            font-size: 15px;
            line-height: 18px;
        }

        .item-list-wrap .col-md-3.col-sm-3 .row {
            margin-right: -8px;
            margin-left: -8px
        }

        .airline-column {
            display: block;
            /*border-bottom: solid 1px #ccc;
        margin-bottom: 10px;*/
        }

        .airline-logo, .airline-dtls {
            display: inline-block;
            padding: 0px 10px 0 0;
            vertical-align: middle;
            margin-bottom: 5px;
            margin: 0px !important;
        }
        .p-mob-0{
            padding:0
        }
        .ClassFlightRow .airline-column {
            align-items: center
        }

        .airline-dtls span {
            display: inline-block;
            padding-right: 10px;
        }

        .route {
            display: block;
            text-align: center;
            /*font-size: 10px;*/
            line-height: 1em;
        }

        .list-footer .route {
            font-size: 10px;
            word-wrap: break-word
        }

        .route label {
            font-weight: 500;
            !important;
        }

        .timing {
            display: block;
            border: solid 1px #e5e5e5;
            /*margin: 10px auto;*/
            margin-top: 10px;
            margin-bottom: 10px;
            padding-top: 5px;
        }

        .icon-td {
            display: none;
        }

        .filter_circle {
            position: fixed;
            width: 40px;
            height: 40px;
            background-color: #fff;
            color: #000033;
            right: 15px;
            bottom: 82px;
            z-index: 1;
            box-shadow: 0 0 8px 1px #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
        }

        .page-sidebar.sidebar-pop {
            margin-top: 10px;
            top: 0;
            bottom: 0;
            width: 100%;
            display: block !important;
        }

        .sidebar_wrapper {
            position: fixed !important;
            max-height: 100vh;
            overflow-y: auto !important;
            left: 0;
            right: 0;
            z-index: 999;
            margin: 0 auto;
            padding: 0 15px;
            display: none;
            background: #fff;
            top: 0;
            bottom: 0;
        }

        .modal-dialog.bounceIn.animated {
            max-width: 100% !important;
        }

        .col-md-3.col-xs-12.sidebar_wrapper.open {
            display: block;
        }
    }

@media (max-width: 767px) {

    .btn.btn-sm.btnRed.linkMyacc.UlMyAccount.hidden-sm {
        display: none
    }
    .visible-sm.mobile-login {
        display: block !important;
        position: absolute;
        top: 9px;
        right: 60px;
        z-index: 1111;
        left: auto;
        bottom: auto;
    }
    header .btnRed {
        background: transparent;
        color: #ce4c5a;
    }
    .text-center.reg_btn {

        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }


    .col-md-6.col-sm-12.col-xs-12.optBtns {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        z-index: 11;
        background: #fff;
        box-shadow: 0px -5px 17px 4px #00000026;
    }

        .col-md-6.col-sm-12.col-xs-12.optBtns input#ContentPlaceHolder1_btnSubmit,
        .col-md-6.col-sm-12.col-xs-12.optBtns input#ContentPlaceHolder1_btnticket,
        .col-md-6.col-sm-12.col-xs-12.optBtns a.link-btn.btn-continue.border-rounded {
            width: 100%;
        }

    .filter-item-wrapper .pad15 {
        padding: 0;
    }

    .optBtns .hold-wrap {
        float: none;
    }

    .search-dtls label {
        font-size: 16px;
        font-weight: 500;
    }

    .timer-center-top {
        position: relative;
        top: 6px;
 
    }

    .content-seatmap .col-md-4 label, .content-meals .col-md-4 label {
        padding-left: 0;
    }

    #seatmapACH .seatPos.left {
        left: 31px;
    }

    #seatmapACH .seatPos.right {
        right: -17px;
    }

    #seatmapACH .seatTypeInfo ul li {
        width: 50%;
        text-align: left;
    }

    .destination-wrap {
        color: #0443af;
        font-size: 16px;
    }

    .fare {
        font-weight: 500;
        margin-bottom: 0px;
        LINE-HEIGHT: 20px;
        text-align: left;
    }

    /*.fare {
        font-weight: 500;
        margin-bottom: 0px;
        padding-top: 5px;
        text-align: left;
        padding-left: 10px;
    }*/

    .pad-left {
        padding-left: 0px;
    }

    .airline-dtls, .airline-dtls span {
        font-size: 10px;
        font-weight: 500;
    }

    .item-list-wrap {
        padding-top: 5px;
        box-shadow: 0 0 13px 0 #00000042;
    }

    .item-wraper .text-success,
    .link-fare-rules {
        font-size: 12px;
    }

    a.fa.fa-solid.fa-suitcase.GroupBag {
        font-family: 'Inter' !important;
        font-size: 12px;
        white-space: nowrap;
    }

    .search-dtls label {
        color: #000;
        font-size: 16px;
        font-weight: 500;
    }

    section.search-top-box {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding-left: 10px;
        background: #f2f2f2;
        width: 98%;
        margin: 10px auto;
    }

    .rmvpadding span {
        font-size: 20px;
    }

    .search-from-wrap label {
        font-size: 16px;
    }

    .login-drop:before {
        display: none
    }

    .itry-date {
        font-size: 12px;
    }

    /*
    .search-section {
        padding-top: 50px;
    }*/

    .search-tabs ul li a {
        padding: 15px 15px;
    }


    .btn-book {
        display: block;
    }

    .modify-btn {
        display: block;
        float: none;
        margin: 0px;
        text-align: center;
    }

    .search-dtls [class*=col-] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .filter-icon {
        display: inline-block;
    }



    .remove-btn {
        position: static;
    }

    .search-dtls {
        line-height: 1em;
    }

    .booking-tab li {
        font-size: 12px;
    }

        .booking-tab li:before {
            display: none;
        }

    .hidden-fare-details .fa {
        padding-left: 0px !important;
    }


    /*Round Trip Mobile*/


    .round-intl .bdr-right, .right-border {
        border-right: none
    }

    .round-intl .round-row {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .round-intl .timing {
        border-top: solid 1px #e5e5e5
    }

    .round-intl .fare {
        padding-top: 5px
    }


    .timing label {
        font-size: 12px;
        font-weight: 600
    }


    .item-border {
        border-right: 0px;
        border-left: 0px;
        margin-top: 10px;
    }
    .multi-list-wrap .trip-details .col-md-8.col-sm-8.col-xs-8.text-center,
    .multi-list-wrap .trip-details .col-md-2.col-sm-2.col-xs-2 {
        width: 33.33%
    }
    .airline-dtls, .airline-dtls span,
    .multi-list-wrap .row.multiStop .trip-details label {
        font-size: 15px !important;
    }

    a.link-baggage.btn.btn-xs.btn-primary {
        background: transparent;
        border: 0;
        color: #F44336;
        /* font-size: 14px; */
    }
    .modifyex{
        display:block !important
    }
    .modifyex .expander {
        position: fixed;
        top: 54px;
    }
    section.modify.flightModify {
        display: none
    }

        section.modify.flightModify.active {
            display: block;
            position: fixed !important;
            background: #fff;
            z-index: 111 !important;
            top: 62px !important;
            height: 100vh;
            overflow-y: auto;
            padding-top: 27px !important;
        }
    .sticky-wrapper {
        z-index: 200 !important;
        position: sticky;
        background: rgba(0, 0, 0, .3);
        display: flex;
        flex-direction: column;
        left: 0;
        margin-bottom: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 13;
        height: auto !important;
        overflow-y: auto;
        max-height: 100vh;
    }
    ul.tab-btns {
        display: flex;
    }
    .sectorTabsVertical li a {
        padding: 5px 8px !important;
    }
        .hotelListitem [class*=" col-"], .modify.flightModify [class*=" col-"] {
        width: 100%;
        max-width: 100%;
        margin: 5px 0;
    }
    .modify.flightModify .fa.faX.fa-times,
    .modify .shftIcn {
        display: none !important
    }
    .conf-msg {
        padding: 10px 0 0;
    }
    .HotelRoomsTab {
        padding: 10px;
    }
        .HotelRoomsTab .nav > li {
            width: 33%;
        }
            .HotelRoomsTab .nav > li > a {
                padding: 10px 6px;
            }
    .tblrooms td {
        vertical-align: middle !important;
        display: inline-block;
        width: 50%;
    }
    span.text-center.RoomName {
        white-space: normal;
    }
    .ShowCancellationPolicy {
  
        font-size: 12px;
    }
    .hoteldatebox {
 
        text-align: left;
      
    }

    .card.payment-card, .important-rules-wrap.white {

        padding: 16px;
    
    }
    .card.payment-card h4{
        padding:5px

    }
    .search-top-box .col-md-4.col-sm-4.col-xs-6 {
        float: inline-end;
    }



}



@media(max-width:640px) {


    #header-page {
        display: block;
        position: fixed;
        overflow: visible;
        width: 100%;
    }



    .navigation .login-drop {
        width: 100%;
        display: block !important;
        position: relative;
        width: 95% !important;
        margin: 0 !important;
        right: 0;
        box-shadow: none;
        top: 0 !important;
    }

    .logo-name .air-logo,
    .logo-name .width-auto, .flight_left_side .logo-name .col-sm-12.col-xs-12.no-pad-r {
        width: 50px !important;
    }

    .container-fluid.search-from-wrap {
        padding-top: 23px;
    }

    #header-page .header-page__inner.header-page__fixed {
        position: relative;
        display: block;
    }

    .divcustom-select {
        background-color: #ce4c5aa3;
        margin-top: 5px;
    }

    #header-page .header-page__inner {
        display: block;
        height: auto;
        position: relative;
    }


    #header-page .logo {
        display: inline-block;
        position: relative;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }

    .top-login {
        padding-right: 0px !important;
        display: block !important;
        float: none;
        margin-top: auto;
        height: 27px;
    }

    .filter-page {
        margin-top: 0;
        padding-top: 60px;
    }


    .widget {
        display: block;
        margin-right: 0;
        padding: 10px;
    }

    .line-height {
        line-height: 1em;
    }
}
        /*    .search-section {
        margin-top: 70px;

    }*/
        @media (max-width: 767px) {
            .top-login li a {
                display: block;
                /*text-align: center;*/
            }

            .navigation,
            .awe-navigation-responsive {
                /*margin-top: 64px;*/
                text-align: center !important;
                opacity: 0;
                display: none;
                transform: none !important;
            }
                .awe-navigation-responsive.awe-navigation-responsive-active {
                    opacity: 1;
                    display: block
                }
            .login-drop {
            }

            .filter-page__content {
                margin-bottom: 30px;
            }
            .fare-box .item {
                display: flex;
                align-items: start;
                justify-content: flex-start;
            }
           
            span.flightcount.pull-right {
                display: none;
            }
            .fltdet .legmode1 {
                padding-left: 51px !important;
            }



        }




    @media(max-width:480px) {

        .modal .nav-tabs > li > a {
            font-size: 11px
        }
    }