@media (min-width: 1200px){
    
    }
 

    @media (max-width: 767px){
        .mid_nav {
            display: none!important;
        }
        .mid_nav ul {
            float: left;
            display: flex;
        }
        .nav_section> .rit_nav {
            display: none;
        }
        .push_box {
            height: auto;

        }
        .push_box_first {
            width: 100%;
        }
        .push_box_second {
            width: 100%;
        }
        .push_box{
            display: none;
        }
        .push_box:first-child {
            display: block;
        }
        #ForProcess{
            width: 90%;
        }
        .row.service_row>div {
            MARGIN: 3PX 0PX;
            padding: 0PX 15PX;
        }
        #banner .advance_search_row p{
            margin-top: 3px;
        }
        .row.advance_search_box{
            padding-top: 0px;
        }
        .supplier p{
            padding: 2px 0px;
        }
        .supplier>div:first-child {
            padding: 0px;
        }
        .supplier span {
            padding-left: 8px;
        }
        .col-sm-2.OW_Width {
            max-width: 100%;
            flex: 0 0 100%;
        }
        .multi_way_service .row.service_row>div:first-child {
            /* padding-left: 20px; */
            padding: 0px 30px;
        }
        .search-icon input, .search-icon select{
            
    height: 40px!important;
    
        }
        
        .row.repeat_row.cust_repeat>div {
            margin-bottom: 6px;
        }
        #pack .search_btn {
            margin-top: 2px;
        }
        .middle_pic img {
            height: 390px;
        }
        .gallery-imgs>div>div {
            padding: inherit;
        }
        .book_section {
            margin-bottom: 0px;
            border: 1px solid #e5e5e5;
            padding: 10px;
        }
        .container.htl_destination.why>div>div{
            margin-bottom: 14px;
        }
        .destination__thumb >img{
            height: 287px;
           
            width: 100%;
        }
        .tittl_section p{
            font-size: 15px;
        }
        n#mordern>div>div>div {
            margin-bottom: 10px;
        }
        .destination__thumb-info{
            padding: 5px 8px 0px;
        }
        .nav-rit{
            background-color: #ffffff!important;
            padding: 0px 5px!important
        }
        ul.nav-rit .btn{
            border-right: 0px solid #0044c1;
            border-radius: 0;
            padding: initial!important;
            display: block;
            width: 100%;
            text-align: left;
            padding: inherit;
            
            color: #087bc0;
            font-weight: 600;
            font-size: 15px;
            padding: 6px 8px;
            margin: 0px 9px;
            
        }
        .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
            border-bottom: 0px solid rgb(252 189 51);
        }
        /* .navbar-light .navbar-nav .nav-link{
            letter-spacing: .5px;
            color: rgb(2 119 190);
            font-size: 12px;
            font-weight: 600;
            padding: 6px 8px;
            margin: 0px 9px;
            border-bottom: 1px solid #087bc0;
        } */
        #mordern>div>div>div>div {
            margin: 4px 0px;
        }
        .row.way_row span{
            font-size: 15px;
        }
        div#htl .col-sm-5{
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 92%;
            max-width: 100%;
            margin: 0px 15px;
            height: 38px!important;
        }
        div#htl .col-sm-1{
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .service_name li{
            border: 0px solid #ffffff00;
    border-radius: 0px;
    transition: .2s;
    font-size: 6px;
    color: #ffffff;
    font-weight: 500;

    width: 111px;
        }
        search-icon i {
            position: absolute;
            top: 14px;
            left: 21px;
            color: #707070b3;
            font-size: 11px;
        }
        .search-icon i.fa.fa-flag {
            left: 10px;
        }
        .search-icon input, .search-icon select{
            padding: 4px 17px 4px 26px;
        }
        img.img-fluid.desti-icon {
            left: 0px;
            top: 7px;
            /* width: 17px; */
        }
        .nit, .dat {
            -webkit-box-flex: 12%;
            -ms-flex: 0 0 12%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .city-place {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 26%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .holidy_control_btn,.htl_control_btn{
            padding: 0 15px!important;
        }
        .nit{
            padding-right: 15px!important;
        }
        .why{
            letter-spacing: .3px;
            padding: 10px 5px 10px 5px;
        }
        .tittl_section {
            padding-bottom: 29px;
            padding-top: 15px;
        }
        #mordern{
            padding: 25px 0px 19px 0px;
        }
        .col-sm-2.middle_pic{
            padding-top: 5px;
        }
        .cntct.d-flex {
            margin: 10px 0px;
            justify-content: flex-start;
        }
        .find-us__question>h6 {
            padding-left: 15px;
            margin-bottom: 15px;
        }
        ul.footer-list button {
            font-size: 13px;
            padding: 4px 5px;
            color: white;
            background-color: #087bc0;
            border: 1px solid #087bc0;
            height: 35px;
            cursor: pointer;
            margin-top: 10px;
        }
        div#copywrite>div{
            
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }
        .middle_pic img {
            height: 230px;
        }
       
        .tour-gallery img.img-fluid{
            height: 230px;
        }
        .middle_pic {
            padding-top: 5px;
        }
  .morder_row{
      padding: 0px 15px;
  }
        div#page-wrapper div#tabsdiv {
            /* overflow: inherit; */
            height: auto;
        }
        .toggle_icon {
            color: white !important;
        }

    }


    @media (max-width: 320px){
        div#htl .col-sm-5{
            -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 90%;
    max-width: 100%;
    margin: 0px 15px;
    height: 38px!important;
        }
    }