@media (min-width: 1200px){
    .container {
        max-width: 1199px;
    }
    }
    @media (min-width: 992px){
        iframe{
            height: 550px;
        }
       
        }
    
    
    @media screen and (min-width: 526px) and (max-width: 992px) { 
        .htlRmimg {
            margin-bottom: 32px;
        }
        .htlRmimg img {
            height: 173px;
            width: 38%;
        }
        .slider_area .carousel-inner img {
            min-height: 550px;
        }
        .desigm::after {
            display: none;
        }

        .about h1::after {
            display: none;
        }
        .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: 768px){

        .header-area .main-header-area {
            padding: 0px !important;
        }

        .slider_area .carousel-inner img {
            min-height: 550px;
        }

        .navbar-inverse .container-fluid {
            display: flex;
            justify-content: left;
        }

        .logo a img {
            width: 40% !important;
        }
        #myCarousel {
            top: 7px !important;
        }
        .header_bottom_border .col-xl-10.col-lg-10.col-md-10.p-sm-0 {
            padding: 0;
        }
        .detailspage {            
            margin-top: 28px!important;
        }
        .navbar {
            min-height: 0px !important;
            padding: 0px !important;
            padding-left: 20px !important;
            margin-bottom: 5px !important;
        }

        .navbar-inverse {
            background-color: #00458a !important;
            border-color: transparent !important;
        }
        .navbar-nav {
            display: flex;
            flex-direction: column !important;
        }
       
/*
        #navigation li a {
            color: #fff;
        }*/

        .logo {
            width: 150px;
            padding: 12px 14px !important;
            text-align: left !important;
        }

        .desigm {
            font-size: 20px;
            text-align: center;
        }

        .whcs {
            margin-top: 21px !important;
        }
            .whcs .col-lg-3.col-md-6.col-xs-12 {
                display: flex;
                justify-content: center;
            }

        .whychooses {
            margin-bottom: 2rem;
        }

        .whatweare h2 {
            font-size: 24px;
        }

        button#btnAddProfile {
            width: 30% !important;
        }

        .whydss {
            border-left: 0 !important;
            margin-bottom: 2rem;
        }

        .desigm::after {
            display: none;
        }

        .about {
            padding-top: 6rem;
        }

            .about h1::after {
                display: none;
            }

            .about h1 {
                font-size: 30px;
            }

        .loginbtn button {
            padding: 8px 40px !important;
            font-size: 15px !important;
            font-weight: 500 !important;
        }
    
    }



@media (max-width: 576px) {
    .header-area .main-header-area {        
        padding:0px!important;
    }
    .slider_area .carousel-inner img {
        min-height: 550px;
    }
    .navbar-inverse .container-fluid {
        display: flex;
        justify-content: left;
    }
    .logo a img {
        width: 97% !important;
    }
    flight-hotel-search .col-md-2.col-sm-6.col-xs-12.resp_full {
        width:100%!important
    }
    div#navbarTogglerDemo02 ul li .topbar_content.credit {        
        right: 0px!important;
    }
    .col-md-2.col-sm-6.col-xs-12.pr-sm-0.pl-sm-0.flt-submit-btn {
        padding:0;
    }
    .row.tripopt {
        padding-left: 10px !important;
    }
    
    #navigation li a {
        color: #fff;
    }

    #myCarousel {
        top: 7px !important;
    }
    .navbar {
        min-height: 0px !important;
        padding: 0px !important;
        padding-left: 20px !important;
        margin-bottom:5px!important;
    }
    .navbar-inverse {
        background-color: #00458a !important;
        border-color: transparent !important;
    }
    .navbar-collapse{
        margin-top:5px;
    }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {        
        margin-left: -10px!important;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column !important;
        margin:0 !important;
    }
    #navigation li a {
        color: #fff;
    }

    .logo {
        width: 150px;
        padding: 12px 14px !important;
        text-align: left !important;
        margin-left: 13px;
    }
    .desigm {
        font-size: 20px;
        text-align:center;
    }
    .whcs {
        margin-top: 21px!important;
    }
    .whychooses {        
        margin-bottom: 2rem;
    }
    .whatweare h2 {
        font-size:24px;
    }
    button#btnAddProfile {
        width: 30%!important;
    }
        .whydss {
        border-left: 0!important;
        margin-bottom:2rem;
    }
    .desigm::after {
        display:none;
    }
    .about {
        padding-top: 4rem;
    }
    .about h1::after {
        display: none;
    }
    .about h1 {
       font-size:30px;
    }
    .loginbtn button {
        padding: 8px 70px !important;
        font-size: 15px;
        font-weight: 500;
    }
    
    @media (max-width: 420px) {
    .ui-widget.ui-widget-content {
        min-width: 100%;
        width: auto !important;
        top: 79px !important;
    }
}
@media (max-width: 375px) {
    .ui-widget.ui-widget-content {
        min-width: 100%;
        width: auto !important;
        top:79.391px !important;
    }

}