body {
}
/*    responsive   */

@media (min-width: 768px) and (max-width:990px) {
    .legend-cont {
        width: 40%;
    }

    .onboard-cont {
        width: 30%;
    }

    .seat-pref-cont {
        width: 65%;
    }

    .hide_button {
        display: none;
    }

    .flight-pax-count {
        width: 100%;
        border: 1px solid #d1d1d1;
        padding: 15px;
        float: none;
    }
}

@media (min-width: 768px) {
    .delete-city {
        position: relative;
        top: 40px;
        left: 20px;
    }

    .add-city {
        top: 0px;
        position: relative;
    }

    
    #btnPaxSubmit {
        margin-bottom: 15px;
    }
}

@media (max-width: 992px) {
    .full-page {
        min-height: 100%;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 22px;
    }

    #triptype .btn {
        font-size: 12px;
    }

    .container-xs {
        padding-right: 0px;
        padding-left: 0px;
    }

    .selectLang {
        color: #737373;
    }

    .list.nav-drop-menu {
        display: block !important;
    }

    ul.slimmenu.slimmenu-collapsed li > ul {
        padding-left: 20px;
    }

    ul.slimmenu.slimmenu-collapsed li .slimmenu-sub-collapser {
        height: 46px;
    }

    .nav-drop .fa-angle-up, .nav-drop .fa-angle-down {
        right: 18px;
        top: 10px;
    }

    ul.slimmenu.slimmenu-collapsed li .slimmenu-sub-collapser {
        background: #94876e;
    }

    .breadcrumb {
        display: none;
    }

    .mfp-dialog {
        background: #fff;
    }

    #gotoTop {
        display: none !important;
    }

    .pax-count-hotel {
        width: 240px;
    }

    .table.paxroommain td {
        display: block;
    }

    .booking-filters {
        width: 100%;
    }

    .booking-sort {
        margin: 15px 0 5px 0;
        display: block;
    }

    .nav-drop.booking-sort .fa-angle-up, .nav-drop.booking-sort .fa-angle-down {
        right: 0px;
        top: 2px;
    }

    .hotel_img {
        width: auto;
        height: auto;
    }

    .booking-item-rating {
        display: block;
    }

    .booking-item-address {
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 10px;
    }

    .booking-item-title {
        font-weight: bold;
    }

    .booking-item-features {
        border-bottom: 1px solid #f7f7f7;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .booking-item {
        border-bottom: 1px solid #e3e3e3;
        border-top: 0px solid #e3e3e3;
    }

    .booking-item-price-from {
        display: inline-block;
        margin: 0 20px 0 0;
    }

    .booking-item-price {
        font-size: 28px;
        margin: 0 0 0 10px;
    }

    .booking-item .btn-primary {
        display: block;
        margin: 10px 0 0 0;
    }

    .booking-item .price-for {
        font-size: 9px;
    }

    .booking-item p {
        float: right;
    }

    .flightM .flight-pax-count {
        margin: -13px 0px 0px 0px;
        width: auto !important;
    }
    /*.flight-pax-count { margin: -13px 0px 0px 0px; width: 240px;}*/
    .flight-pax-count {
        width: 100%;
    }

    .hotel_img {
        width: 240px;
        height: 136px;
    }

    .full-center {
        top: 30% !important;
    }

    .roomloaderdiv {
        margin-left: 121px;
    }

    .booking-item-details .booking-item-header-price .text-lg {
        font-size: 32px;
    }

    .policy-dialog {
        max-width: 100% !important;
    }

    .booking-item h5 {
        font-size: 14px;
        display: inline-block;
    }

    .login-dialog {
        max-width: 100% !important;
    }

    .booking-item-payment > header .booking-item-payment-img {
        width: 35%;
    }

    .proceed-payment {
        margin: 10px 0 0 0;
        text-align: center;
    }

    .timeout-dialog {
        max-width: 100% !important;
    }

    .margin-top-5-xs {
        margin-top: 10px;
    }

    .rooms-not-available {
        margin-left: 0;
    }

    .delete-city {
        position: relative;
        top: 0px;
        left: 20px;
    }

    .add-city {
        top: -25px;
        position: relative;
    }

    .selected_sorting {
        float: right;
        margin: 9px 0 0 0;
    }

        .selected_sorting .sort-txt {
            width: 140px;
            font-size: 11px;
        }

    .fltDptrGrid {
        border: none;
        margin-bottom: 5px;
        margin-top: 0px;
    }

    .tripTitle small {
        padding: 0px 0 0 29px;
        float: right;
    }

    #flightdetailinfo ul {
        text-align: center;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
    }

    .booking-item-flight-class {
        margin-bottom: 0px;
        margin-top: 10px;
        float: right;
    }

    #flight-price {
        margin-bottom: 10px;
    }

        #flight-price .btn.btn-select.btn-block {
            margin-top: 10px;
        }

    #flight-content {
        margin-top: 20px;
        border-bottom: 2px solid #e3e3e3;
    }

    .flight-mod-dialog {
        max-width: 100% !important;
    }

    .flight-name {
        float: right;
    }

        .flight-name p {
            width: 100%;
            display: block;
        }

    .booking-item-airline-logo {
        float: left;
    }

    .check-in, .check-out, .clsDate {
        margin: 0 0 10px 0;
    }

    .voucher-dialog {
        max-width: 100% !important;
    }

    .post-404page.style2 .go-back {
        font-size: 18px;
    }

    .booking-item-payment {
        clear: both;
        text-align: center;
        margin-top: 10px;
    }

    #btnPaxSubmit {
        margin-bottom: 10px;
    }

    .page-title {
        font-size: 30px;
    }

    aside.sidebar-right {
        padding-left: 0px;
        border-left: 0px solid #d4d4d4;
        margin-top: 20px;
    }

    .float-none-xs {
        float: none;
    }

    .search-tabs-bottom {
        top: 0px;
    }

    .mb50 {
        margin-bottom: 50px !important;
    }

    .pax-count-activity {
        width: 241px;
    }

    .margin-topresp {
        margin-top: 15px;
    }

    .activity_Result_main .booking-item p {
        float: none;
    }

    .polcyloader {
        margin-left: 123px;
    }

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

    .width-100-xs {
        width: 100%;
        margin: 35% auto;
    }

        .width-100-xs h2.mb5 {
            font-size: 14px;
        }

    .select-seat-dialog {
        max-width: 100% !important;
    }

    .hotel-service {
        font-size: 12px;
        width: 200px;
    }

    .other-service {
        font-size: 12px;
        width: 160px;
    }


    /*kapil css responsive*/
    .mfp-search-dialog {
        max-width: 100% !important;
        width: 100% !important;
    }

    ul#myTab li a {
        padding: 10px 8px;
        margin: 0px;
    }

    .topdestination_Img {
        height: 197px;
        width: 100%;
    }

    .owl-wrapper {
        width: auto !important;
    }

    .tabs-left {
        height: 100px;
    }


        .tabs-left > li, .tabs-right > li {
            float: left !important;
        }



    .payment-option .nav-tabs > li.active > a, .payment-option .nav-tabs > li.active > a:hover, .payment-option .nav-tabs > li.active > a:focus {
        color: #fff;
        /* background-color: transparent; */
        border: 1px solid #6E4555;
        border-right: 1px solid #6E4555;
        border-bottom: 0px solid #6E4555;
        color: #000;
        z-index: 999;
        bottom: -2px;
    }

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 0px;
    }

    .tabs-left {
        height: auto;
        padding-top: 10px;
        margin-left: -15px;
    }

    .payment-option .nav-tabs > li a {
        /* background: transparent; */
        font-size: 12px;
        font-weight: bold;
    }

    .payment-option .nav > li > a {
        padding: 15px 4px;
    }

    .payment-option .tab-content {
        width: 100%;
    }

    .tabs-left > li, .tabs-right > li {
        float: left !important;
    }

    .payment-option .nav-tabs > li.active > a, .payment-option .nav-tabs > li.active > a:hover, .payment-option .nav-tabs > li.active > a:focus {
        bottom: -1px;
    }

    .payment-option .content {
        margin-bottom: 15px;
    }

    .payment-option .tab-pane .pheader {
        font-size: 14px;
        font-weight: bold;
    }

      .slimmenu-menu-collapser {
    position: absolute;
    background-color: transparent;
    color: #fff;
    width: 100%;
    /* height: 48px; */
    /* line-height: 48px; */
    font-size: 16px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    right: 0px;
}

    /* /kapil css responsive*/

}

@media (max-width: 425px) {
    .hotel_img {
        width: 100%;
        height: 200px;
    }

    .tabs-left {
        height: 42px;
    }

    .content > .tab-content {
        height: 280px;
    }


    .tabs-left > li, .tabs-right > li {
        float: left !important;
    }

    .payment-option .nav-tabs > li.active > a, .payment-option .nav-tabs > li.active > a:hover, .payment-option .nav-tabs > li.active > a:focus {
        color: #fff;
        /* background-color: transparent; */
        border: 1px solid #6E4555;
        border-right: 1px solid #6E4555;
        border-bottom: 1px solid #fff;
        color: #000;
        z-index: 999;
        bottom: 0px;
    }

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 0px;
    }

    .payment-option .nav-tabs > li a {
        /* background: transparent; */
        font-size: 12px;
        font-weight: bold;
    }

    .payment-option .nav > li > a {
        padding: 15px 5px;
    }

    .payment-option .content {
        margin-bottom: 15px;
    }

    .payment-option .tab-pane .pheader {
        font-size: 14px;
        font-weight: bold;
    }
}

@media (max-width: 320px) {
    .hotel_img {
        width: 100%;
        height: 170px;
    }

    .content > .tab-content {
        height: 320px;
    }

    .tabs-left {
        height: auto;
        padding-top: 10px;
        margin-left: -15px;
    }

    .payment-option .nav-tabs > li a {
        /* background: transparent; */
        font-size: 11px;
        font-weight: bold;
    }

    .payment-option .nav > li > a {
        padding: 15px 3px;
    }

    .payment-option .tab-content {
        width: 292px;
    }

    .tabs-left > li, .tabs-right > li {
        float: left !important;
    }

    .payment-option .nav-tabs > li.active > a, .payment-option .nav-tabs > li.active > a:hover, .payment-option .nav-tabs > li.active > a:focus {
        bottom: 0px;
    }

    .tabs-left > li, .tabs-right > li {
        float: none;
        margin-bottom: 0px;
    }

    .payment-option .content {
        margin-bottom: 15px;
    }

    .payment-option .tab-pane .pheader {
        font-size: 14px;
        font-weight: bold;
    }
}