@media screen and (min-width:1200px) {
    body .ui-datepicker .ui-datepicker-header {
        margin-top: 8px;
        padding-bottom: 9px;
        margin-left: 8px;
        margin-right: 8px;
    }
   body .ui-datepicker td{
        padding: 2px;
    }
    body .ui-datepicker .ui-datepicker-title { 
        text-align: center;
        font-size: 18px;
        font-family: "Merienda", 'Kumbh Sans', sans-serif, cursive;
    }
}

@media screen and (max-width:1199px) {
	
    .side-listing {
            position: fixed;
            left: -100%;
            top: 0;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            overflow-y: auto;
            height: 100%;
            width: 100%;
            max-width: 300px;
            padding: 20px 20px; 
            z-index: 99999;
            -webkit-border-radius:0;
               -moz-border-radius:0;
                    border-radius:0;
    }	
    body .ui-datepicker .ui-datepicker-title{
        font-size: 16px; 
    }
    .filter .side-listing {
        left: 0;
    }
    .filterthree, .filterone {
        padding-left: 0;
        padding-right: 0;
    }
    .filter:before {
        content:'';
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity:0.5;
        }
    .modify-filter {
            width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #cccccc7a;
    }
    .modify-filter h5 {
        margin: 0;
        font-size: 16px;
        color: #000;
    }
    .modify-filter button.modify-cross {
        background: transparent;
        border: none;
        height: auto;
        line-height: normal;
    }
    .modify-filter button.modify-cross span.material-symbols-outlined {
        font-size: 24px;
        font-weight: 600;
    }
        
        .banner.book-cheapfl-1.inner-engine {
        background: #f9f9f9;
        padding: 20px 0 !important;
        position: fixed;
        left: 100%;
        top: 0;
        z-index: 99999999;
        margin: 0;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
                overflow-y: auto;
            height: 100%;
    }
    .modi .banner.book-cheapfl-1.inner-engine {left:0;}
    .modify-engines {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom:1px solid rgb(35 58 96)
    }
    .modify-engines h5 {
        margin: 0;
        font-size: 16px;
        color: #000;
    }
    .modify-engines button.modify-search {
        background: transparent;
        border: none;
        height: auto;
        line-height: normal;
    }
    .banner.book-cheapfl-1.inner-engine .pickDropSct div#schange{
        padding-right: 0;
    }
    .modify-engines button.modify-search span.material-symbols-outlined {
        font-size: 24px;
        font-weight: 600;
    }
    .mozio-filter {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
    .listing-page .col-xs-9 {
            width: 100%;
        }
      
        body.modi .banner.book-cheapfl-1.inner-engine .pickDropSct .dropDateTimeSct {
            margin-top: 0;
            margin-bottom: 17px;
            padding-right: 0;
        }
    }
    
     @media screen and (min-width:992px) {
        .listing-page .check-sidebar-sticky { position: -webkit-sticky; position: sticky;  top: 130px;}
        
    } 
    
    
    @media screen and (max-width:1199px) and (min-width:1025px) {
        
        .pickupDropoffSctn {width:100%;}
        .pickDropSct {width:100%;}
        .pickDropSct .pickDateTimeSct {width:100%;}
        .pickDropSct .eng-last {width:100%}
        ul.broad li h3 {font-size:15px;}
            ul.payment-list li { width: 190px;  margin-bottom: 10px; }
            ul.payment-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
            .theme-footer .ft_zindex.ktl .fooN_Sctn {width:33%; float:left;}
            .listing-page.mains { margin-top: 100px;}
            ul.broad-car li:first-child:before {left:180px;} 
            
    }
    
    
      @media screen and (max-width:991px) and (min-width:768px) {
      body ul.broad-car.payment li:first-child:before {left: 160px;}
      }
    
          
    
    @media screen and (max-width:1024px) and (min-width:768px) {
        
        .pickupDropoffSctn {width:100%;}
        .pickDropSct {width:100%;}
        .pickDropSct .pickDateTimeSct {width:100%;}
        .pickDropSct .eng-last {width:100%}
        .list-right button {min-width:100%}
        .listing-page { margin-top: 100px; }
        form.passenger-details .listing-page { margin: 0; padding-bottom:0;}
        ul.broad li h3 {font-size:15px;}
        .title-head h3 {font-size:16px;}
        .flight-info h3 {font-size:15px;}
        .check-sidebar-sticky {position:relative;}
        ul.payment-list li {    width: 190px; margin-bottom:10px;}
        ul.payment-list {    display: -webkit-box;    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
        ul.price-list li.total span {font-size:18px;}
        ul.car-list li {    width: 50%; float: left; margin-right: 0;  margin-bottom: 20px;}
        ul.broad-car li:first-child:before {left:178px;}
        .routs h2 {font-size:25px;}
        .inner-route { margin-bottom: 25px;}
        .routs .container {margin-bottom: 20px;}
        .container.cities {margin-bottom:0;}
        .accordianssec h2.heads {font-size:25px;}
 
        
    }
    
    
    @media screen and (max-width:767px) {
    
        .opn_mobnav {right:20px; left: inherit;}
        .radio-div p.radio1 {margin:0;}
            .radio-div p.radio1 {
                display: inline-block;
                width: auto;
                float: none;
                margin: 0px auto 6px auto;
                padding-right: 10px;
        }
        form#mozioCarSearchRequest .radio1 label {
        margin: 0;
        font-weight: 700 !important;
        font-size: 12px;    padding-left: 17px;
        line-height: 1;
    }
    .radio-div p.radio1:last-child {padding-right:0;}
    .radio-div [type="radio"]:checked + label:before, .radio-div [type="radio"]:not(:checked) + label:before 
    {
        left: 0;
        top: -1px;
        width: 13px;
        height: 13px;
    }
    .radio-div [type="radio"]:checked + label:after, .radio-div [type="radio"]:not(:checked) + label:after {
        top: 2px;
        left: 3px;width: 7px;
        height: 7px;
    }
        .radio-div {
            width: auto;
            float: none;
            display: block;
            text-align: center;
            margin-bottom: 20px;
            margin-left: -14px;
            margin-right: -14px;
    }
    .banner.book-cheapfl-1 #trpC_cars_tab .drvage_passngr_sctn, .banner.book-cheapfl-1 #trvD_carDrop_searchI, .banner.book-cheapfl-1 #trvD_car_searchI {
        padding-right: 0;
    }
    #trvD_carDrop_searchI, #trvD_car_searchI {width: 100%; margin-bottom:15px; }
     .eng-last .drvage_passngr_sctn {    width: 100% !important;}
     .eng-last .HfltSbmtBtn.Search-Hflt.a {width:100%;}
     .fooN_Sctn {    margin: 0px 0 30px 0;}
     .theme-footer.calltofree-bx .addressFoo>label h5, .theme-footer.calltofree-bx .callFoo>label h5, .theme-footer.calltofree-bx .emailFoo>label h5 {
        margin-top: 0;
        margin-bottom: 3px;
        font-size: 15px;}
    .theme-copyright.footerquick-copyright .container {
        padding: 5px 6px;
    }
    .theme-footer.calltofree-bx .emailFoo>label {        font-size: 14px;}	
    .Search-Hflt .search {height:50px;}
    
    .listing-page .col-xs-9 {
        width: 100%;
        padding-left: 6px;
        padding-right: 6px;
    }
 
    .listing-page {margin-top:100px;}
    .main-listing { padding-left: 10px;padding-right: 10px;   -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
    .main-listing .list-left {width:100%}
    .main-listing .list-center { width: 100%; float: left; margin: 0; border-left:0; border-right:0; border-top:1px solid rgb(229, 237, 246); border-bottom:0.1rem solid rgb(229, 237, 246);     padding-left: 0;
        padding-right: 0;}
    .main-listing .list-right {width:100%;  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -moz-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -webkit-align-items: center;  -moz-box-align: center;  -ms-flex-align: center;  align-items: center;         padding-top: 10px;
            padding-bottom: 10px;}
    .list-left picture img { width: auto; height: auto; float: none; margin: 0 auto; max-height:150px; }
    .list-right span.prices {margin-bottom:0;}
    .currencys { text-align: left;}
    .car-detail-btm {margin-top:0;}
    .car-list-top p {font-size:14px;}
    .drop-list button.short-btn {font-size:12px; padding:5px 5px;width: 160px;}
    ul.short-list {
        min-width: 220px;
    }
    .list-right button {
        min-width: 130px;
        font-size: 14px;
    }
     ul.car-details-list li.rating {margin-right:0;}
    ul.car-details-list li {margin-right:8px;}
    .payment-cont {width:100%; padding-right:0;}
    .payment-cards {width:100%; }
    ul.payment-list li {    margin-bottom: 10px; width:auto;}
    ul.payment-list {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;} 
    .main-checkout {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;        padding: 13px 12px;}
    .list-left {width:100%;}
    .check-list {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    ul.car-list {margin-top:20px;}
    ul.car-list li {        margin-right: 0;
            width: 50%;
            margin-bottom: 20px;}
    ul.broad-car {display:none;}
    ul.broad {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
    ul.broad li h3 {font-size:15px;}
    form.passenger-details .form-group {    padding: 0; width:100%;}
    .title-head h3 {font-size:16px;}
    .finfo .flight-info {
        width: 100%;
        padding: 0;
        margin-bottom:15px;
    }
    .finfo {    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
    .flight-info h3 {font-size:15px;}
    .rht-card {   
        width: 100%;
        display: -webkit-box;    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;}
     span.paym {text-align: left;    font-size: 20px;
        margin-right: 10px;}   
            .check-sidebar-sticky {
            position: relative;
        }
        span.paym small {
            text-align: left;
            margin-top: 8px;
            line-height: 1.2;
        }
        form.passenger-details .listing-page {margin-top:0;}
    ul.broad li {    padding-bottom: 10px;
        margin-bottom: 10px;}
    .search-engine .trpC_banr_tab li {    width: 25%; float:left!important;}
    .search-engine .trpC_banr_tab li a {    padding: 10px 4px 8px 4px;         text-align: center;   font-size: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;}
    .search-engine .trpC_banr_tab li a span { min-height:28px;
            font-size: 10px;         margin: 0 0 0px 0;
    }
    ul.nav.nav-tabs.trpC_banr_tab {padding:0;}
    .search-engine .trpC_banr_tab li span.material-symbols-outlined {margin-bottom:6px;         font-size: 18px;}
    .book-cheapfl-1 .search-engine ul.nav li.active::before {    bottom: 0px;}
    .list-left picture {height:auto;}
    ul.depart-lists {margin-top:10px;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -webkit-flex-direction: column;    -moz-box-orient: vertical;    -moz-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
    ul.depart-lists li {    margin-bottom: 12px;     width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
    ul.depart-lists li span {    margin-bottom: 0; display: inline-block;  margin-right: 7px;}
    ul.depart-lists li p {font-size:14px;}
    div.swapbtn {
        left: auto;
        top: 55px;
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
        right: 19px;
        margin-top: 5px;
    }
    .swapbtn.active {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    .routs h2 {font-size:22px;}
    .inner-route {margin-bottom: 20px;}
    .routs .container { margin-bottom: 40px;}
    .container.cities { margin-bottom: 0;}
    .accordion h2 {font-size:15px;}
    .accordianssec h2.heads {font-size:25px;}
    body div.banner.book-cheapfl-1 {padding: 30px 0 40px 0 !important;}
    .routs h3 {
        font-size: 16px;
    }
    
    }
    
    @media screen and (max-width:575px) {
        .engine-content p{
display: none;
        }
    }
    
    @media screen and (max-width:480px) {
        .car-detail h6 small { margin-left: 0; display: block; margin-top: 2px;}
        .routs h2 {font-size:20px;}
        .routs h3 {
            font-size: 14px;
        }
    }
    


 
    @media only screen and (max-width: 1399px) {
        .engine-content {
             font-size: 14px;
             margin-bottom: 26px;
         }
     }
     
    @media only screen and (max-width: 1299px) {
        .engine-content {
             font-size: 13px;
             margin-bottom: 24px;
         }
     }
 
     @media (max-width: 1199px) {
        .engine-content {
            text-align: center;
        }
    }


    @media only screen and (max-width: 991px) {
        .engine-content {
             font-size: 12px;
             margin-bottom: 20px;
         }
         
.row.listing-page-rcheckout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.check-sidebar {
    margin-top: -16px;
    margin-bottom: 40px;
}
     }


     @media (max-width: 767px) {
        .engine-content {
             font-size: 11px;
             margin-bottom: 18px;
         }
         html .ui-state-default, html .ui-widget-content .ui-state-default, html .ui-widget-header .ui-state-default, html .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
            width: 36px;
            height: 36px;
        }
        
     }
      
    @media (max-width: 667px) {
        .engine-content {
             font-size: 10px;
             margin-bottom: 16px;
         }
         html .ui-state-default, html .ui-widget-content .ui-state-default, html .ui-widget-header .ui-state-default, html .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
            width: 34px;
            height: 34px;
        }
     }
     @media screen and (max-width: 575px) {
        .engine-content {
             letter-spacing: 0.6px;
         }
         .engine-content {
            font-size: 9px;
            margin-bottom: 14px;
        }
        
     } 
    @media (max-width: 360px) {
       .engine-content {
            font-size: 8px;
        }
    }