@media only screen and (max-width: 767px) {
    header.mbl {
        border-bottom: 1.5px solid var(--color2);
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }
    .ftco-footer .ftco-footer-widget h2 {
        margin-bottom: 0px;
    }
        fix-package-detail .second-detail > h4 {
        display: block !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;
    }
    ul.cust_pro {
        padding: 0;
        align-items: center;
        justify-content: start;
        width: 100%;
    }
    hotel_description cust_htl_description{
        text-align: center;
    }
    fixpkg-thankyou .reser-info.reserve-info h3 strong {
        font-size: 20px;
    }
    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;
        gap: 10px;
    }
    checkout .htl_chk_dtls > div {
        border-left: none;
        border-top: 1px solid #ccc;
    }
    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 {
        width: 50%;
    }
    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: 343px;
        right: 27px;
    }
    fix-package-detail .row.pkg-alldet ul.pkg-tabs li a {
        font-size: 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%;
    }
    header nav#ftco-navbar {
        padding: 0px 0px;
    }
    header ul.main-nav.navbar-nav {
        background-color: var(--color);
    }
    hotel-search-control .form_brdr {
        margin: 2px 0px 5px 0px;
    }
    header .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
        font-size: 13px;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 22px;
        padding-right: 22px;
        color: var(--textclr1);
        font-weight: 600;
        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;
    }
    .text_icon.calanderboth .icon {
        top: 30px;
    }
    .control_tab.tab_HTL .row div:last-child {
        border: 0;
        padding: 0px 10px 0px 15px;
    }
        flight-search .col-md-12 .row div:nth-child(6) {
            padding: 0;
        }
    .mbl {
        display: block
    }
    .dsktop{display:none;}
    .activetop {
        color: var(--textclr1) !important;
    }
    fixpkg-search .search-control button.btn.btn-primary.okbtn {
        margin-left: 0px !important;
    }
    div#ftco-nav {
        width: 100%;
    }
        div#ftco-nav ul.main-nav {
            margin-right: 0;
        }
    .searchcontroller {
        bottom: 0;
        top: 190px;
        left: 0;
        z-index:0;
        margin: 0px auto 30px;
        width: 100%;
    }
    hotel-modify-component .selected_box_bottom {
        width: 316px;
    }
    .hotel_rooms_desc {
        padding: 5px 0px;
        font-size: 14px;
        text-align: start;
    }
        .hotel_rooms_desc span:last-of-type {
            font-size: 14px;
        }
    .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: 22px !important;
    }
    fixpkg-search i.fa.fa-calendar.form-control-icon {
        left: 18px;
        top: 38px;
    }
    fixpkg-search p {
        margin: 7px 2px;
    }
    .banner_text {
        margin-left: 15px;
        top: 100px;
        left: 0px;
    }
    fixpkg-search button.btn {
        margin-bottom: 0;
    }
    .ftco-footer {
        margin-top: 24px;
        height: 100% !important;
        z-index: -1;
    }
    #thank_you .leftchecktop .book_now {
        margin-bottom: 5px;
    }
    .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;
    }
    .control_tab .text_icon {
        margin-bottom: 5px;
    }

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

    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: var(--textclr1);
        font-size: 13px;
        font-weight: 500;
        padding: 7px 15px !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: var(--textclr1);
    }

    span.optionv {
        margin: 5px 12px 5px 0;
    }

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

    .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 {
        height: auto;
        background-position: center;
        padding-bottom: 15px;
        min-height: 850px;
    }

    .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: 15px;
    }

    .hotel_price {
        padding: 8px 12px 16px 59px;
        text-align: center;
    }
    hotel-temp .hotel_price {
        text-align: center;
    }
    hotel-temp .hotel_description {
        border-bottom: 1px solid #999999;
        border-right: none;
    }
    .topdn {
    margin-top: 83px;
}
    .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;
    }

    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: flex;
        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;
    }
    .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;
    }
    .flt-next-day {
        font-size: 8px;
        padding: 2px 8px;
    }
    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;
    }
    .modify_img {
        padding: 21px 6px;
    }
    .modifysearch .text_icon {
        margin-bottom: 15px;
    }

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

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

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 975px;
        margin: 1.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;
    }
}


@media only screen and (max-width:767px) {
    checkout .hotel_description .htl_chk_dtls > div:nth-child(3) > div {
        display: inline-flex;
        gap: 11px;
    }
    checkout .hotel_description .htl_chk_dtls > div:nth-child(2) > div {
        display: inline-flex;
        gap: 22px;
    }
    hotel-temp .hotel_price.cust_price_htl p.pergest {
    text-align: center;
    }
    hotel-details .hotel_price.htl_dtl_pric p{
        text-align: center !important;
    }
    checkout .hotel_description .htl_chk_dtls > div:nth-child(2) > div span.alignment_V, checkout .hotel_description .htl_chk_dtls > div:nth-child(3) > div span.alignment_V {
        padding-top: 5px;
    }
    hotel-thankyou .confirmdetails .htl-det-all > div > div:nth-child(2) {
        width: 46%;
    }
    hotel-thankyou .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(5) > div:last-child {
        width: 100%;
    }
/*    hotel-thankyou .confirmdetails .htl-det-all > div > div:nth-child(1) {
        width: 54%;
    }*/
    hotel-thankyou .confirmdetails{
        padding: 0;
        border: none;
    hotel-thankyou .confirmboder > div:nth-child(2) > div:nth-child(2) > .pricesummmeryconfirm.FaredDetails {
        margin-right: 0px;
    }
    hotel-thankyou .confirmboder > div:nth-child(2) > div:nth-child(2) {
        padding-left: 15px !important;
    }
    .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div {
        padding-left: 0px;
    }
    .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(2) > div, .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(3) > div, .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(2) > div, .pricesummmeryconfirm.FaredDetails > div:nth-child(2) > div:nth-child(5) > div {
        width: 50%;
    }
    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;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(3) > div:last-child {
        padding: 0px 0px;
    }
    .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;
    }

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

    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;
    }
    .row.pymnt_bx input, .row.pymnt_bx select {
        margin-bottom: 9px;
    }
    .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 span {
        padding: 7px;
        margin: 0px 2px;
        font-size: 10px;
    }
        .review-flt .flt_logo_img {
        margin-bottom: 11px;
    }
    .flit_dtls_chk {
        padding-bottom: 11px !important;
    }
    h4.booking_heading {
        padding-top: 37px;
        font-size: 21px;
    }
    .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: 96%;
    }

    .leftchecktop .col-md-4 p {
        text-align: start !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;
        color: var(--textclr2);
    }
    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-result .fixpkg-result {
        padding: 0px 16px;
    }
    .flt-seg-desc img {
        width: 17%;
    }
        hotel-thankyou button#btn_EmailInvoice {
        width: 91%;
        margin: 0px auto;
        margin-top: 11px;
    }
    .bookingrefence h2 {
        font-size: 17px;
    }
    .project-destination img {
        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 25px;
        margin-top: 1rem;
        font-size: 15px;
        margin-right: 7px;
    }
    
    .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: 16px;
    }
    .icons-sec {
        width: 120%;
    }
    #thank_you {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    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;
    }
    .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;
    }



    .user-profile-form a, .user-profile-form button.btn-danger {
        margin-top: 21px;
    }

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

    #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%;
    }

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

    .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: 5px 7px !important;
    }

    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: 10px;
    }

    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 {
        flex: 100%;
        max-width: 100% !important;
        float: right;
    }

    .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: 15px 15px 15px 0px;
    }
    .bookingrefence .row > div:last-child {
        justify-content: left;
    }
    .flight_popup_body.flight_fare_details .departure span:first-child {
        font-size: 15px;
    }

    .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: 33%;
    }
    fixpkg-search .collapse-pax {
        max-height: 395px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    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 {
            font-size: 13px;
            font-weight: 500;
        }
    checkout-itinerary-details .hotel_description {
        margin-top: 10px;
        text-align: center;
    }
    }
    table.flt_slid {
        display: none;
    }

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

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

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

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


@media only screen and (min-width:768px) and (max-width:1024px) {
    div#cms {
        margin: 15px 16px !important;
    }

    .col-md-4.loggedinfb img {
        width: 100%;
    }

    .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 (min-width:319px) and (max-width:767px) {
    div#loginBlock .loggedin {
        padding-right: 15px;
        margin-bottom: 15px;
    }
    div#header_signup_tab {
        border-top: 1.5px dotted #80808094;
        border-left: none;
    }
    div#header_forgotpassword_tab > form > div:nth-child(1) > div:nth-child(3) > div {
        width: 50%;
    }
    div#header_forgotpassword_tab > form > div:nth-child(1) > div:nth-child(3) {
        text-align: left;
    }
    .ngerror {
        padding-left: 0px !important;
    }
    .ngerror > div {
        padding-left: 0px !important;
    }
    div#header_signin_tab h4, div#header_signup_tab h4 {
        margin-bottom: 12px;
    }
    .loginopens, div#header_signup_tab {
        padding: 15px 15px 0px 4px;
    }
    div#header_signin_tab .signeddup {
        padding-left: 0px;
        padding-right: 0px;
    }
    #loginBlock .modal-dialog {
        max-width: 96%;
    }
    div#header_signin_tab {
        overflow: scroll;
        display: block;
        height: 460px;
        padding: 0px;
    }
    fixpkg-result .fixpkg-result > div:nth-child(1) > div:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #999999;
    }
    checkout .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 span {
        font-size: 12px;
        display: block;
        margin-bottom: 5px;
    }
    fixpkg-thankyou .reser-info.reserve-info > div:nth-child(4) > div {
        width: 56%;
        display: inline-block;
    }
    checkout-itinerary-details .row.m-0.Departure {
        margin-bottom: 5px !important;
    }
    checkout-itinerary-details > div:nth-child(1) > .booking_panel > h4.booking_heading {
        padding-top: 0px;
    }
    checkout-itinerary-details > div:nth-child(1) > div:nth-child(1) {
        padding-bottom: 0px;
    }
    checkout-itinerary-details span.dep_img {
        margin-top: 10px;
    }
    fixpkg-detail-hotel div.hotel-rooms {
        width: auto;
    }

    fixpkg-detail-hotel div#rooms_0 .row > div:nth-child(2) {
        width: 45%;
        padding-left: 3px;
    }
    fix-package-detail .search-Htl-bottom {
        display: block;
        overflow: auto;
    }
    fix-package-detail .third-cost > div > a {
        padding-top: 12px;
    }
    fix-package-detail fixpkg-change-hotelm .search-Htl-bottom .first-img {
        width: 50%;
    }
    fix-package-detail .search-Htl-bottom .second-detail {
        width: 100%;
    }
    fix-package-detail .search-Htl-bottom .last-div > a {
        width: 50%;
        height: 33px;
        padding: 7px;
        margin-bottom: 10px;
    }
    fix-package-detail .search-Htl-bottom .third-cost {
        width: 100%;
        text-align: center;
    }
    fixpkg-detail-hotel div#rooms_0 .row > div:nth-child(3) {
        padding-left: 0px;
        width: 44%;
    }
    fixpkg-detail-hotel div#rooms_0 .row > div:last-child {
        text-align: left !important;
        width: 40%;
    }
    flight-result .right_result .sort .optns p {
        border-left: none;
        border-bottom: 1.5px solid var(--color);
    }

    flight-result .right_result, flight-result .leftsec_filter {
        margin-top: 10px;
    }
    .sesion-expire.text-center.popup {
        width: 96%;
    }
    fixpkg-result .fixpkg-result {
        margin-top: 15px;
        padding-bottom: 15px;
    }
    fixpkg-result .fixpkg-result > div:nth-child(1) > div:nth-child(3) button.btn.btn-default.fix_pkj_przbtn.mt-4 {
        width: 55%;
    }
    fixpkg-result .fixpkg-result > div:nth-child(1) > div:nth-child(3) button.btn.btn-primary.fix_pkj_bkbtn {
        width: 46%;
    }
    flight-details-template .flt_layover {
        max-width: 60% !important;
        flex: 100% !important;
    }
    fixpkg-result .fixpkg-result img.pkg-image {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    fixpkg-result .fixpkg-result > div:nth-child(1) > div:nth-child(3) {
        right: 0px;
        text-align: center;
        top: 0px;
    }
    flight-modify .modifysearch .calanderboth input:first-child {
        text-align: left;
    }
    flight-segment-template > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(1), flight-segment-template > div > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) {
        width: 100% !important;
        flex: 0 0 100% !important;
        text-align: center !important;
    }
    flight-segment-template > div > div:nth-child(1) > div:nth-child(4) {
        margin-bottom: 7px !important;
    }
    flight-modify .modifysearch.flt_modify > div:nth-child(1) > div {
        width: 38%;
        margin-bottom: 7px;
        padding-left: 7px;
    }
    flight-result-template .hotel_price.flight {
        margin-bottom: 15px;
        margin-top: 20px;
        text-align: center;
    }
        flight-result-template .hotel_price.flight a.book_now {
            width: 60%;
        }
    flight-details-template > div:nth-child(1) > div > div > div:nth-child(1) {
        margin-bottom: 10px;
    }
    flight-details-template > div:nth-child(1) > div > div > div:nth-child(2), flight-details-template > div:nth-child(1) > div > div > div:nth-child(3) {
        margin-bottom: 10px;
    }
    flight-segment-template > div > div:nth-child(1) > .flt_layover {
        flex: 0 0 90% !important;
        max-width: 100% !important;
        margin: auto;
    }
    flight-segment-template > div > div:nth-child(1) > div:nth-child(1) {
        height: 70px;
        max-width: 100%;
        padding-right: 15px;
    }
    hotel-details section#hotel_detail > div > div > div:nth-child(1) > div > h3.namedetail {
        font-size: 17px;
    }
    flight-result div#cust_flt_fltr a {
        right: 25px;
    }
    hotel-details div#hotelOverview .lftdetal > h3 {
        font-size: 17px;
    }
    flight-result div#cust_flt_fltr > div > div:nth-child(2) .cust-rating .checkbox > div > div:nth-child(1) {
        width: 72%;
    }
    flight-result div#cust_flt_fltr > div > div:nth-child(2) .cust-rating .checkbox > div > div:nth-child(2) {
        width: 28%;
    }
    #cust_flt_fltr p input[type=checkbox] {
        vertical-align: middle;
        position: relative;
        top: 0px !important;
    }
    hotel-details section#hotel_detail > div > div > div:nth-child(1) > div > p {
        font-size: 14px;
    }
    hotel-details div#hotelOverview .lftdetal h4 {
        font-size: 14px;
    }
    hotel-details section#hotel_detail .row.detailmealfilter {
        margin: 10px 0px;
    }
    hotel-details section#hotel_detail .row.detailmealfilter select {
        margin-bottom: 10px;
        font-size: 12px;
    }
    hotel-details .hotel_price.htl_dtl_pric {
        padding-left: 12px;
        text-align: center;
    }
    flight-result #flt_result_page > div > div > div:nth-child(1) {
        padding-right: 15px;
    }
    hotel-details section#hotel_detail .row.detailmealfilter h6.panel-title {
        margin-bottom: 5px;
        font-size: 14px;
    }

    fixpkg-search .search-control .search-bg > div > div > div:nth-child(5) div#member .collapse-pax button {
        margin: 5px auto;
        height: 40px;
        width: 100%;
        padding: 0;
    }
    fixpkg-search .collapse-pax {
        max-height: 395px;
        overflow-y: auto;
        overflow-x: auto;
        max-width: 300px;
    }
    fixpkg-search .search-control .search-bg > div > div > div:nth-child(7) > div:nth-child(1) {
        padding: 0px;
    }
    fixpkg-search .search-control .search-bg > div > div > div:nth-child(7) > div:nth-child(2) {
        padding: 0px;
    }
        fixpkg-search .search-control .search-bg > div > div > div:nth-child(7) > div:nth-child(2) > div > div > div:nth-child(1) {
            padding: 0px !important;
        }
    fixpkg-search .form-section .form-row > div:nth-child(6) > button.btn {
        padding: 0px;
        margin: 5px auto;
        height: 40px;
        width: 100%;
    }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1) i.fa.fa-flag {
        top: 37px;
        left: 4px;
    }


    fixpkg-search .search-control {
        padding: 10px 10px 15px 10px;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(3) > div > div {
        padding: 0px;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(4) > div:nth-child(1) {
        padding: 0px;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(3) > div > div:nth-child(7) > div {
        padding-left: 3px !important;
    }
    footer.ftco-footer.bg-bottom > div > div > div:nth-child(1) {
        text-align: left;
        padding-left: 0px;
    }
    footer.ftco-footer.bg-bottom > div > div > div:nth-child(1) img.img-responsive {
        width: 34%;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom label {
        font-size: 11px;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom .plus_minus_box {
        margin: 2px 0px;
    }
    fixpkg-search .search-control .search-bg > div > div > div {
        padding: 0px 10px 0px 15px !important;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div > div:nth-child(1) > .selected_box_bottom label {
        font-size: 12px;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div > div:nth-child(1) > .selected_box_bottom .plus_minus_box input {
        font-size: 12px !important;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div > div:nth-child(1) > .selected_box_bottom .plus_minus_box {
        margin: 2px 0px;
    }
    flight-search .row.tripopt > div {
        flex: 0 0 30%;
    }
    flight-search .control_tab.tab_AIR {
        padding-bottom: 15px;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div > div:nth-child(1) {
        padding: 0px 10px 0px 15px;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div > div:nth-child(1) > .selected_box_top.search-trav > span.ser-traveler {
        margin-left: 0px;
    }
    flight-search .control_tab.tab_AIR > div > div > div:nth-child(1) > div:nth-child(6) > button#btnSearch {
        padding: 0px;
        margin: 5px auto;
        height: 40px;
        width: 93%;
    }
    hotel-search-control .control_tab.tab_HTL {
        padding-bottom: 15px;
    }
    .ui-datepicker-group.ui-datepicker-group-first {
        border-bottom: 1px dashed var(--color2);
        border-right: none;
    }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(1) > div:nth-child(5) > div:nth-child(1) > div:nth-child(2) {
        padding: 0px;
    }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1), hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) {
        padding: 0px;
    }
        hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) > div:nth-child(2) > i.fa.fa-building {
            top: 42px;
            left: 5px;
        }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1) > div:nth-child(2), hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) > div:nth-child(2) {
        padding: 0px;
    }
    hotel-search-control button.search_2v {
        padding: 0px;
        margin: 5px auto;
        height: 40px;
        width: 100%;
    }
    div#ui-datepicker-div {
        width: 300px !important;
    }
    hotel-search-control i.fa.fa-moon-o {
        top: 42px;
    }
    .control_tab label {
        font-size: 14px;
    }
    hotel-search-control .control_tab input, hotel-search-control .control_tab select {
        margin: 0px;
        font-size: 13px !important;
    }
   

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

@media only screen and (min-width:319px) and (max-width:376px) {
    flight-search .row.tripopt > div {
        flex: 0 0 40%;
    }
    hotel-search-control i.fa.fa-moon-o {
        top: 42px;
    }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(1) > div:nth-child(5) > div:nth-child(1) > div:nth-child(2) {
        padding: 0px;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(4) > div:nth-child(1) {
        padding: 0px;
    }
    hotel-search-control button.search_2v {
        padding: 0px;
        margin: 5px auto;
        height: 40px;
        width: 100%;
    }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(3) > div > div {
        padding: 0px;
    }
        hotel-search-control .control_tab.tab_HTL .selected_box_bottom > div:nth-child(3) > div > div:nth-child(7) > div {
            padding-left: 3px !important;
        }
    hotel-search-control .control_tab.tab_HTL .selected_box_bottom .plus_minus_box {
        margin: 2px 0px;
    }
    hotel-search-control .control_tab input, hotel-search-control .control_tab select {
        margin: 0px;
        font-size: 13px !important;
    }
    hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1), hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) {
        padding: 0px;
    }
        hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1) > div:nth-child(2), hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) > div:nth-child(2) {
            padding: 0px;
        }
        hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(1) i.fa.fa-flag {
            top: 37px;
            left: 4px;
        }
        hotel-search-control .control_tab.tab_HTL > div:nth-child(3) > div > div > div:nth-child(2) > div:nth-child(2) > i.fa.fa-building {
            top: 42px;
            left: 5px;
        }
}

@media only screen and (max-width:376px) {
    h1.showoff.dealhadding {
        font-size: 20px !important;
    }
}

    @media only screen and (max-width:321px) {
        flight-modify .modifysearch.flt_modify > div:nth-child(1) > div {
            width: 50%;
        }
        fixpkg-search .collapse-pax {
            max-width: 265px;
        }
        flight-search .row.tripopt > div {
            flex: 0 0 50%;
        }

        hotel-modify-component {
            position: absolute;
            top: -1704px;
            margin-right: 18px;
        }

        hotel-result div.container div.row div.col-sm-3.col-md-3.col-12 {
            margin-top: 72%;
        }

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