
@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;
        }
    }
