
@media (min-width: 1200px){
    .container {
        max-width: 1199px;
    }
    }
    @media (min-width: 992px){
        iframe{
            height: 550px;
        }
        }

@media screen and (min-width: 767px) {
 
    /*nav.navbar.navbar-expand-lg.navbar-light .row .col-sm-12 {
        float: right;
        right: 145px;
    }
    header ul.blnc {
        display: block;
        justify-content: end;
        align-items: unset;
        margin-bottom: 0px;
    }*/
    nav.navbar.navbar-expand-lg.navbar-light {
        padding-bottom: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: initial;
    }
    
    flight-modify div#cust_one_round input#txtTo {
        padding-left: 20px !important;
    }
    
    .right_result {
        margin-top: 15px !important;
    }
    flight-modify .modifysearch.flt_modify .selected_box_top i {
        position: absolute;
        left: 0px;
        top: 13px;
        color: var(--color);
    }
    .modifysearch.flt_modify div#cust_one_round i.fa.fa-calendar {
        position: absolute;
        left: 10px;
        color: var(--color);
        top: 13px;
    }
    flight-detail-info .flight_popup_body.flight_fare_details .row.flight_popup .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    flight-detail-info .flight_popup_body.flight_fare_details .row.flight_popup .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

        flight-detail-info .flight_popup_body.flight_fare_details .row.flight_popup .col-md-9 .col-md-6 {
            max-width: 50%;
        }
    .modal-dialog {
        max-width: 95% !important;
        margin: 1.75rem auto;
        margin: 8px 8px 8px 18px !important;
    }

    div#search_control flight-search div#cust_one_round input#txtTo {
        padding-left: 21px !important;
    }
    div#search_control flight-search .selected_box i.fa.fa-user {
        top: 12px;
        left: 12px;
        position: absolute;
    }
    div#search_control flight-search .text_icon i.fa.fa-calendar {
        LEFT: 10px;
        right: inherit;
        top: 17px !important;
    }
    div#search_control flight-search .selected_box_top span:nth-child(2) {
        padding-left: 10px;
    }
    div#search_control flight-search .selected_box_top.search-trav {
        margin: 14px 0 !important;
    }
    div#search_control flight-search input#txtDD {
        padding-left: 22px !important;
    }
   
    header .topbar_content {
        margin: 4px 0;
        text-align: center;
    }
    header .topnav button.navbar-toggler {
        float: right;
        right: 0px;
        position: absolute;
        top: 12px;
    }
    hotel-search-control .row.service_row i.fa.fa-star {
        margin-left: 8px;
        margin-top: -2px;
        color: var(--color);
        position: absolute;
    }
    div#search_control flight-search .margindiv {
        padding-left: 6px;
        top: 5px;
        padding-right: 0;
    }
    hotel-search-control > .service_control > form .service_row > div:first-child {
        padding-left: 3px !important;
    }
    hotel-search-control input#txtFrom {
        padding-left: 20px;
    }
    hotel-search-control .search-icon select {
        padding-left: 20px;
    }
    div#search_control flight-search > form > .control_tab .resp_full {
        padding: 0 !important;
        padding-left: 4px !important;
    }
    
}

@media screen and (min-width: 526px) and (max-width: 992px) {
    .htlRmimg {
        margin-bottom: 32px;
    }

        .htlRmimg img {
            height: 173px;
            width: 38%;
        }

    .row.mainbrdr .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 24.666667%;
        max-width: 24.666667%;
    }

    .htlbknw {
        margin-top: 6px;
        background-color: #212529;
        position: absolute;
        right: 0;
    }

    .mainbrdr {
        margin-right: 15px;
        margin-left: 15px;
    }

    .check_top {
        display: none;
    }

    .checkout_btn button {
        width: 90%;
        margin-bottom: 8px;
    }

    #checkout > div > div > div.col-sm-7 > div > div:nth-child(2) > div:nth-child(3) > div {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row.trvlr_info > div:first-child {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .firstnam {
        padding-left: 0px;
        flex: 0 0 83%;
        max-width: 83%;
    }

    .lastnam {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .trvlr_info > div {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (min-width: 576px){
       
    .modal-dialog {
        max-width: 62%;
        margin: 1.75rem auto;
    }
    }

@media (max-width: 425px) {
    .waiting_pg h2 {
        padding-top: 20px;
        font-size: 17px;
    }
    .waiting_pg h3 {
        font-size: 18px;
    }
    .waiting_pg table {
        margin: 29px auto;
        width: 350px;
        border: 1px solid;
        border-collapse: collapse;
    }
 /*   section#flt_result_page a.carousel-arrow.next {
        right: 0px;
        color: var(--color) !important;
        padding-right: 2px;
        top: 50px;
    }
    section#flt_result_page .carousel-item {
        width: 123px !important;
        left: 3px;
    }*/
    hotel-result .loader {
       margin-top: 136px !important;
    }
    checkout-itinerary-details .display-flex.no-margin {
        display: block;
    }
    checkout-itinerary-details .display-flex.no-margin > div {
        width: 100%;    
    }
    .display-flex.no-margin .pull-left.flight-misc-info {
        color: #999595;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        padding-bottom: 10px;
    }
    checkout-itinerary-details .flight-layover {
        margin-top: 270px;
    }
    flight-segment-template.row.m-0 .row.Departure_second_row.m-0 > div .col-12 .row .col-sm-2 {
        flex: 0 0 25%;
    }
    flight-segment-template.row.m-0 .row.Departure_second_row.m-0 > div .col-12 .row .col-sm-10 {
        flex: 0 0 66%;
    }
    .waiting_pg {
        margin-top: 57px !important;
    }
    
    checkout-itinerary-details .row.htl_info .col-sm-8.bk_htl_data {
        padding-left: 15px;
    }
    thankyou .col-md-4.thank-tab {
        display: block;
    }
    thankyou .FaredDetails .FaredDetails_row .col-md-5.col-sm-5 {
        width: 25%;
    }
    thankyou .FaredDetails .FaredDetails_row .col-md-7.col-sm-7 {
        width: 75%;
    }
    thankyou .col-sm-4.to_col strong {
        position: absolute;
        top: 218px;
        left: 191px;
    }
    thankyou .cust_flt_trip .col-sm-4 {
        flex: 0 0 100% !important;
        max-width: 100%;
        text-align: center;
    }
    thankyou .col-sm-4.mid_col.cust_mid_col {
        left: 140px;
    }
    thankyou .leftchecktop .row .col-md-8.col-sm-8.mob-reponsive-thank {
        max-width: 70%;
    }

    thankyou .leftchecktop .row .col-md-4.col-sm-4 {
        max-width: 26%;
    }
    .check_top {
        display: none;
    }
    .checkout_right .form-actions button.btn, .checkout_right .btn_1.button-submit {
        font-size: 13px;
    }
    checkout ul.col-md-12.flt_pass_net {
        display: grid;
    }    
    .modal-content {
        position: relative;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        outline: 0;
        width: 95%;
    }
  
    flight-modify div#cust_one_round input#txtTo {
        padding-left: 21px !important;
    }
    .modifysearch.flt_modify div#cust_one_round i.fa.fa-map-marker {
        position: absolute;
        left: 11px;
        color: var(--color);
    }
    flight-modify .modifysearch.flt_modify .selected_box_top i {
        position: absolute;
        left: 11px;
        top: 13px;
        color: var(--color);
    }
    section#flt_result_page .sort > .row > .col-md-2.col-sm-2.col-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 5px;
    }
    hotel-temp .htldtl_ritscsn_rw .htltxt h3 {
        margin-top: 0px;
    }
    hotel-result .frslt-rightsid .sort_by .lst_map {
        margin-top: 5px;
        float: left;
    }
    hotel-result .frslt-rightsid .sort_by .col-sm-3 {
        flex: 0 0 33%;
        max-width: 33%;
        padding-left: 10px;
        padding-right: 10px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding-bottom: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: center;
    }
    #search_control {
        left: 20px;
    }
    flight-search .control_tab.tab_AIR .row.service_row > div:first-child {
        padding-left: 3px !important;
    }
    flight-search .control_tab.tab_AIR div#cust_one_round > div > div > .col-md-4 {
        padding: 0px 3px 0px 3px;
    }
    flight-search .text_icon i.fa.fa-map-marker {
        LEFT: 10px;
        right: inherit;
        top: 15px;
    }
    flight-search  .optionv {
        margin: 0px 15px 9px 0 !important;
        position: relative;
    }
    flight-search div#cust_one_round input#txtTo {
        padding-left: 20px !important;
    }
    flight-search .text_icon i.fa.fa-calendar {
        LEFT: 10px;
        right: inherit;
        top: 15px !important;
    }
    flight-search div#cust_one_round > div:last-child {
        margin-top: 0px;
        padding-left: 3px;
        padding-right: 4px !important;
    }
    flight-search .selected_box_top.search-trav i.fa.fa-user {
        position: absolute;
        left: 7px;
        top: 16px;
    }
    flight-search .control_tab.tab_AIR div#cust_one_round input {
        padding-left: 20px;
    }
    flight-search .selected_box_top span:nth-child(2) {
        padding-left: 10px;
    }
    flight-search .selected_box_top.search-trav {
        margin: 18px 0 !important;
    }
    flight-search .margindiv {
        padding-left: 2px;
        top: 5px;
        padding-right: 0;
        margin-bottom: 5px !important;
    }
    flight-search .control_tab.tab_AIR div#cust_one_round input#txtDD {
        padding-left: 22px;
    }
    flight-search .text_icon.rightpd i.fa.fa-map-marker {
        left: 10px !important;
        top: 15px;
    }
    flight-search .control_tab.tab_AIR {
        position: absolute;
        width: 90%;
    }
    hotel-search-control .service_control {
        width: 90%;
    }
    nav.navbar.navbar-expand-lg.navbar-light .row .col-sm-12 {
        float: right;
        right: 25px;
    }
    header ul.blnc {
        display: block;
        justify-content: end;
        align-items: unset;
        margin-bottom: 0px;
    }
    header .topbar_content {
        margin: 4px 0;
        text-align: center;
        padding-left: 4px;
    }
    html, body {
        overflow-x: hidden;
    }
    .container.bk_pg .col-sm-12.tabresposive.tab_positionn{
        overflow:auto;
    }
    ul.nav.nav-tabs > li {
        margin-bottom: 5px;
        width: 100%;
    }
    .det-border {
        align-items: inherit!important;
        flex-direction: column;
        padding: 0px 0px 0px 10px;
    }
    .ui-widget.ui-widget-content {
        min-width: 74%;
        top: 310px !important;
        width: auto !important;
    }
    sightseeing-modify-component .ssg_modi_row > div:first-child {
        padding-left: 15px;
        padding-right: 15px;
    }
    sightseeing-modify-component .ssg_modi_row > div > div {
        margin-top: 10px;
    }
    sightseeing-modify-component .ssg_modi_row > div > div {
        margin-bottom: 0px;
    }
    sightseeing-modify-component .selected_box_bottom {
       
        width: 100%;
    }
    sightseeing-modify-component > div > form > div.col-sm-1 {
        padding-left: 15px;
    }
    sightseeing-modify-component .ssg_modi_row > div > div .form-group {
        margin-bottom: 0px;
    }
    .room_block.ssg_rm_bk > div > div > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .trnsfer_con i {
        position: absolute;
        top: 2px;
        left: 22px;
    }
        .trnsfer_con i.fa.fa-angle-down.new_down {
            right: 17px;
            color: gray !important;
            font-size: 15px;
        }
    .RmInfoText > p {
        margin: auto;
    }
    .RmInfoText {
        padding-left: 0px;
    }
    .sort_by select {
        margin-bottom: 3px;
    }
    .col-sm-2.trnsfer_con .form-group {
        margin-bottom: 5px;
    }
    transfer-modify .row.f_r > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .row.chl_ag > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        text-align: left;
        padding-left: 33px;
    }
    transfer-thankyou .media .col-md-3.ar-right:nth-child(2) {
        width: 100%;
        max-width: 100%;
        display: inline-block !important;
        vertical-align: top;
       
    }
    transfer-thankyou .media .col-md-3.ar-right {
        
        flex-direction: column;
    }
    transfer-search .row.f_r > div {
        display: inline-block;
        width: 50%;
    }
    #cust_track_agnt .row.row_new {
        padding-left: 15px;
        padding-right: 15px;
    }
    #cust_track_agnt .row.row_new 
         div .dt-buttons {
        float: none !important;
        text-align: left;
    }
    .container.agentrole.bk_pg .col-md-6.col-xs-4.cust_create {
        text-align: left;
    }
    #chkBxlistRight tr {
        display: flex;
        flex-direction: column;
    }
    .container.agentrole.bk_pg .col-md-6.col-xs-4.cust_clear {
        text-align: left;
        padding: 0;
    }
    .salereport  div#tbldata_wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .salereport .container.salereport.bk_pg.subagent_ > .row > div {
        width: 33.3%;
    }
    div#bookTimeLimit_wrapper {
        overflow: auto;
    }
    div#Tblconfirmbooking_info {
        margin-top: 10px;
        padding: 9px;
        color: white;
        background-color: #eb6102;
        font-size: 13px;
    }
    .on_req_table {
        overflow: auto;
    }
    .custheight.bk_pg .tabresposive, .ex-responsive {
        overflow: auto;
    }
    .on_req_table div#Tblconfirmbooking_filter {
        text-align: left;
    }
    .on_req_table div#Tblconfirmbooking_length {
        text-align: left;
    }
    .salereport .d-xs-none.col-sm-2.col-md-2.custd-xs-none {
        display: none;
    }
    .salereport .d-xs-none.col-sm-2.col-md-2 {
        display: none;
    }
    .dat_sale > div {
        width: 33.3%;
    }
    .on_hold_table {
        overflow: auto;
    }
    }
@media (max-width: 420px) {
    .ui-widget.ui-widget-content {
        min-width: 100%;
        width: auto !important;
        top: 79px !important;
    }
}
@media (max-width: 375px) {

    flight-segment-template.row.m-0 .row.Departure_second_row.m-0 > div .col-12 .row .col-sm-2 {
        flex: 0 0 20%;
    }
    .waiting_pg h2 {
        padding-top: 40px;
        font-size: 17px;
    }

    .waiting_pg h3 {
        font-size: 18px;
    }

    .waiting_pg table {
        margin: 29px auto;
        width: 320px;
        border: 1px solid;
        border-collapse: collapse;
    }
    .loader {
        top: -45% !important;
    }

    thankyou .col-sm-4.to_col strong {
        position: absolute;
        top: 218px;
        left: 168px;
    }
    checkout-itinerary-details .display-flex.no-margin > div:first-child, checkout-itinerary-details .display-flex.no-margin > div:first-child span {
        color: black;
        color: #818181;
        font-size: 12px !important;
        width: 100%;
        font-weight: 500;
        line-height: 14px;
    }
    checkout-itinerary-details .display-flex.no-margin > div {
        width: 100%;
        /* display: flex; */
    }
    .display-flex.no-margin .pull-left.flight-misc-info {
        color: #999595;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        padding-bottom: 10px;
    }
    checkout-itinerary-details .flight-layover {
        margin-top: 270px;
    }
    checkout-itinerary-details .display-flex.no-margin {
        display: block;
    }
    hotel-result .frslt-rightsid .sort_by .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ui-widget.ui-widget-content {
        min-width: 72%;
        width: auto !important;
        top: 312.391px !important;
    }

}
@media (max-width: 320px) {
    flight-segment-template.row.m-0 .row.Departure_second_row.m-0 > div .col-12 .row .col-sm-2 {
        flex: 0 0 25%;
    }
    flight-segment-template.row.m-0 .row.Departure_second_row.m-0 > div .col-12 .row .col-sm-10 {
        flex: 0 0 67%;
    }
    .waiting_pg table {
        margin: 29px auto;
        width: 260px;
        border: 1px solid;
        border-collapse: collapse;
    }
        .waiting_pg table td, tr {
            border: 1px solid #fff;
            padding: 12px;
            font-size: 13px !important;
        }
    flight-modify .modifysearch.flt_modify .optionv {
        margin: 0px 7px 0px 8px !important;
        position: relative;
    }
    thankyou .col-sm-4.mid_col.cust_mid_col {
        left: 100px;
    }
    thankyou .col-sm-4.to_col strong {
        position: absolute;
        top: 238px;
        left: 140px;
    }
    checkout div#flightcheckout_form form .form-actions .col-md-4.ar-right, .col-md-8.ar-right {
        width: 59%;
    }
    footer ul.links {
        max-width: 100% !important;
        text-align: center;
        display: block;
        margin: 0px auto;
    }
    footer ul li {
        display: block;
        padding: 15px 27px;
    }
}