@media only screen and (max-width: 767px) {
    hotel-result .custsort select#htl_sort_recommended1 {
        width: 100%;
    }
   
    .loginopens p.sign_in.d-InlineBlock span button {
        padding: 11px 20px;
        font-size: 14px;
    }
    span.navbar-toggler-icon:after {
        content: "";
        display: block;
        border: 1px solid #ffffff;
        box-shadow: 0px 12px 0px 0px currentColor, 0px 6px 0px 0px currentColor;
        margin: 2px 0px;
    }
    div#Range .cust-rating.rating {
        padding: 5px 0px !important;
    }
    .modifysearch.flt_modify .row.tripopt {
        padding-left: 0px;
    }
    hotel-modify-component .calanderboth input:first-child {
        text-align: left;
        padding-left: 11px;
    }
    hotel-result .custsort.htlsrtby {
        padding: 0px 0px 4px 16px !important;
    }
    .transfersss .nation .row > div {
        padding: 0 16px;
    }
    .transfersss .row.tripopt > div {
        padding: 0 0px !important;
        max-width: 43.666667% !important;
    }
    transfer-modify button#btnSubmit {
        margin-top: 13px;
    }
    transfer-result .modal-content {
        margin-top: 235px !important;
    }
    checkout .flight-card a.book_now {
        width: 100% !important;
    }
    checkout .underlinex:after {
        content: "";
        width: 53px;
        display: block;
    }
    .regular-radio:checked:after {
        top: 17px !important;
    }
    p.sign_in {
        margin-left: 0;
    }
    .flt_modify {
        padding: 10px 8px 15px 8px;
    }
    .Hotelsresult .modal-header button.close {
        position: initial !important;
    }
    .Hotelsresult .modal-header .close i.fa.fa-close {
        top: -4px;
    }
        flight-modify span.optionv {
        margin: 0px 0px 0px 3px !important;
        text-wrap: nowrap;
    }
    a.book_now {
        width: auto !important;
    }
        .checkuot-pax {
        padding-right: 14px !important;
    }
    .flit_dtls_chk > div {
        display: flex;
        width: 40%;
        justify-content: flex-start;
        align-items: flex-start;
    }
    section#thank_you  .flt-trp-totl {
        padding: 7px 0px !important;
    }
    thankyou .fli-det-all {
        padding: 0 0px !important;
    }
    .leftchecktop .mob-reponsive-thank {
        padding-left: 16px !important;
    }
        div#Range .cust-rating.rating .checkbox {
            padding: 0;
        }
    .header {
        z-index: 9999;
    }
    #cust_flt_fltr .checkbox .row > div:last-child p input {
        margin: 0px 0px !important;
    }
    header.header {
        padding: 3px 0;
        padding-bottom: 0;
    }
   
    .topbar .dropdown_menu {
        text-align: center;
    }
    header.header .row > div:nth-child(2) {
        background-color: #004688;
        order: 2;
        justify-content: flex-start !important;
    }
    .navbar-nav .nav-link {
        color: #ffffff;
        font-size: 13px;
        padding: 8px 0;
        margin: 0 0px;
    }
    .panel.panel-default.filter-panel .panel-body {
        padding: 0px 5px !important;
    }
    .control_tab label {
        font-size: 13px;
    }
    section#checkout_pag .col-md-3.col-sm-6 {
        padding-right: 15px !important;
    }
   
    ul.filter-options input#chk_cat_0, label {
        margin-left: 13px;
    }
        .hotel-filter div#Ratings .fa {
        margin-right: 5px;
    }
        .panel-body.rating span {
        margin-right: 14px !important;
    }
    #Roomtype span, #Mealtype span, #Landmarks span {
        margin-left: 0px !important;
    }
    hotel-search-control .service_control {
        padding: 12px 27px 12px 27px;
    }
    .controllerv .control_tab input, .controllerv .control_tab select {
        font-size: 13px;
    }
    transfer-search  ul.filter-options input#chk_cat_0, label {
        margin-left: 0;
    }
        .calanderboth input:first-child {
        text-align: left;
    }
   
    .hotel-filter .form-group {
        margin: 0;
    }
    hotel-result .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
        position: initial;
        margin-left: 0;
    }
    .cust_htl-modify .text_icon.calanderboth input#txt_OUT {
        text-align: right;
        padding-right: 11px;
    }
    .banner {
        position: relative;
    }
    .social_linksv {
        margin: 8px 0;
    }
    .social_wrap {
        justify-content: flex-end;
    }
    header.header nav.navbar.navbar-expand-lg {
        margin-bottom: 0;
    }
        header .header .row > div:nth-child(2) {
        background-color: #004688;
    }
    header.header .navbar-toggler {
        background-color: #c01563;
        border: 1px solid #c01563;
    }
    .navbar-brand .img-responsive {
        max-width: 139px;
        width: 140px;
    }
   
    div#ui-datepicker-div .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
   
        .controllerv flight-search #pack .search_btn {
        margin-top: 14px;
    }
    .htl-srch {
        margin-top: 15px;
    }
    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;
        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: 33% !important;
        flex: 0% !important;
    }
    flight-result .modal-dialog.modal-dialog-centered {
        margin: 0;
    }
    flight-result .flt-rsltt {
        padding: 15px;
    }
    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;
    }
    .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 .htl_chk_dtls > div {
        border-left: none !important;
        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 {
        display: flex;
    }
    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: 13px;
    }
    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: #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 {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    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;
        }
   
    .search-icon > label {
        font-size: 13px;
    }
    transfer-search .selected_box_bottom {
        width: 100%;
    }
    .htl-advance-srchh {
        padding: 0;
    }
    .row.advance_search_row {
        margin-bottom: 10px;
    }
    .row.way_row > div {
        max-width: 32% !important;
    }
   
    .search_control_section.ddd  #search_control {
        margin-top: 9%;
    }
    hotel-search-control .service_control {
        height: auto !important;
    }
    .htl-srch .search-icon {
        width: 100%;
    }
    hotel-search-control .htl-srch .search-icon {
        margin-right: 0;
    }
    transfer-search .service_control {
        padding: 12px 11px 24px 11px !important;
    }
    h2.desigm {
        font-size: 26px;
        margin-bottom: 32px;
    }
    #search_control ul li {
        margin: auto;
        width: auto !important;
    }
    section.newss button {
        width: 26%;
    }
    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;
    }
    hotel-search-control  .row.service_row > div:first-child {
        padding-left: 0 ;
    }
    flight-search .service_control {
        padding: 12px 41px 12px 41px;
    }
    section#banner .carousel img {
        min-height: 865px;
        height: 501px;
    }
    .service_control .row.tripopt > div {
        max-width: 47% !important;
        flex: 2;
    }
    flight-search .selected_box_bottom {
        width: 100% !important;
    }
    hotel-modify-component .selected_box_bottom {
        width: 100%;
    }
    .hotel_rooms_desc {
        padding: 9px 7px;
        font-size: 14px;
    }
    flight-search .row.service_row > div:first-child {
        padding-left: 0px;
    }
    flight-search .row.way_row {
        margin-bottom: 0px;
    }
        .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: 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;
    }

    .row.tripopt .col-md-1.col-xs-4 {
        width: 100%;
        flex: 0 0 33.3%;
        color: #f5f5f5;
        margin-bottom: 0px;
        max-width: 33.3%;
    }

  
    .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: #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: 0px 0px 0px 4px !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;
    }

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

    .hotel_price {
        padding: 8px 12px 16px 8px !important;
        text-align: center;
    }
    section#checkout_pag .row:first-child .col-md-3.col-sm-12 {
        display: flex;
        width: 100%;
        padding-right: 15px !important;
    }
    .FaredDetails {
        width: 100%;
    }
    transfer-search .controllerv .control_tab > .row .col-md-1.col-sm-6.col-xs-12 label {
        display: none;
    }
    transfer-search .calanderboth input:first-child {
        text-align: left;
    }
    .bookingrefence .row > div:last-child {
        justify-content: flex-start !important;
    }
    section#checkout_pag .row .col-md-9.col-sm-12 {
        order: 2;
    }
    hotel-details .hotel_price {
        padding: 8px 12px 16px 8px;
    }
        .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: 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 {
        text-wrap: nowrap;
        margin: 0 !important;
        font-size: 13px !important;
    }
    .hotel_description {
        padding-top: 29px;
    }
        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;
        display: flex;
    }
    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 !important    ;
        margin-top: 0px;
    }
    .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;
    }

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

    .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) {
    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: auto;
        display: block;
    }

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

    .col-md-2.travl_rw {
        max-width: 100% !important;
        flex: 100% !important;
    }
    hotel-result .modify_img {
        padding: 14px 0px !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%;
    }
    checkout .underlinex {
        width: auto;
    }
    .review-flt .row.m-0.Departure.col-md-12 .col-md-5 .col-md-3 {
        width: 20%;
        padding: 0;
    }
    .logdv {
        padding: 0 5px;
    }
    checkout .flit_dtls_chk p {
        margin: 0 3px;
    }
    #Range > div > div > div > div {
        width: 100% !important;
    }
    .trip-summary .child-yrs span {
        top: 11px;
        font-size: 14px;
        left: 46px;
        font-weight: 500;
    }
    .rgt-htl-nm {
        padding-left: 17px !important;
        margin-top: 22px;
    }
    .Hotelsresult .modal-dialog.modal-dialog-centered {
        margin-top: 157px !important;
        width: 100% !important;
    }
    flight-result .Hotelsresult .modal-dialog.modal-dialog-centered {
        width: 100% !important;
    }
  
    checkout-itinerary-details .booking_panel {
        margin-top: 21px;
    }
    checkout-itinerary-details .review-flt .flt_logo_img {
        display: flex;
        margin-bottom: 0;
        gap: 29px;
        align-items: center;
    }
    checkout-itinerary-details .flit_dtls_chk > div {
        display: block;
    }
        checkout .row.check-res div {
        padding-right: 5px !important;
        font-size: 13px;
    }
   
    div#pack .row.way_row > div {
        padding: 0;
    }
    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;
    }
    .row.pymnt_bx .col-md-3.child-yrs {
        padding-right: 15px;
    }
    .cancellationblock .frst-div b {
        font-size: 13px;
    }
    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 !important;
        font-size: 10px !important;
    }
    app-user-layout .page-body {
        padding: 0px 14px;
    }
        .review-flt .flt_logo_img {
        margin-bottom: 11px;
    }
    .flit_dtls_chk {
        padding-bottom: 11px !important;
    }
    h4.booking_heading {
        margin-bottom: 7px;
    }
    .rev-summ .pkg-summ-details.p-0 div.row, .rev-summ .tot-pkg-pr .col-md-12, .rev-summ .allcost {
        flex-wrap: nowrap;
    }
    .cabn {
        text-align: center;
    }
    .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: 5px 0px;
    }
    .baggage-style span {
        font-size: 12px;
    }
    .hf-info i {
        margin-right: 6px;
    }
    checkout .rev-fli a.btn.btn-primary {
        line-height: 1.6;
        font-size: 14px;
        padding: 4px;
    }
    .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%;
    }
    .dep_img {
        padding: 5px 6px 6px 2px !important;
    }
    .col-sm-12.sm_bt {
        border-bottom: none !important;
    }
        .sort {
        margin: 10px 14px;
        padding: 8px;
    }
    .temrconpricy {
     
        padding: 0px 17px;
    }
    .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;
        color: #000000;
    }
    .modifysearch.flt_modify span.optionv span {
        font-size: 13px;
    }
    checkout .check-date {
        padding: 0 15px;
    }
    .right_result .optns p {
        border-left: none;
        border-radius: 0 !important;
        border-bottom: 1px solid #9068c036;
        border: 1px solid #9068c036;
    }
    table#cust_poopup tbody tr:nth-child(2) td table, td, th {
        font-size: 11px !important;
    }
    .cancellationblock span {
        font-size: 13px !important;
    }
        .mroptn-tble {
        width: 100%;
        overflow: auto;
    }
        .right_result ul.sort-tab li svg {
        left: 5px;
        top: 14px;
    }
    .shortsv {
        padding: 12px 10px 8px 24px !important;
    }
    .optns.activesort p {
        background-color: #c01563;
        color: #fff;
    }
    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: 91%;
        margin: 0px auto;
        margin-top: 11px;
    }
    .bookingrefence h2 {
        font-size: 17px;
    }
    .project-destination img {
        width: 100%;
    }
    #loginBlock .modal-dialog {
        max-width: 100% !important;
        margin: 188px auto 11px auto !important;
    }
    div#loginBlock .form-group p.sign_in button {   
        padding: 11px 11px;
    }
    .sidenav-content .loggedin {
        padding: 0 4px;
    }
    .sidenav-content .forgot-pass {
        padding: 0px 4px;
    }
    .sesion-expire.text-center.htl-view {
        width: 100% !important;
        height: 400px;
    }
        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;
    }
    section#thank_you .confirmationpage {
        margin-top: 20px;
    }
    .icons-sec {
        width: 120%;
    }
    
    section#thank_you {
        padding-top: 8px;
    }
        .confirmationpage .htl-thnk-rit {
        max-height: 100%;
        height: auto;
        display: flex;
    }
    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: 0px !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;
        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 > h6 {
        position: relative;
        top: -8px;
        left: -19px;
    }

    .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 {
        padding: 3px 3px !important;
        font-size: 13px;
        margin: 0 5px 0 0 !important;
        margin-bottom: -9px !important;
    }
    .headlinedetail span {
        font-size: 18px;
    }
    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;
    }


    .FaredDetails {
        margin: 10px 14px 10px 0px;
    }
    .flight_popup_body.flight_fare_details .departure span:first-child {
        font-size: 12px;
    }
    .departure span:nth-child(2) {
        font-size: 13px;
    }
    section#thank_you {
        padding-top: 0px;
        padding-bottom: 0 !important;
    }
    .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: -25px;
        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 {
            position: absolute;
            left: 27%;
            margin-top: -111px;
        }
    }
    .hotel_price.flight {
        margin-top: initial !important;
    }

    

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

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

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


@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:376px) and (max-width:767px) {

   

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

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

}

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

    @media only screen and (max-width:320px) {


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