@media (max-width:1200px){
    .owl-nav {
        left: 46px;
        right: 46px;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        color: #f9e7e27d;
    }
    .top-destination h4::after {
        display: none;
    }
    .why-pay-book-with-us .best-rates {
        border: 0;
    } 
    
}

@media (max-width:992px) {
    .navbar ul li a {
        margin-top: 1.5rem;
    }

    .top-destination h4::after {
        display: none;
    }
    .border-yellow {
        height: 80px;
    }
    .why-pay-book-with-us .best-rates {
        border-right: none!important;
    }
    .navbar button {
        cursor: pointer !important;        
    }
    nav .container {
        display: block;
        justify-content: left!important;
    }
    .navbar-nav {
        margin: 36.5px 0px!important;
    }
    .navbar {
        box-shadow: 0px 3px 3px rgba(0, 0, 0, .1);
        background-color: #f3f4f5;
    }
    .navbar-collapse.collapse {
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .banner .loginbox {
        top: 352px!important;      
    }
    .navbar button {
        display: none;
    } 
}
@media only screen and (min-width:768px) and (max-width:1024px) {

    .company-img img {
        height: 73px;
    }

    .new2 .col-md-9 {
        display: -webkit-inline-box;
        left: -40px
    }

    .modal_new {
        box-shadow: none;
        margin-left: 21px
    }

    .row.col-md-3.col-xs-12.price_new {
        position: relative;
        top: -80px;
        right: -10px
    }

    .new2 .col-md-3 {
        margin-bottom: 0 !important
    }

    .new2 .col-md-6 {
        display: -webkit-inline-box;
        left: -40px
    }

    .col-md-12.new_bg1 {
        margin-top: 0 !important;
        display: flex
    }

    .col-md-12.col-xs-8.new0 {
        margin-top: initial !important;
        width: 100%
    }

    .container {
        width: 100% !important
    }

    .header-flex a {
        font-size: 12px;
        padding: 7px 18px
    }

    .banner .container {
        width: 100% !important
    }

    .loginbox.col-md-8 {
        width: 95%
    }

    .col-md-12.lastt {
        width: 100% !important
    }

    .info {
        display: block
    }

        .info li {
            margin-bottom: 1rem
        }

    .footer-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2.5rem
    }
}

@media only screen and (max-width:767px) {
    ul.info {
        display: none;
    }
    .top-header-items .row > div:first-child {
        max-width: 100%;
        flex: 100%;
    }
    .company-img a img {
        height: 100%;
        width: 100%;
    }
    section.first-hedr ul.top_nav {
        display: none !important;
    }
    section#banner div#sideNavigation a.logo img {
        width: 55% !important;
    }
    section#banner  .login_form ul.nav.nav-tabs a i {
        font-size: 22px;
        margin-right: 7px;
    }
    section#banner header .row:first-child > div {
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    section#banner header {
        padding: 0px 0px 0px 0px;
    }
        header .navigation li { 
        display: none;
    }
        header .navigation li:last-child {
            display: block;
        }
    section#banner header .logo img {
        width: 100% !important;
        height: 38px;
    }
   
    .banner .content .banner_info h2 {
        font-size: 23px;
    }
    .content .login_form {
        margin: 21px 0px 0px 0px;
    }
    .company-img a.navbar-brand {
        float: initial;
        padding: 0;
    }
    .banner .banner_info p {
        margin: 7px 0;
    }
    .content .login_form form {
        padding: 30px 17px 21px 17px;
    }
    .login_form ul.nav.nav-tabs a {
        padding: 20px 4px 20px 21px;
    }
    .content .login_form form .form-group p a {
        font-size: 12px;
    }
    .navbar button {
        display: block;
    }
    .top-header ul li a {
        font-size: 14px;
    }
    .top-header-items ul.info li {
        font-size: 13px;
    }
    .new2 .col-md-9 {
        display: -webkit-box;
    }

    .modal-dialog.modal-dialog-centered {
        width: 95% !important;
    }

    .new2 .col-md-12 {
        margin-top: -10px !important;
    }

    .modal_new {
        box-shadow: none;
        position: relative;
        left: 4%;
    }

    .bg {
        width: 100%;
        min-height: 130vh;
    }

    .new1 {
        border: 1px solid #e7e7e7 !important;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        left: 0 !important;
        margin-bottom: 10px !important;
    }

    .btn-primary {
        top: -37px !important
    }
    .col-md-8.col-xs-8.new0 {
        width: 100%
    }

    .col-sm-3.price-border {
        border: none
    }

    .col-md-12.new_bg1 {
        margin-top: 0 !important;
        display: grid
    }

    .col-md-12.col-xs-8.new0 {
        margin-top: initial !important;
        width: 100%
    }

    body > div:nth-child(3) {
        height: initial !important
    }

    .row.col-md-12.header {
        display: block
    }

    .header .col-md-9 {
        display: flex
    }

    .banner .container {
        width: 100% !important
    }

    .container {
        width: 100% !important
    }

    .header-flex {
        display: none
    }

    .col-md-12.lastt {
        width: 100% !important
    }
    .footer-img {
        margin-bottom: 11px;
    }
        .footer-img img {
            width: 63%;
        }
    .company-img {
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .form-header h1 {
        font-size: 20px
    }

    .btn-primary {
        font-size: 12px;
        padding: 7px 7px
    }  

    .footer-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2.5rem
    }
    .banner .loginbox {
        top: 272px !important;
        right: 42px !important;
        width: 355px !important;
    }
    .controllerv {
        margin-bottom: 6rem;
    } 
 }

    @media only screen and (max-width:425px) {
        .navbar button{
            display:block !important
        }
       
        .logo {
            width: auto
        }
        .loginbox p span {
            font-size: 13px !important;
        }
        .loginbox.text-center {
            width: 411px !important
        }

        footer .col-md-9 {
            width: 100%;
            text-align: initial
        }
        .privacy_policy li {           
            margin-right: 15px;            
        }

        footer a {
            font-size: 15px!important;           
        }

        html {
            font-size: 12px
        }

        h4 {
            font-size: 20px
        }

        .why-pay-book-with-us h4 {
            font-size: 22px;
        }

        .why-pay-bg {
            padding: 0;
        }

        .why-pay-book-with-us h3 {
            font-size: 20px;
            margin-bottom: 5px;
        }

        .why-pay-book-with-us .best-rates {
            border-right: none;
        }

        .become-a-gsa h2 {
            font-size: 30px
        }

        .become-a-gsa p {
            font-size: 13px
        }

        .top-destination h2::after {
            display: none
        }

        .owl-nav {
            left: 100px;
            right: 100px;
            top: 75%
        }

        .footer-item {
            margin-bottom: 10px;
            text-align: center
        }


        .carousel-inner.item.active img {
            height: 464px !important;
        }

    }

    @media only screen and (max-width:320px) {
        html {
            font-size: 10px
        }

        
        .carousel-inner.item.active img {
            height: 464px;
        }
        .banner .loginbox {
            top: 272px !important;
            right: 11px !important;
            width: 355px !important;
            left: auto;
        }
    }



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

    .header-area .social_wrap .number p {
        color: black;
        margin-bottom: 12px;
    }

    .navbar-nav {
        justify-content: unset !important;
        gap: 0px;
        margin-left: 110px;
    }

    .navbar ul li a {
        margin-top: 0px;
    }

    .navbar-nav {
        margin: 8px 0px 8px 0px !important;
    }

    .logo {
        background: #272727;
        text-align: right !important;
        position: fixed !important;
        top: 0px !important;
        left: -1px !important;
        height: 69px;
        padding: 5px 83px !important;
        clip-path: polygon(0PX 0, 268PX 0, -22PX 509PX);
    }

     .news-my {
        justify-content: right !important;
    }

    .minu .nav-link {
        color: black !important;
    }

    .header-area .social_wrap .number p {
        color: black;
    }

    .navbar-nav {
        justify-content: unset !important;
        gap: 0px;
        margin-left: 110px;
    }

    .number {
        margin-bottom: 12px;
    }

    .navbar-nav {
        gap: 0px !important;
    }

    .number p {
        color: black !important;
    }

    .registev .new-regi {
        color: #d2bb52 !important;
    }

    .destination_heading {
        margin-top: 550px !important;
    }

    .carousel {
        display: none !important;
    }

    .detailspage {
        padding-top: 0px !important;
    }

    .navbar-toggle {
        margin-right: 0px;
    }

    .container.news-my {
        justify-content: right !important;
    }

    .wid-none {
        width: initial !important;
        align-items: center !important;
    }

    .just-it {
        justify-content: space-between !important;
        margin-bottom: 9px;
    }

    .flight-right .srach_head span.mdy_btn {
        position: absolute;
        top: -26px;
        right: 14px;
    }

    hotel-temp .sh-more-rms a {
        font-size: 9px;
    }

    .table-view .row.tblrw.htltabbv > div {
        padding: 2px 3px !important;
    }

    hotel-temp .row.tblrw.htltabbv button.btn.text-light {
        font-size: 9px !important;
    }

    .sesion-expire button {
        margin: 12px !important;
    }

    .prevv i, .next i {
        left: 2px !important;
        top: 3px !important;
    }

    span.next.ar-left {
        display: grid !important;
    }

    .next::after {
        content: "";
        border: solid transparent !important;
    }

    hotel-details .canclsn-block table.Table-item.tbl-price-breakup {
        width: 100% !important;
    }

    hotel-details .collapsesv .canclsn-block {
        width: unset !important;
    }

    .cancl_col-two .frst-div span:nth-child(1) {
        left: 24px !important;
    }

    .arrowdiv i {
        position: absolute;
        right: 8px;
        top: 10px;
    }

    .arrowdiv {
        position: relative;
    }

    .navbar-toggler {
        background-color: #19abc2 !important;
    }

    #tbldiv {
        overflow: scroll !important;
    }

    transfer-result .sort h6 {
        margin-top: 0px !important;
    }

    transfer-result .optns {
        margin-right: 0px !important;
    }

        transfer-result .optns p {
            display: ruby !important;
        }

    a.book_now:hover {
        color: #fff !important;
    }

    .cust_modify_calender .text_icon.calanderboth input#txtDD {
        height: 40px !important;
    }

    .cust_modify_calender .text_icon.calanderboth input#txtAD {
        height: 39px !important;
    }

    .cust_modify_calender .text_icon.calanderboth {
        height: 43px !important;
    }

    .modifysearch.flt_modify .selected_box_top {
        height: 41px !important;
        line-height: 24px !important;
    }

    .modifysearch.flt_modify button.search_2v {
        height: 60px !important;
    }

    .cust_modify_calender .text_icon.calanderboth input {
        height: 41px !important;
    }

    .flt-result-segdiv {
        width: 100% !important;
    }

    flight-details-template {
        display: initial !important;
    }

    .flt-result-segdiv {
        width: 100% !important;
    }

    .ftlft {
        text-align: center !important;
        padding-left: 0px !important;
    }

    span.flight_route_dot_line:after {
        width: 100% !important;
        left: 0px !important;
    }

    .flight_route_dot img {
        left: -172px;
    }

    .ftrit {
        text-align: center !important;
        padding-right: 0px !important;
        padding-top: 16px;
        padding-left: 0px !important;
        padding-bottom: 16px;
    }

    flight-result .col-md-3.col-sm-3.pd-lt-0.ar-right > div {
        margin-top: 14px !important;
    }

    .ar-right > div {
        margin-top: 10px;
    }

    .col-md-12.catlg-colm1-styl .fltbk {
        width: 100% !important;
        padding-left: 0px !important;
        padding-top: 27px !important;
        padding-bottom: 20px;
        text-align: center;
    }

    .search_summry_inner ul.flt_dtls li P {
        padding: 0 27px;
    }

    .catalog-row.catalog-row-styl > div > div {
        overflow: scroll;
    }

    .row.flight_popup .row > .col-md-3 {
        border-right: 0px solid #ebe6e6 !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    flight-detail-info .row.flight_popup .col-md-3 {
        width: 188px !important;
    }

    flight-detail-info .col-sm-3.Class_Baggage {
        width: 177px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .layover.text-center span {
        top: 300px !important;
        left: 20% !important;
    }

    flight-result .search_summry_inner ul.flt_dtls {
        width: 420px;
    }

    .leftchecktop img.img-responsive {
        width: 100% !important;
    }

    p.ssg-pax {
        display: none;
    }

    .FaredDetails_row {
        padding-left: 2px !important;
    }

    checkout-itinerary-details .leftchecktop .col-md-4.col-sm-4 {
        padding-right: 0px !important;
    }

    hotel-temp .row.tblrw.htltabbv button.btn.text-light {
        font-size: 10px !important;
    }

    .book_now.htl_bk {
        font-size: 9px !important;
    }

    .show_mr button {
        font-size: 10px !important;
    }

    .col-md-2 > div {
        font-size: 11px;
    }

    hotel-temp .row.tblrw.htltabbv button.btn.text-light {
        font-size: 10px !important;
    }

    .table-view .row.tblrw.htltabbv > div {
        padding: 3px 1px !important;
    }

    .collapsesv > div {
        overflow: scroll !important;
    }

    #txtDD {
        margin-top: 0px !important;
    }

    #txtAD {
        margin-top: 0px !important;
    }

    checkout-fare-details p {
        font-size: 11px !important;
    }


    div#tblBooking_paginate {
        align-items: center !important;
    }

    .ve-branches-table-wrapper a#tblBooking_next {
        margin-top: 10px !important;
    }

    span.next.ar-left {
        position: absolute !important;
        top: 40%;
        right: 28px;
        padding: 5px 10px 0px 10px !important;
        width: 30px !important;
    }

    .flight_route_dot img {
        left: -164px !important;
    }

    .modify-top h1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .modify-top button {
        width: 107px !important;
    }

    hotel-temp .row.tblrw.htltabbv button.btn.text-light {
        font-size: 10px !important;
    }

    .view-ledger-page .table-body-wrapper div#crreporttbl_paginate .paginate_button {
        margin-bottom: 5px !important;
    }

    .table-view .row {
        width: 540px;
        text-align: center;
    }

    .thss {
        text-align: center !important;
    }

    div.leftchecktop > div.row {
        text-align: center !important;
    }

    .cust_rat p span {
        display: block;
    }

    checkout-fare-details .row:nth-child(2), checkout-fare-details .row:nth-child(3) {
        white-space: pre !important;
        
    }

        checkout-fare-details .row:nth-child(2), checkout-fare-details .row:nth-child(3) .col-md-7 {
            padding-right: 0px !important;
        }

    a#tblBooking_previous::after {
        top: 0px !important;
    }
}