@media (min-width: 576px) {
    .modal-dialog {
        max-width: 975px;
        margin: 7.75rem auto;
    }
}

/*newcss*/


@media only screen and (min-width:768px) and (max-width:1024px) {

    div#header_signup_tab button.btn_full.orange2 {
        width: 50% !important;
    }

    .row.bottom_flt_btn1 .col-sm-2, .row.bottom_flt_btn1 .col-sm-7 {
        max-width: 30% !important;
        flex: 30% !important;
    }

    .row.bottom_flt_btn1 .col-sm-3 {
        max-width: 40% !important;
        flex: 40% !important;
    }
    div#cms {
        margin: 15px 16px !important;
    }

    .col-md-4.loggedinfb img {
        width: 100%;
    }
    .canclsn-block table:first-child {
        padding: 10px !important;
    }
    .rest-notice p {
        line-height: 16px;
    }

    .rest-notice {
        line-height: 12px !important;
    }

    .hedpara h4 {
        font-size: 14px !important;
    }

    #hotel_detail .headofcheck {
        align-items: center !important;
        display: inherit !important;
    }

    .adult-child div.col-md-2 div.leftdetails {
        margin-right: -46px !important;
    }

    .adult-child div.col-md-2 {
        margin-left: 18% !important;
    }

    .row.col-md-10.icons-sec {
        max-width: 100%;
        flex: 100%;
    }

    .activities-detail a {
        line-height: 51px;
        margin: 1px !important;
    }

    a.book_now {
        padding: 8px 12px !important;
    }

    .flt_tabl {
        overflow: scroll;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 17% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > flight-hotel-search > form > div > div.row.searchdns > div:nth-child(3) > select {
        width: 17% !important;
    }

    .user-layout-nav.nav.nav-tabs li {
        font-size: 12px;
        padding: 6px 9px;
    }

    .lowest-price-grn b {
        display: block;
        margin-top: -22px;
        margin-left: 20px;
    }

    body > client-app > app-layout > div > hotel-result > div > div > div.col-sm-9.col-md-9.col-12 > div > div.cust_htl-modify > div > div.col-md-2.col-sm-6.col-xs-12 > button {
        font-size: 11px;
    }

    footer > div > div > div:nth-child(1) > img {
        width: 120px !important;
    }

    .thank-tab h2 {
        font-size: 23px;
    }

    .row.col-md-10.htll-cent.p-0.m-0 {
        padding-left: 20px !important;
    }

    .breadcrumb a {
        width: 24% !important;
    }

    .col-md-4.recom-green {
        max-width: 50%;
    }

    .fare_alert p {
        padding: 12px;
        font-size: 14px;
    }

    .optns p {
        font-size: 9px !important;
    }

    div.sort > div > div {
        max-width: 100% !important;
        flex: 0% !important;
    }

    button#btnSearch {
        font-size: 13px;
    }

    thank-tab {
        padding: 0;
    }

    .social-icon ul {
        display: block !important;
    }

        .social-icon ul li {
            margin-top: 8px;
        }

    .logo img {
        width: 100% !important;
    }

    .price {
        margin-left: 27px;
    }

    img.\/assets\/twb2c\/img-responsive {
        width: 110%;
    }

    .get {
        margin-left: 19px;
    }

    div.sale > div > div > div.col-md-3 > img {
        height: 248px;
    }
}

@media only screen and (max-width: 768px) {
    div#ui-datepicker-div {
        width: 19em !important;
    }
    div#HPC1 .box {
        width: 289px !important;
        margin-top: -68px !important;
        margin-left: 34px !important;
    }
}
@media only screen and (max-width: 767px) {
    section#banner #search_control ul li {
        width: 27%;
    }

    checkout-fare-details .row.mul p span:first-child {
        position: relative;
        right: 0px !important;
    }

    .leftchecktop .col-sm-4 {
        padding-right: 0px !important;
    }

    table.table.table-bordered.margbottom20.tblCancellation tr:last-child td {
        text-align: start !important;
    }

    checkout .underlinex:after {
        right: 0px !important;
    }

    .img_section, .img_section span {
        justify-content: center !important;
    }

    .review-flt .flt_logo_img {
        text-align: center !important;
    }

    .tress-2 {
        display: flex;
        justify-content: right !important;
    }

    transfer-modify .text_icon.calanderboth input#txt_IN {
        text-align: left !important;
    }

    hotel-result .hotel_description {
        margin-left: 0px !important;
    }

    .text_icon.calanderboth input#txt_IN {
        text-align: left !important;
    }

    div#Amenities .panel-body {
        text-align: left !important;
    }

    .fix-pkgpop .container {
        padding-left: 15px !important;
        padding-right: 0px !important;
    }

    .user-profile-form .nav-tabs li {
        margin-bottom: 27px;
        font-size: 11px;
    }


    .modifysearch.flt_modify .cust_modify_calender .text_icon.calanderboth input#txtAD {
        text-align: left !important;
    }

    .pkg-date {
        font-size: 13px !important;
    }

    .col-md-12.col-sm-12.custpax_col12 {
        padding-bottom: 18px !important;
    }

    div#loginBlock .modify_img {
        padding: 0;
    }

    section#banner #search_control ul li span {
        font-size: 11px;
    }

    .search-icon input, .search-icon select {
        height: 30px;
    }

    div#loginBlock .modify_img h3.Ckeckout_hd {
        font-size: 33px;
    }

    hotel-thankyou .thnk-htl-img > div:last-child {
        padding-left: 0px !important;
    }

    .controllerv sightseeing-search-control .control_tab.tab_ACT {
        padding: 10px 10px 0px 10px !important;
    }

    header .dsktop .dropdown-menu {
        right: 36% !important;
        left: auto !important;
    }

    div#search_control ul.servc_tab li i::after {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 20px solid #19abc2;
        top: 45px;
        left: 22px;
        z-index: -5;
    }

    .controllerv .search-icon input, .search-icon select {
        height: 30px;
    }

    transfer-search .control_tab.tab_TRF {
        padding: 10px 10px 10px 10px !important;
    }

    .topbar .dropdown_menu {
        text-align: center !important;
    }

    hotel-search-control .search_btn {
        width: 100%;
        margin-top: 29px;
    }

    .search-icon > label {
        font-size: 12px !important;
    }

    div#ui-datepicker-div .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }

    .service_control form > div:last-child {
        margin-top: 11px;
    }

    flight-search .col-sm-2.OW_Width {
        max-width: 100%;
        flex: 0 0 100.99999%;
    }

    header.dsktop header.dsktop .dropdown-menu {
        right: 140px;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }

    .ui-datepicker-group.ui-datepicker-group-first {
        padding: 0 !important;
    }

    .ftco-footer .ftco-footer-widget h2 {
        margin-bottom: 0px;
    }

    fix-package-detail .second-detail > h4 {
        display: block !important;
    }

    .flt_dtime, .flt_atime {
        justify-content: center;
        display: grid;
        max-width: 35% !important;
        flex: 0% !important;
    }

    fixpkg-thankyou .gridastable_header .innerbox h3 {
        font-size: 20px;
    }

    star-rating .fa {
        font-size: 15px;
    }

    fix-package-detail .second-detail > h5 {
        font-size: 12px;
    }

    fixpkg-change-flight .row.main_prnt > div .row {
        margin-bottom: 0 !important;
    }

        fixpkg-change-flight .row.main_prnt > div .row > div:first-child {
            display: flex;
            align-items: center;
        }

        fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(2), fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(3), fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(4) {
            width: 33%;
            padding: 14px 5px;
            font-size: 14px;
        }

    fix-package-detail .second-detail > h4 {
        font-size: 17px;
    }

    fixpkg-thankyou .reser-info.reserve-info h3 strong {
        font-size: 20px;
    }

    .modal-backdrop .sesion-expire.text-center.popup {
        width: 360px;
        padding: 29px 10px;
    }

    fix-package-detail .search-Htl-bottom .last-div > a {
        padding: 3px;
        display: block;
        width: 46px;
        border-radius: 3px;
        font-size: 12px;
    }

    fixpkg-detail-flight .row > div:first-child {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    checkout checkout-itinerary-details .htl_chk_dtls > div {
        border-left: none;
        border-top: 1px solid #ccc;
    }

    #checkout_pag ul.paymentMethod.clearfix {
        padding-top: 0;
        flex-direction: column;
    }

    checkout .row.pymnt_bx > div {
        padding-right: 0 !important;
        padding-left: 0;
    }

    checkout .modify_img .modifysearch.flt_modify .selected_box_top span {
        font-size: 14px;
    }

    section#checkout_pag .FaredDetails > h5 {
        padding-top: 16px;
    }

    flight-segment-template .col-sm-12.sm_bt {
        border-bottom: none;
    }

    fixpkg-detail-flight .row > div:nth-child(2), fixpkg-detail-flight .row > div:nth-child(3), fixpkg-detail-flight .row > div:nth-child(4) {
        margin-bottom: 10px;
        width: 33%;
    }

    .row.Departure_frst_row > div:nth-child(2), .row.Departure_frst_row > div:last-child {
        display: flex;
        width: 50% !important;
        /*flex-direction: column;
        padding-right: 0;*/
    }

    flight-details-template .row.Departure_frst_row span {
        font-size: 12px;
    }

    checkout .flit_dtls_chk > div:first-child, .flit_dtls_chk > div:nth-child(2), .flit_dtls_chk > div:last-child {
        max-width: 33%;
        flex: 51%;
    }

    checkout .row.Departure_frst_row.m-0.rev-fli .col-md-3 {
        margin: 4px 0px
    }

    .trvel-child > div {
        display: flex;
        width: 50%;
    }

    hotel-thankyou .pricesummmeryconfirm .htl_psnger_dtls > div:nth-child(even) {
        justify-content: flex-end;
    }

    .trvel-child > div:last-child {
        justify-content: flex-end;
    }

    checkout a.book_now {
        width: 100%;
    }

    checkout checkout-fare-details .row:last-child p span:first-child {
        margin: 5px 0px !important;
    }

    checkout .flight-card {
        padding: 0 5px;
    }

    hotel-thankyou .confirmdetails .row:last-child > div {
        overflow: scroll;
    }

    hotel-thankyou .pricesummmeryconfirm .htl_psnger_dtls > div {
        display: flex;
        width: 50%;
    }

    hotel-thankyou .total-taxes > div {
        width: 50%;
    }

    app-header header.dsktop .dropdown-menu {
        right: 37%;
    }

    hotel-thankyou table table.table.table-bordered.margbottom20 .alert.alert-info {
        overflow: scroll;
        display: block;
        height: 323px;
        width: 100%;
    }

    checkout-itinerary-details .row.Departure_frst_row > div:nth-child(2), .row.Departure_frst_row > div:last-child {
        width: 100%;
    }

    fixpkg-include-flight .flt-seg-desc .row > div:first-child {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        align-items: center;
    }

    fix-package-detail-temp button.btn.btn-primary {
        FLOAT: RIGHT;
        position: initial;
        margin-top: 18px;
        margin-left: 0;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 7px 15px;
        height: 32px;
    }

    fix-package-detail .pkg-slider-container img.pkg-slider-img {
        max-width: 368px;
        width: 100%;
    }

    fix-package-detail-temp .hotel-section button.btn.btn-primary {
        top: 334px;
        right: 19px;
        font-size: 12px;
        padding: 1px 9px;
        position: initial;
        margin-bottom: 14px;
    }

    fixpkg-detail-hotel .hotel-details h3 {
        font-size: 17px;
        margin-bottom: 2px;
    }

    fixpkg-detail-flight img {
        width: 50px;
        margin-right: 7px;
    }

    fix-package-detail .row.pkg-alldet ul.pkg-tabs li a {
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    fix-package-detail .row.pkg-alldet .tabs li {
        display: block;
        padding: 0 0px;
        margin-bottom: 10px;
    }

    fixpkg-detail-hotel .hotel-details {
        padding: 10px 0;
        font-size: 12px;
    }

    flight-segment-template .img_section {
        position: relative;
        top: 30px;
        left: 40px;
    }

    .img_section, .img_section span {
        float: none !important;
        text-align: center;
    }

    fix-package-detail .row.pkg-alldet .tabs li:first-child {
        margin-bottom: 10px;
    }

    fixpkg-include-flight .flt-seg-desc .row > div:nth-child(2), fixpkg-include-flight .flt-seg-desc .row > div:nth-child(3), fixpkg-include-flight .flt-seg-desc .row > div:nth-child(4) {
        margin-bottom: 10px;
        width: 33%;
    }

    fixpkg-detail-hotel .hotel-rooms .row > div:nth-child(3), fixpkg-detail-hotel .hotel-rooms .row > div:last-child {
        padding-left: 47px;
    }

    fixpkg-detail-hotel .hotel-rooms .col-md-1.text-center {
        display: inline-block !important;
        width: 8%;
    }

    fixpkg-detail-hotel .hotel-rooms .row > div:nth-child(2) {
        display: inline-block !important;
        width: 78% !important;
    }

    fixpkg-detail-hotel .hotel-rooms .row > div:last-child {
        text-align: left !important;
    }

    fixpkg-result .fixpkg-result .row > div:last-child {
        display: grid;
        grid-template-columns: repeat(3, 2fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 2px;
        min-width: 299px;
        align-items: flex-end;
        position: relative;
        bottom: 24px;
    }

    fixpkg-result .fixpkg-result .pkg-trip-date {
        text-align: left;
    }

    fixpkg-result .fixpkg-result button.btn.btn-primary.fix_pkj_bkbtn {
        grid-column: 1 / 3;
        margin-bottom: 10px;
    }

    fixpkg-result .col-md-3.text-center button.btn.btn-default {
        margin-bottom: 7px;
    }

    fixpkg-result .fixpkg-result .pkg-title span.pkg-name {
        margin-top: 10px;
        margin-bottom: 1px;
    }

    fix-package-detail .price-summary {
        margin-top: 10px;
        border: 0;
    }

    .flt-seg-desc .flt-name {
        margin-top: 0;
        margin-left: 9px;
    }

    transfer-result .panel.panel-default.filter-panel {
        height: 100vh;
    }

    fix-package-detail > div:first-child {
        padding-top: 26px !important;
    }

    fixpkg-detail-hotel .row.marginextra > div:last-child {
        padding: 0;
    }

    fixpkg-detail-hotel img {
        width: 100%;
        height: 171px;
    }

    header nav#ftco-navbar {
        padding: 0px 0px;
    }

    header ul.main-nav.navbar-nav {
        background-color: #e1a902;
    }

    header .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
        font-size: 17px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 22px;
        padding-right: 22px;
        color: #ffffff;
        font-weight: 500;
        opacity: 1 !important;
        border-bottom: 1px solid;
    }

    button.search_2v {
        padding: 9px 5px;
    }

    section.ftco-section.img.ftco-select-destination {
        padding-top: 48px;
    }

    fixpkg-search button.btn {
        padding: 12px 0px;
    }

    flight-search .col-md-12 {
        padding: 0;
    }

    .control_tab.tab_HTL .text_icon.calanderboth input {
        margin-left: 24px;
    }

    .control_tab.tab_HTL .calanderboth span {
        margin-left: 6px;
    }

    .control_tab.tab_HTL .row div:last-child {
        border: 0;
    }

    flight-search .col-md-12 .row div:nth-child(6) {
        padding: 0;
    }

    .mbl {
        display: block
    }

    .dsktop {
        display: block;
    }

    .activetop {
        color: #006fb3 !important;
    }

    li.nav-item.slid {
        display: none;
    }

    .topbar_content {
        padding: 0;
        flex-direction: column;
        justify-content: center;
    }

    footer .row > div {
        display: block !important;
        margin-top: 6px;
    }

    hotel-search-control .row.service_row > div:last-child label {
        display: none;
    }

    .controllerv hotel-search-control .selected_box_bottom {
        width: 100%;
        max-height: 195px;
    }

    flight-modify .resp_full {
        margin: 0px 2px 5px -2px;
    }

    fixpkg-search .search-control button.btn.btn-primary.okbtn {
        margin-left: 0px !important;
    }

    .controllerv hotel-search-control .service_control {
        padding: 0px 27px 9px;
    }

    section#banner .controllerv {
        padding: 0px 0px 4px;
    }

    div#ftco-nav {
        width: 100%;
    }

    section.tour .tour_bottom {
        font-size: 12px;
    }

    div#ftco-nav ul.main-nav {
        margin-right: 0;
    }

    app-footer .copywrite p {
        font-size: 11px;
        width: 100%;
        text-align: center;
    }

    app-footer .copywrite .dvlp {
        align-items: center;
    }

    .row.advance_search_row {
        margin-bottom: 10px;
    }

    .search_control_section.ddd #search_control {
        margin-top: 12%;
    }

    .searchcontroller {
        bottom: 0;
        position: absolute;
        top: 86px;
        left: 0;
        z-index: 0;
        margin: 0px auto 30px;
        width: 100%;
    }

    app-index section.newss button {
        width: 26%;
        font-size: 16px;
        line-height: 1;
    }

    i.fa.fa-spinner.handler-loading {
        top: 37px;
    }

    .controllerv input[type=text].sugg-x + input[type=hidden] + .sugg-close {
        top: 37px;
    }

    hotel-search-control .row.advance_search_box {
        padding-top: 0;
        margin-bottom: 11px;
    }

    hotel-search-control .row.advance_search_row > div {
        padding: 0;
    }

    hotel-search-control .row.service_row > div:last-child {
        padding-right: 0;
        margin-top: 0;
    }

    hotel-search-control .row.service_row > div:first-child {
        padding-left: 0;
    }

    .controllerv sightseeing-search-control .sightbtn {
        margin-top: 14px;
    }

    flight-search .service_control {
        padding: 8px 41px 15px 41px !important
    }

    section#banner .carousel img {
        min-height: 700px;
        height: 501px;
    }

    hotel-modify-component .selected_box_bottom {
        width: 98%;
        left: 3px;
        top: 35px;
    }

    hotel-temp .hotel_rooms_desc {
        padding: 9px 3px;
        font-size: 13px;
    }

    flight-search .row.service_row > div:first-child {
        padding-left: 0px;
    }

    .controllerv transfer-search .sightbtn {
        margin-top: 0px;
    }

    .controllerv .search_btn {
        width: 100%;
    }

    .controllerv flight-search .row.way_row {
        margin-bottom: 5px;
        padding-left: 0 !important;
    }

    hotel-temp .hotel_rooms_desc span:last-of-type {
        margin-right: 9px;
        font-size: 12px;
    }

    .hotel_rooms_desc span {
        margin-right: 9px;
    }

    .dealsquestion > div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    fixpkg-search .form-section .form-row > div:nth-child(6) {
        order: 7;
    }

    .resp_full.form_brdr {
        border-bottom: none;
    }

    fixpkg-search .clndr input {
        padding-left: 39px !important;
    }

    fixpkg-search i.fa.fa-calendar.form-control-icon {
        left: 42px;
        top: 73px;
    }

    fixpkg-search p {
        margin: 7px 2px;
    }

    .banner_text {
        top: 127px;
        left: -37px;
    }

    fixpkg-search button.btn {
        margin-bottom: 0;
    }

    .ftco-footer {
        margin-top: 24px;
        height: 100% !important;
    }

    .footer-info.row.mb-5 {
        margin-bottom: 0 !important;
    }

    .top-header ul {
        list-style: none;
        float: right;
        display: contents;
        margin: 10px 0 7px 0;
    }

    hotel-search-control .showoff {
        top: -106px;
        margin-top: -5px;
    }

    .topdeal > .dealmsg {
        flex-direction: column;
    }


    .dealmsg > p {
        width: 100% !important;
    }

    hotel-search-control h1.showoff.dealhadding {
        font-size: 25px;
    }

    .top-header ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    flight-result .modifysearch .text_icon input {
        font-size: 13px;
    }

    section#flt_result_page ul.sort-tab li:last-child {
        border-right: 1px solid #c4c1c178;
    }

    .cancl_col-two.allcol .frst-div b {
        font-size: 13px;
    }

    .control_tab .text_icon {
        margin-bottom: 10px;
    }

    .controllerv hotel-search-control select#nationality {
        margin-bottom: 3px;
    }

    .resp_full {
        width: 100% !important;
        margin-bottom: 3px;
    }

    ul.search_tab li a span {
        display: block;
    }

    .bottom-header ul {
        float: initial;
        display: block;
        list-style: none;
    }

    .logo {
        margin: 6px 0 0 0;
    }

        .logo img {
            width: 180px;
        }

    ul.search_tab li a {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 25px !important;
        display: block;
        width: 100%;
    }

    h4.showoff {
        position: absolute;
        top: 3px;
        margin-top: -41px;
        text-align: center;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    span.optionv {
        margin: 0;
    }

    transfer-search .control_tab .text_icon {
        margin-bottom: 0px;
    }

    transfer-search .control_tab.tab_TRF .service_row > div:nth-child(5) {
        margin-top: 2px !important;
    }

    .lefttop {
        width: 70%;
    }

    .owl-buttons {
        right: 0;
    }

    .offerslider .col-md-12 {
        padding: 0;
    }

    .lefttop h3 {
        font-size: 20px;
    }

    .slider-tumb.latest-deals .row > .col-md-12 {
        padding: 0 8px;
    }

    .latest-deals .thumbnail {
        margin: 10px 0;
    }

    footer {
        background-size: cover;
        padding: 9px 0px !important;
    }

        footer .row > div:last-child .row {
            padding: 0 18px;
        }

    .row.popup_btn img {
        width: auto;
    }

    .owl-wrapper .post-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .post-content {
        width: 100%;
    }

    .bottom-header ul li a {
        padding-bottom: 0;
        display: block;
    }

    .closev {
        display: none;
    }

    .bottom-header {
        display: none;
    }

    .openv {
        display: block;
    }

    .row.caribbeans div[class*=col-] {
        padding: 10px;
    }

    .hidden-xs {
        display: none;
    }

    .widthv10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .width40 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .width12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .reverse {
        position: relative;
        top: 0;
        right: -14px;
        z-index: 99;
        background: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 1px solid #ccc;
        cursor: pointer;
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

        .reverse img {
            transform: rotate(90deg);
        }

    .width123 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        ms-flex: 0 0 100% !important;
    }

    div#banner {
        background: url(/assets/FMTB2C/img/hero_bg.jpg);
        height: auto;
        background-position: center;
        background-size: 100%;
        background-size: cover;
        padding-bottom: 15px;
        min-height: 1200px;
        margin-bottom: 40px;
    }

    .slide {
        display: block;
        min-height: 203px !important;
    }

    ul.search_tab li {
        margin: 0px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    .footer-middel img {
        width: 77px;
    }

    .hotel .col-sm-6.col-md-6.col-12 {
        padding: 10px 15px 0px 15px
    }

    hotel-temp .hotel_price {
        padding: 0px 12px 16px 8px;
        text-align: center !important;
    }

    .headlinedetail {
        width: 100%;
    }

    hotel-details .hotel_price {
        padding: 8px 12px 16px 8px;
        text-align: center;
    }

    .room-dtls-heading {
        margin: 13px 0;
    }

    /*    .web-details {
        display: none;
    }*/

    .room-dtls-text {
        margin-left: 0px !important;
        text-align: center;
    }

    .web-details-mobile {
        display: block;
    }

        .web-details-mobile .room-dtls-text {
            text-align: center;
        }

    hotel-details .room-dtls-currecny {
        padding-left: 0 !important;
    }

    hotel-details .book_now.htl_bk {
        padding: 11px 16px;
    }

    hotel-details .morehotels {
        border: 1px solid #d5d5d6;
    }

    .avaragerate {
        background: #eee;
        display: block;
        padding: 10px;
    }

        .avaragerate ul li a {
            background: white;
            border: 1px solid #eee;
            margin: 2px;
            display: -webkit-box;
            padding: 5px 10px;
            border-radius: 7px;
            width: 145px;
        }

        .avaragerate ul li {
            display: inline-block;
        }

    .width20_3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        ms-flex: 0 0 100% !important;
    }

    .waiting-img img {
        width: 88%;
    }

    .waiting_page1 {
        padding-top: 76px;
    }

    .waiting-img {
        margin-bottom: 38px;
    }

    ul.bxslider li {
        width: 100% !important;
    }

    .containerslider #bx-pager {
        width: 100%;
        margin: 0px;
        padding: 14px;
    }

    .bx-wrapper {
        margin-bottom: 15px;
    }

    .activities-detail {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        display: flex;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    ul.amenitiesvs li {
        width: 100%;
    }

    .rightdetail p {
        font-size: 14px;
    }

    .leftdetails {
        display: block;
        margin-bottom: 10px;
    }

    .headofcheck {
        width: 55%;
        text-align: left;
    }

    .headofGuest {
        text-align: left;
    }

    ul.signlogin {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
    }

        ul.signlogin li {
            margin: 0 10px 10px 0;
        }

    .coverstay {
        margin-left: 0;
    }

    .paymenttbn input {
        margin-bottom: 10px;
    }

    .page-title.tophd span {
        display: block;
    }

    .four-boxes {
        min-height: auto;
        margin-bottom: 15px;
    }

    div#carouselnand .owl-nav button.owl-prev {
        margin-left: 78%;
    }

    .shortsv {
        padding: 6px 10px 14px 34px;
        margin-bottom: 10px;
    }

    .htl_departure {
        border-bottom: none !important;
    }

    checkout-fare-details .row > div p {
        margin: 0 !important;
    }

    checkout .rev-fli i {
        margin-right: 0;
        margin-top: 2px;
        margin-bottom: 11px !important;
    }

    .trip_details span.dep_imgg {
        margin: 0;
    }

    checkout-fare-details .row:last-child > div {
        width: 100%;
    }

    checkout-fare-details .row.flightchngee > div:last-child p {
        margin: 0 !important;
    }

    .trip_to, .ft-to {
        text-align: center;
    }

    flight-segment-template .flt-next-day {
        font-size: 9px;
        padding: 3px 7px;
        display: block;
    }

    checkout-fare-details .row > div {
        width: 50%;
    }

    .form_brdr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-left: none;
        border-right: none;
    }

    hotel-result .modify_img {
        padding: 21px 6px;
    }

    .modifysearch .text_icon {
        margin-bottom: 5px;
    }

    flight-result .modify_img {
        padding: 19px 0 !important;
    }

    hotel-result .hotel .row > div:last-child {
        justify-content: center;
        align-items: center;
    }

    .contentflight {
        display: block;
    }

        .contentflight .hotel_center, .contentflight .nonstopcoad {
            width: 100%;
        }

    .contentflight {
        height: initial;
        text-align: center;
    }

    .iconsarrow {
        width: 100%;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .nonstopcoad.text-right {
        text-align: center !important;
    }

    .hotel_logo {
        border-bottom: none;
    }

    .hotel_logo {
        border-bottom: none;
        text-align: center;
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block;
        overflow: hidden;
    }

    div#carouselnand .owl-nav {
        position: absolute;
        top: -150px;
        right: 18px;
    }

    ul.sort-tab li {
        padding: 0 4px;
        width: 50% !important;
        max-width: 50% !important;
        float: initial !important;
        flex: 0 0 50% !important;
    }

    .shortsv p {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
    }

    .pricesummmeryconfirm {
        margin-top: 15px;
    }

    sightseeing-result .sort h6 {
        margin-left: 8px;
    }

    sightseeing-temp .sightseeing .sight-price {
        padding-right: 0 !important;
    }

    sightseeing-temp .sigh_sh_mr {
        text-align: center;
        padding: 10px 17px 0 0px;
        padding-right: 0;
    }
    /*filter */
    .modal-open {
        position: relative;
        transition: background-color .5s;
        overflow: hidden;
    }

        .modal-open::after {
            content: "";
            background: rgba(0, 0, 0, .66);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 99;
        }

    .side-bar.show {
        display: block;
        width: 100%;
        position: fixed;
        height: 100%;
        z-index: 999;
        background: #fff;
        top: 0;
        left: 0;
        padding: 0;
        overflow-y: auto;
        padding-bottom: 0px;
    }

    .sort-section {
        display: block;
    }

    .sort-filter-responsive {
        margin: 5px 15px;
        box-shadow: none !important;
        display: flex;
        justify-content: space-between;
        border: 1px solid #7B2D8E;
        border-radius: 2px;
        background-color: #7B2D8E;
    }

    .srp-filter-header {
        background-color: #7B2D8E;
        display: flex;
        justify-content: space-between;
        padding: 14px 16px;
    }

    .sort-section .sort-icon {
        justify-content: flex-end;
    }

    .filter {
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #7B2D8E;
        border-radius: 2px;
        color: #fff;
        cursor: pointer;
        width: 100%;
    }

        .filter:after {
            width: 8px;
            height: 8px;
            border-bottom: 2px solid #ffffff;
            border-left: 2px solid #ffffff;
            transform: rotate(-137deg);
            display: block;
            content: "";
        }

    .srp-filter-header .header-text {
        color: #fff;
    }

    .srp-page-wrapper .leftsec_filter {
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    .web-filter {
        display: none;
    }
    /*sorting*/
    .responsive-sort-filter {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 999;
        background-color: #fff;
        margin-bottom: 0;
        top: 0;
    }

        .responsive-sort-filter .modify-search-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #7B2D8E;
            padding: 12px 20px;
        }

    .modify-search-header .modify-header-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #fff;
    }

    .modify-search-header .close {
        position: relative;
        top: unset;
        color: #fff;
    }

    .responsive-sort-filter .close::before, .close::after {
        position: absolute;
        left: -5px;
        content: " ";
        height: 12px;
        top: -6px;
        width: 1px;
        background-color: #fff;
    }

    .responsive-sort-filter .close::after {
        transform: rotate(-45deg);
    }

    .responsive-sort-filter ul {
        list-style: none;
        margin: 0;
        padding: 22px 20px;
        overflow: auto;
        height: 100vh;
    }

        .responsive-sort-filter ul li {
            color: #aaa;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            width: 100%;
            margin-bottom: 20px;
        }

            .responsive-sort-filter ul li input[type="radio"] {
                position: absolute;
                visibility: hidden;
            }

            .responsive-sort-filter ul li label {
                display: block;
                position: relative;
                font-weight: 400;
                font-size: 14px;
                z-index: 9;
                cursor: pointer;
                color: #626262;
                width: 100%;
            }

            .responsive-sort-filter ul li .check {
                display: block;
                position: absolute;
                border: 1px solid #d9d9d9;
                border-radius: 100%;
                height: 20px;
                width: 20px;
                top: 0;
                right: 0;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

                .responsive-sort-filter ul li .check::before {
                    display: block;
                    position: absolute;
                    content: "";
                    border-radius: 100%;
                    height: 12px;
                    width: 12px;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    margin: auto;
                    transition: background .25s linear;
                    -webkit-transition: background .25s linear;
                }

    .responsive-sort-filter input[type="radio"]:checked ~ .check {
        border: 1px solid #7B2D8E;
    }

        .responsive-sort-filter input[type="radio"]:checked ~ .check::before {
            background: #7B2D8E;
        }

    sightseeing-result .side-bar .filter-panel {
        background-color: #f9fafb !important;
        border: 1px solid #ddd;
        border-radius: 5px !important;
        height: 100vh;
    }

    hotel-modify-component .search-icon select {
        padding-left: 5px !important;
    }

    .fix-pkgpop .container {
        padding-right: 15px !important;
    }

    .pkg-date {
        font-size: 13px !important;
    }

    fixpkg-result .fixpkg-result span.pkg-name {
        font-size: 14px !important;
    }

    fixpkg-result .fixpkg-result .pkg-includes ul li a img.img-responsive {
        position: relative;
        left: 7px;
    }

    fix-package-detail .row.pkg-alldet .pkg-title h4 {
        font-size: 16px !important;
    }

    .hotel-details h5 {
        font-size: 17px;
        margin-top: 10px;
    }

    fixpkg-change-ssg .row.marginextra .third-cost {
        float: unset !important;
        width: 100% !important;
    }

    fixpkg-change-ssg .row.marginextra .hotel-details {
        width: 100% !!important;
    }

    .bck-11 {
        padding: 6px 0px 0px 9px;
    }

    #checkout_pag div#cancellationPolicy table td b {
        font-size: 10px !important;
    }

    .pymnt_bx {
        padding: 10px 0px !important;
    }

        .pymnt_bx .col-md-2 {
            padding-right: 4px !important;
        }

    /*.pymnt_bx .col-md-3 {
            padding-right: 0px !important;
        }*/

    div#cms {
        margin: 15px 16px !important;
    }

    .dealsquestion {
        flex-direction: column;
        row-gap: 10px;
    }


    .contactboxes .col-md-6.pl-0 {
        padding-right: 0;
    }

    .contactboxes .col-md-6.pr-0 {
        padding-left: 0;
    }

    div#header_signin_tab {
        overflow: hidden;
    }

    .modal-body .modify_img {
        padding: 25px;
    }

    .loggedinfb {
        margin: 40px 0px;
    }

    transfer-result .hotel_img img {
        height: 242px !important;
    }

    #banner > div.container > div > div > div > div.controllerv > transfer-search > form > div > div:nth-child(3) > div:nth-child(3) > div > select {
        width: 85% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > transfer-search > form > div > div:nth-child(3) > div:nth-child(4) > div > select {
        width: 48% !important;
    }

    transfer-search button#btnSubmit {
        margin-top: 11px;
    }

    .col-md-2.travl_rw {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .col-md-2.pickup {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .tbl_MoreOptions button {
        font-size: 11px;
    }

    .tbl_MoreOptions th:nth-child(4) {
        width: 22% !important;
    }

    .tbl_MoreOptions th:nth-child(3) {
        width: 13% !important;
    }

    .tbl_MoreOptions th:nth-child(1) {
        width: 17% !important;
    }

    table.tbl_MoreOptions {
        font-size: 12px;
        margin-top: 23px;
        display: block;
        overflow: auto;
    }

    .row.flthtl_modify .col-sm-2.cust_de {
        margin-top: initial !important;
    }

        .row.flthtl_modify .col-sm-2.cust_de button.search_2v {
            height: 42px !important;
        }

    .travelcarousel img {
        height: initial !important;
    }

    div.category-outer-box div.row > div:nth-child(4) {
        text-align: right;
    }

    .next.next-sight {
        right: 8.5% !important;
    }

    .prevv {
        left: 4px !important;
    }

    .images {
        display: none;
    }

    .hotel.sightseeing {
        padding: 10px !important;
    }

    .row.m-0.Departure > div {
        justify-content: center;
    }

    .row.col-md-12.p-0.passinfores {
        width: 107%;
    }

    .review-flt .row.m-0.Departure.col-md-12 .col-md-5 .col-md-4.underlinebig {
        width: 48%;
    }

    .review-flt .row.m-0.Departure.col-md-12 .col-md-5 .col-md-3 {
        width: 20%;
    }

    #Range > div > div > div > div {
        width: 100% !important;
    }

    .cancl_col-two .frst-div span:nth-child(1) {
        right: 0px !important;
    }

    checkout .row.check-res div {
        padding-right: 5px !important;
        font-size: 13px;
    }

        checkout .row.check-res div a {
            margin-right: 2px;
        }

    checkout .cutomerheading p {
        padding: 2px 3px;
    }

    flight-search .row.way_row span {
        font-size: 12px;
        justify-content: flex-start;
        text-wrap: nowrap;
    }

    .controllerv flight-search .row.way_row input {
        vertical-align: middle;
    }

    div#pack .row.way_row > div {
        padding: 0;
        margin-right: 8px;
        display: flex;
        flex: 40%;
        max-width: 34%;
    }

    checkout checkout-fare-details .pkg-summ div.row {
        flex-wrap: nowrap;
    }

    .row.m-0.Departure {
        border-bottom: 1px solid #d5d5d5;
    }

    .row.pymnt_bx .col-md-3:last-child {
        padding-right: 0;
    }

    h3.names-diff {
        text-align: left;
        padding-top: 2px !important;
    }

    .row.pymnt_bx input, .row.pymnt_bx select {
        margin-bottom: 9px;
    }

    flight-details-pane .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 span {
        padding: 7px;
        margin: 0px 1px;
        font-size: 9px;
    }

    checkout .paxedDetails > div > div > div {
        padding: 0px;
    }

    checkout .trns_panl {
        font-size: 12px;
    }

        checkout .trns_panl > div {
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            padding-left: 0;
        }

            checkout .trns_panl > div span {
                font-weight: bold;
            }

                checkout .trns_panl > div span:last-child {
                    font-weight: 400;
                }

    checkout div#checkk_tranfer input {
        margin-bottom: 10px;
        width: 330px;
    }

    checkout .trns_panl > div strong {
        font-weight: normal;
    }

    .modify_img h3.Ckeckout_hd {
        font-size: 44px;
    }

    .review-flt .flt_logo_img {
        margin-bottom: 11px;
    }

    .flit_dtls_chk {
        padding-bottom: 11px !important;
    }

    hotel-result .cust_htl-modify input {
        font-size: 14px;
    }

    hotel-result .hotel_description {
        padding-top: 0;
    }

    hotel-result .cust_htl-modify .selected_box_top span {
        font-size: 13px !important;
        color: #333 !important;
        font-weight: normal !important;
    }

    hotel-details .hotel_description {
        padding: 17px;
    }

    hotel-details ul.cust_pro, .htl-item {
        width: 100%;
    }

    checkout-itinerary-details h4.booking_heading {
        padding-top: 8px;
    }

    .rev-summ .pkg-summ-details.p-0 div.row, .rev-summ .tot-pkg-pr .col-md-12, .rev-summ .allcost {
        flex-wrap: nowrap;
    }

    .flights.review-flt .bottom_flt_btn1 {
        text-align: center !important;
    }

    .rev-depart .row.col-md-5 {
        flex-wrap: nowrap;
        width: 110%;
    }

    .row.Departure_frst_row.m-0.rev-fli .col-md-3 {
        margin: 13px 0px;
    }

    .hf-info i {
        margin-right: 6px;
    }

    .hf-info div, .hf-info span {
        padding-left: 0px !important;
    }

    .hotel_description.hf-review {
        margin-top: 19px;
    }

    .adult-child .leftdetails {
        justify-content: space-between;
    }

    .adult-child-block select {
        width: 100% !important;
    }

    .adult-child div.col-md-2 {
        margin-left: initial !important;
    }

    input#txt_Discount {
        width: 100%;
    }

    .leftchecktop .col-md-4 p {
        text-align: left !important;
    }

    .col-md-12.male-female {
        max-width: 55% !important;
    }

    checkout .paxedDetails .col-sm-2 select {
        width: 96% !important;
    }

    .social-buttons {
        margin: 7px 5px !important;
    }

    checkout .trip_detaill img {
        margin-right: 5px;
    }

    span.optionv span {
        font-size: 13px;
    }

    .modifysearch.flt_modify span.optionv span {
        font-size: 13px;
    }

    checkout .check-date {
        padding: 0 4px 0px 15px;
    }

    .right_result .optns p {
        border-left: none;
        border-bottom: 1px solid #9068c036;
    }

    flight-modify .selected_box {
        margin-left: 4px;
        margin-right: -3px;
    }

    fixpkg-modify button.btn.btn-primary {
        width: 100%;
    }

    fixpkg-detail-hotel .hotel-details {
        padding: 10px 0;
    }

    fixpkg-detail-hotel div#rooms_0 .col-md-1.text-center {
        text-align: left !important;
        display: flex;
        width: 8%;
    }

    fix-package-detail-temp .pkgDetail-heading {
        font-size: 14px;
        margin-top: 14px;
        padding: 6px;
    }

    fixpkg-detail-hotel div#rooms_0 .row > div:nth-child(2), fixpkg-detail-hotel div#rooms_0 .row > div:nth-child(3), fixpkg-detail-hotel div#rooms_0 .row > div:last-child {
        display: flex;
        width: 90%;
    }

    fixpkg-detail-hotel div#rooms_0 .row > div:nth-child(3), fixpkg-detail-hotel div#rooms_0 .row > div:last-child {
        padding-left: 46px;
    }

    fixpkg-result .fixpkg-result {
        padding: 0px 16px;
    }

    .flt-seg-desc img {
        width: 17%;
    }

    hotel-thankyou button#btn_EmailInvoice {
        width: 100%;
        margin: 0px auto;
        margin-top: 11px;
    }

    .project-destination img {
        width: 100%;
    }

    app-layout #loginBlock .modal-dialog {
        margin: 16px auto 4px auto;
        max-width: 100%;
    }

    div#loginBlock .form-group p.sign_in button {
        padding: 7px 26px;
        margin: 12px 5px;
    }

    .poplr_flght {
        margin-bottom: 130px;
    }

    .project-destination {
        margin: 7px 0px;
    }

        .project-destination img {
            width: 100%;
        }

    div#header_signup_tab p.sign_up button {
        padding: 7px 17px !important;
    }

    .sidenav-content .loggedin .loginopens, div#header_signup_tab {
        width: 100% !important;
        padding: 12px 20px;
        margin-bottom: 32px;
        margin-top: 0;
    }

    .page-nav .user-layout-nav.nav.nav-tabs {
        justify-content: flex-start;
    }

    .loginopens, div#header_signup_tab {
        text-align: left !important;
    }

    .sidenav-content .loginformnew h4 {
        margin-bottom: 14px;
    }

    div#loginBlock .form-group p.sign_in button {
        padding: 6px 17px !important;
    }

    .sidenav-content .loginformnew h5 {
        margin-top: 19px;
        margin-bottom: 9px;
    }

    .flight-section .col-md-10.col-sm-12.fixpkg-detail-flight {
        display: block;
        padding-right: 14px !important;
        margin-right: 9px;
        padding: 16px 14px;
    }

    .bookingrefence p {
        font-size: 15px;
    }

    section#thank_you .confirmationpage {
        margin-top: 20px;
    }

    .bookingrefence .row > div:last-child {
        justify-content: initial;
    }

    .page-body {
        padding: 0px 21px;
    }

    app-auth .form-group.pswrd_sign i {
        bottom: 33px;
        left: 89%;
    }

    sightseeing-temp .hotel_description {
        margin-left: 0;
        padding-top: 0;
    }

    sightseeing-temp .hotel.sightseeing h2.headline {
        display: flex;
    }

    sightseeing-temp .trnsfer_book_row > div {
        padding: 0;
    }

    sightseeing-temp .trnsfer_book_row .table-responsive tr, th, td {
        border: unset !important;
        font-size: 12px !important;
    }

    sightseeing-modify-component .search-icon select {
        font-size: 13px !important;
        color: #000 !important;
        font-weight: normal !important;
        padding: 0 5px !important;
    }

    sightseeing-modify-component .selected_box_top span {
        margin-right: 0;
        font-weight: 400;
        color: #000 !important;
    }

    sightseeing-modify-component .cust_htl-modify .selected_box_top {
        padding-left: 9px;
    }

    sightseeing-modify-component .selected_box_bottom {
        top: 35px;
    }

    .icons-sec {
        width: 120%;
    }

    flight-hotel-result hotel-result > div > div > div.col-sm-3.col-md-3.col-12 {
        margin-top: initial !important;
    }

    flight-hotel-modify-component .flr_htl_modify .calanderboth span {
        left: 51% !important;
    }

    .row.flr_htl_modify {
        padding: 0px 14px !important;
    }

    .checkbox label, .radio label {
        padding-left: initial !important;
    }

    flight-fare-rules td {
        padding: 10px !important;
        font-size: 12px !important;
    }

    .fare-rules td {
        padding: 10px !important;
        font-size: 10px !important;
    }

    .rating.cust_rating .row .col-md-8, .rating.cust_rating .row .col-md-4 {
        max-width: 50%;
    }

    #cust_flt_fltr p input {
        top: 2px !important;
    }

    a.activebeard::after {
        content: none !important;
    }

    a.activebeard {
        border-radius: 0px !important;
    }

    .ft_tim.ft-to, .ft_tim {
        font-size: 14px !important;
    }

    #cust_flt_fltr p input {
        position: relative;
        top: 3px;
    }

    .hotel_price.flight.totaltripamt {
        width: 100% !important;
    }

    .doflex {
        display: block !important;
    }

    .breadcrumb.flat a {
        width: 100% !important;
    }

    .breadcrumb.flat {
        display: grid;
    }

    #flt_result_page > div > div > div.col-sm-9.col-md-9.col-12 > div.right_result > div > div > div:nth-child(5) > div {
        margin-top: 0px;
        margin-bottom: 2px;
    }

    #rooms > hotel-detail-modify > form > div.container-fluid {
        padding-right: 0;
    }

    .htl_reqst.pymnt_bx > div {
        margin-top: 7px;
    }

    hotel-thankyou .confirmdetails > div > div {
        margin: 0px 0px;
    }

    .page-body .user-profile-form span.fa.fa-fw.fa-eye.toggle-password-icon.toggle-password {
        top: 40px;
    }

    #rooms > hotel-detail-modify > form > div > div.row {
        padding-right: 0px;
    }

    button.updatebtn {
        width: 100% !important;
    }

    #hotel_detail .headofcheck {
        text-align: left !important;
    }

    #rooms > hotel-detail-modify > form > div > div > div {
        margin-bottom: 11px;
    }

    .avaragerate {
        overflow: scroll;
    }

    flight-fare-rules > div > div:nth-child(2) > div.alert {
        position: absolute;
        left: -92%;
        width: 186%;
    }

    .row.Departure_second_row .col-md-4 .row div:nth-child(2) {
        position: relative;
        top: -30px;
        left: 30px;
        width: 60%;
    }

    flight-result .sort h6 {
        margin-left: 6px;
    }

    .cust-rating .checkbox .row div {
        width: 50%;
    }

    #banner > div.container > div > div > div > div.controllerv > flight-hotel-search > form > div > div.row.searchdns > div:nth-child(3) > select {
        width: 37% !important;
    }

    #header_signup_tab > div.row > div:nth-child(1), #header_signup_tab > div.row > div:nth-child(2) {
        width: 50%;
    }

    #hotel_detail .hotel_price p {
        text-align: center !important;
    }

    .white-shadow {
        width: 93% !important;
    }

    .canclsn-block {
        width: 100%;
        overflow: scroll;
        margin: 0;
    }

    .modifydetails .leftdetails .headofcheck {
        line-height: 13px;
    }

    .modifydetails a.updatebtn {
        width: 23% !important;
    }

    .modifydetails > div > div > div > div > div:nth-child(5) {
        max-width: 100% !important;
    }

    div.modifydetails div.col-sm-3 {
        padding: 0 !important;
    }

    div.modifydetails div.col-12.col-md-2 {
        max-width: 50%;
        flex: 30%;
        margin-top: 8px;
        padding: 0;
    }

    .containerslider.col-md-12 div.col-6 {
        max-width: 100%;
        flex: 100%;
    }

    .navlabel {
        width: 100%;
    }

    checkout > div > div.d-block.fade.modal.show.zoom-in > div {
        width: 96% !important;
    }

    app-header > div > div.d-block.fade.modal.show.zoom-in > div {
        width: 96% !important;
    }

    .nav-labels {
        display: grid;
        width: 100%;
    }

    .reponsive-navbar-icon {
        display: block !important;
        text-align: right;
    }


    .sort > .row > div {
        max-width: 100%;
        margin-bottom: 1.2px;
    }

    .sort > .row {
        display: block;
    }

    .user-profile-form a, .user-profile-form button.btn-danger {
        padding: 8px 8px !important;
    }

    .user-profile-form label {
        margin-top: 10px;
    }



    div.paxedDetails > div:nth-child(1) > div > div > div > div.col-md-4.col-sm-6 {
        justify-content: left !important;
        margin-top: 14px;
    }

    .col-md-8.htll-cent {
        padding: 0;
    }

    .row.col-md-8.htll-cent p {
        padding-left: 0;
    }

    .row.col-md-8.htll-cent {
        padding-left: 0;
    }

    #Location > div:nth-child(1) > div:nth-child(1) > div > p > ul {
        margin-left: 10px;
    }

    .activities-detail a {
        margin-bottom: 4px !important;
        padding: 3px 4px !important;
        font-size: 15px;
    }

    h3.namedetail star-rating div {
        margin: initial !important;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 30% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 30% !important;
    }

    #cust_one_round > div.col-md-8.col-sm-12.col-xs-12 > div > div:nth-child(1) > div.reverse {
        position: absolute;
        left: -18px;
        top: 35px;
    }

    .searchdn.select-airline {
        width: 50% !important;
    }

    .cust_htl-modify .row > div {
        margin-bottom: 5px;
    }

    hotel-modify-component .search-icon select {
        margin-bottom: 0px;
    }

    p.pergest {
        width: 100% !important;
        right: initial !important;
    }

    p.good, .pergest {
        text-align: center !important;
    }

    #checkout_pag > div > div:nth-child(2) > div.col-md-8.col-sm-8.ng-untouched.ng-pristine.ng-invalid > div.paxedDetails > div.trip-summary > div:nth-child(10) > div > accordion > div > div.accordion-body.ng-hide > div > div > div > div > div:nth-child(1) > p {
        white-space: unset !important;
    }

    .card p {
        white-space: unset !important;
    }

    div.row.back-blue.p-0 > div.row.col-md-6.p-0 > div:nth-child(3) {
        margin-right: 31px;
    }

    .col-md-12.p-0.pri-hei {
        margin-right: 12%;
    }

    .row.back-blue.p-0 {
        flex-wrap: unset;
    }

    .col-md-4.recom-green {
        width: 72% !important;
        right: 11%;
        top: -10px;
    }

    .col-md-3.cancl_col-three {
        flex: 100% !important;
        max-width: 100% !important;
    }

    .cancellationblock.bottom_cancelation {
        align-items: baseline;
    }

    .check-res {
        display: flex;
        flex-direction: column;
    }

    ul.hotelcheck {
        margin-left: 13px;
    }

    #checkout_pag .cust_text {
        padding-right: 15px !important;
    }


    div.leftchecktop > div.row {
        margin: initial;
    }

    .FaredDetails {
        margin: 10px 14px 10px 0px;
    }

    flight-detail-info .flight_popup_body.flight_fare_details .departure span:first-child {
        font-size: 13px;
    }

    flight-detail-info .flight_popup_body.flight_fare_details .departure span:last-child {
        font-size: 13px;
    }

    .flight_departing {
        text-align: center;
    }

    fixpkg-search .search-control .collapse-pax > div .form-group > .row > div:first-child {
        display: block !important;
        width: 100%;
    }

    fixpkg-search .search-control .collapse-pax > div .form-group > .row > div:last-child .row {
        flex-wrap: initial;
    }

    fixpkg-search .search-control .collapse-pax > div .form-group > .row > .clearfix {
        width: 4%;
    }

    fixpkg-search .search-control .collapse-pax > div .form-group > .row > div {
        width: 25%;
    }

    fixpkg-search .collapse-pax {
        right: 0px;
        /*max-height: 385px;*/
        overflow-y: auto;
        overflow-x: hidden;
        /*width: 320px;*/
        width: 100%;
        max-height: 195px;
    }
    flight-search .selected_box_bottom {
        width: 100%;
        max-height: 195px;
    }

    fixpkg-modify .selected_box_bottom {
        right: -16px;
    }

    flight-detail-info .flight_popup_body.flight_fare_details .flight_departing {
        text-align: left;
    }

    fixpkg-search .collapse-pax > div:last-child {
        padding: 0;
    }

    flight-detail-info .flight_popup_body.flight_fare_details {
        position: relative;
    }

        flight-detail-info .flight_popup_body.flight_fare_details .layover {
            position: absolute;
            left: 56%;
            margin-top: -95px;
            font-size: 12px;
        }

    .hotel_price.flight {
        margin-top: initial !important;
    }



    flight-details-template .flt_layover {
        max-width: 60% !important;
        flex: 100% !important;
    }

    span.next-flight-icon {
        top: 36px;
        right: 0px;
    }

    span.previous-flight-icon {
        top: 36px;
        left: -3px;
    }

    .modifysearch.flt_modify .reverse {
        left: 0px;
        top: 33px;
    }


    img .img-responsive {
        width: 100%;
        margin-top: 17px;
    }

    section#thank_you {
        padding-top: 0px !important;
    }

    .mob-reponsive-thank {
        text-align: center;
    }

    .thank-res-mob {
        padding: 0;
        margin-top: 13px;
    }

    .best-price span > img.\/assets\/twb2c\/img-responsive {
        text-align: center;
        display: block;
        width: 136px;
        margin-top: 17px;
        margin: auto;
        margin-top: 12px;
    }

    .best-price .col-md-3.col-sm-3 img {
        width: 220px;
    }

    .best-price .col-md-3.col-sm-3 {
        text-align: center;
    }

    .thank-m-res {
        padding-right: 0px !important
    }

    checkout .hotel_description h1 {
        margin-bottom: 9px;
        margin-top: 10px;
    }

    checkout .cmplt-boking {
        margin-bottom: 13px !important;
    }

    checkout .FaredDetails {
        margin: 5px 0px 34px 0px;
    }

    flight-modify .modifysearch.flt_modify .exchnge {
        margin-left: 0 !important;
        left: 142px;
        top: 18px !important;
        transform: rotate(270deg);
    }

    .flight_img {
        margin-top: 14px;
    }

    .underlinebig {
        padding: 0px !important;
    }

    flight-modify .modifysearch.flt_modify .exchnge i.fa.fa-exchange.exchng-ico {
        padding: 0 !important;
        margin: 4px 6px !important;
    }

    flight-modify .selected_box_bottom {
        width: 100%;
        top: 35px;
    }

    transfer-result .container:first-child {
        padding-top: 25px !important;
    }

    transfer-modify .selected_box_bottom {
        top: 35px;
        width: 98.2%;
    }

    transfer-modify span.optionv {
        margin-bottom: 9px;
    }

    transfer-temp .hotel_price {
        margin-bottom: 13px;
    }

    fixpkg-modify label {
        color: #fff;
    }

    fixpkg-modify .row.service_row > div:first-child {
        padding-left: 4px;
    }

    fixpkg-modify .form-control {
        padding: 0 8px !important;
    }

    fixpkg-result .fix-pkgpop {
        margin-right: -15px;
        margin-left: -15px;
    }

    fixpkg-modify button.btn.text-light {
        background-color: #4cc1af;
        width: 100%;
    }

    fixpkg-modify div#member .collapse-pax div:last-child {
        padding: 0;
    }

    fixpkg-modify .search-control .btn.searc {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    fixpkg-modify .search-bg {
        background-color: #7B2D8E;
        padding: 0px 0px;
    }

    fixpkg-modify .service_row > div:last-child > div {
        padding: 0;
        margin: 0 !important;
        margin-top: 3px !important;
    }

    fixpkg-modify div#member .collapse-pax {
        margin-top: 1px;
        padding: 10px !important;
        width: 100% !important;
    }

        fixpkg-modify div#member .collapse-pax label.clres {
            color: #000;
        }

    fixpkg-modify .collapse-pax .form-group.reti {
        margin: 0 13px;
    }

    .form-group.reti .row > div {
        width: 20px;
        display: table;
    }

        .form-group.reti .row > div:first-child {
            width: 100%;
        }

    fix-package-detail-temp .col-md-12.col-sm-12.custpax_col12 {
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 20px;
    }

    fix-package-detail #tblBreakup {
        margin-bottom: 30px;
    }

    fixpkg-modify div#member .collapse-pax {
        padding: 10px !important;
        width: 100% !important;
        position: absolute;
        z-index: 99;
        top: 35px;
    }

    checkout select.form-control {
        padding: 0 10px !important;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 0;
    }

    .navbar-light .navbar-toggler {
        right: 0;
    }

    .navbar-light .navbar-toggler-icon {
        filter: invert(1);
    }

    .ft_tw h2 {
        display: inline-block;
    }

    .page-link {
        margin-left: -4px;
    }

    hotel-modify-component select#nationality {
        padding: 0 7px !important;
    }

    .cust_htl-modify .selected_box_top {
        padding-left: 12px;
    }
}

@media only screen and (max-width: 576px) {
    transfer-search .control_tab.tab_TRF .row.tripopt > div {
        width: 50%;
    }
    transfer-search .control_tab.tab_TRF .row.tripopt span.optionv.optionv1 input[type="radio"] {
        width: 12px;
        height: 12px;
    }
    section#banner .carousel img {
        min-height: 850px;
        object-fit: cover;
    }
    fixpkg-search .search-bg.m-1.advnce {
        padding-left: 0px;
    }
    fixpkg-search .collapse-pax {
        right: 0px;
        /*max-height: 385px;*/
        overflow-y: auto;
        overflow-x: hidden;
        /*width: 320px;*/
        width: 100%;
        max-height: 195px;
    }
    fixpkg-search .control_tab > .row.service_row > div {
        padding: 0px 15px;
    }
    section.travel-block .destination__destination {
        margin-bottom: 10px;
    }
    flight-search div#flt .exchng {
        margin-top: 0px !important;
    }
    div#HPC1 .box {
        width: 171px !important;
        margin-top: -39px !important;
        margin-left: -6px !important;
    }
    flight-search .sightbtn {
        flex: 0 0 100%;
        width: 100%;
    }
    best-offer h2 {
        font-size: 17px !important;
        line-height: 28px;
    }
    .searchcontroller {
        top: 187px;
    }
    .modal-content {
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
    }
    .showmrebtn{
        position: static;
        color: #000;
        display: flex;
    }
    .showmrebtn i{
        font-size: 24px !important;
    }
    .showmorediv {
        display: flex;
        align-items: end;
        justify-content: center;
        margin-top: 10px;
        gap: 10px;
    }
    a.book_now{
        margin-top: 0px;
    }
    .travl_rw .selected_box .selected_box_bottom {
        width: 98%;
    }
    fixpkg-search .search-control{
        overflow-y: auto;
    }
    p.sign_in{
        flex-wrap: wrap;
    }
    .d-InlineBlock span button {
        font-size: 12px;
        padding: 9px 22px;
    }
    input#inputUsernameEmail::placeholder {
        font-size: 12px
    }
    .forr{
        padding-inline: 6px;
    }
    .sidenav-content {
        padding: 18px 8px 0 !important;
    }
    .rule-list h2{
        font-size: 20px !important;
    }

    fare-canx-rules {
        width: 100%;
        overflow-x: auto;
        display: inline-block;
    }
    .fare-canx-rules {
        overflow-x: auto;
    }

    .fare-canx-rules h2{
        font-size: 14px !important;
    }
    flight-details-pane .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 span{
        white-space: nowrap;
    }
    .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 {
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
    }
}

@media only screen and (min-width:376px) and (max-width:767px) {
    flight-search div#flt .exchng {
        margin-top: 7px !important;
    }    
    h1.showoff.dealhadding {
        font-size: 20px;
    }
}

@media only screen and (min-width:321px) and (max-width:375px) {
}

@media only screen and (max-width:376px) {
    div#HPC1 .box {
        width: 155px !important;
        margin-top: -36px !important;
        margin-left: -13px !important;
    }

    h1.showoff.dealhadding {
        font-size: 20px !important;
    }

    hotel-search-control .search_btn {
        margin-top: 12px;
    }

    app-index section.newss button {
        font-size: 14px;
    }

    .controllerv flight-search #pack .search_btn {
        margin-top: 17px;
    }
}

@media only screen and (max-width:320px) {
    div#HPC1 .box {
        width: 138px !important;
        margin-top: -32px !important;
        margin-left: -20px !important;
    }
    h1.showoff.dealhadding {
        font-size: 20px;
    }
}

@media(max-width:500px) {
    .sidenav {
        width: 100%;
        right: -100%;
    }

        .sidenav.slideLeft-2 {
            width: 100%;
        }
}