@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;
    }
    ul.nav.navbar-nav {
        display: block !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 {
        width: 97%;
        background-color: #e8ebf0;
    }
    .btn-primary {
        display: block;
        width: 97%;
    }

    .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) {
    .bottom_header {
        display: block!important;        
    }
    ul.reach_us {
        display: none !important;
    }
    .footer {        
        padding: 2.5rem 42px!important;
    }
    .btn-primary {
        border-radius:0!important;
        margin-right:0!important;
        margin-top:0!important;
    }
        .navbar-header {
        border-bottom: 1px solid #fff;
    }
    .about-text article {
        padding-right: 0px!important;
    }
    .back-to-top {       
        right: 78px!important;       
    }
    .navbar-nav .nav-link {
        margin-right: 0px;
        padding: 10px 20px!important;
    }
    .navbar button {
        display: block!important;
    }
    .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
    }

    .company-img {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

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

    .btn-primary {       
        height: 45px;
        display: block;       
    }

    .our__services {
        padding-top: 5rem;
        padding-bottom: 1rem;
    }
 }

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

        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
        }

        .company-img a img {
            height: 60px
        }       

        .footer-item {
            margin-bottom: 10px;
            text-align: center
        }
        .carousel-inner.item.active img {
            height: 464px !important;
        }
        h6.footer-title {
            margin-top:1.6rem;
        }

    }

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