@media only screen and (max-width: 767px) {
    section#banner #search_control ul li {
        width: 24%;
        padding: 0;
    }
    div#loginBlock .modify_img {
        padding: 0;
    }
        section#banner #search_control ul li span {
            font-size: 11px;
        }
    .search-icon input, .search-icon select {
        height: 30px;
    }
    div#loginBlock .modify_img h3.Ckeckout_hd {
        font-size: 33px;
    }
    hotel-thankyou .thnk-htl-img > div:last-child {
        padding-left: 0px !important;
    }
    .controllerv sightseeing-search-control .control_tab.tab_ACT {
        padding: 10px 10px 0px 10px !important;
    }
            header .dsktop .dropdown-menu {
        right: 36% !important;
        left: auto !important;
    }
    div#search_control ul.servc_tab li i::after {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 20px solid #19abc2;
        top: 45px;
        left: 22px;
        z-index: -5;
    }
    .controllerv .search-icon input, .search-icon select {
        height: 30px;
    }
    transfer-search .control_tab.tab_TRF {
        padding: 10px 10px 10px 10px !important;
    }
    .topbar .dropdown_menu {
        text-align: center !important;
    }
    hotel-search-control .search_btn {
        width: 100%;
        margin-top: 29px;
    }
    .search-icon > label {
        font-size: 12px !important;
    }
    div#ui-datepicker-div .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }
    .service_control form > div:last-child {
        margin-top: 11px;
    }
    .controllerv flight-search #pack .search_btn {
        margin-top: 29px;
        width: 100%;
    }
    flight-search .col-sm-2.OW_Width {
        max-width: 100%;
        flex: 0 0 100.99999%;
    }
    header.dsktop header.dsktop .dropdown-menu {
        right: 140px;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
    .ui-datepicker-group.ui-datepicker-group-first {
        padding: 0 !important;
    }
    .ftco-footer .ftco-footer-widget h2 {
        margin-bottom: 0px;
    }
        fix-package-detail .second-detail > h4 {
        display: block !important;
    }
    .flt_dtime, .flt_atime {
        justify-content: center;
        display: grid;
        max-width: 35% !important;
        flex: 0% !important;
    }
    fixpkg-thankyou .gridastable_header .innerbox h3 {
        font-size: 20px;
    }
    star-rating .fa {
        font-size: 15px;
    }
    fix-package-detail .second-detail > h5 {
        font-size: 12px;
    }
    fixpkg-change-flight .row.main_prnt > div .row {
        margin-bottom: 0 !important;
    }
    fixpkg-change-flight .row.main_prnt > div .row > div:first-child {
        display: flex;
        align-items: center;
    }

    fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(2), fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(3), fixpkg-change-flight .row.main_prnt > div .row > div:nth-child(4) {
       
        width: 33%;
        padding: 14px 5px;
        font-size: 14px;
    }
    fix-package-detail .second-detail > h4 {
        font-size: 17px;
    }
        fixpkg-thankyou .reser-info.reserve-info h3 strong {
        font-size: 20px;
    }
    .modal-backdrop .sesion-expire.text-center.popup {
        width: 360px;
        padding: 29px 10px;
    }
   
    fix-package-detail .search-Htl-bottom .last-div > a {
        padding: 3px;
        display: block;
        width: 46px;
        border-radius: 3px;
        font-size: 12px;
    }
    fixpkg-detail-flight .row > div:first-child {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    checkout checkout-itinerary-details .htl_chk_dtls > div {
        border-left: none;
        border-top: 1px solid #ccc;
    }
    checkout .modify_img .modifysearch.flt_modify .selected_box_top span {
        font-size: 14px;
    }
    section#checkout_pag .FaredDetails > h5 {
        padding-top: 16px;
    }
    flight-segment-template .col-sm-12.sm_bt {
        border-bottom: none;
    }
    fixpkg-detail-flight .row > div:nth-child(2), fixpkg-detail-flight .row > div:nth-child(3), fixpkg-detail-flight .row > div:nth-child(4) {
        margin-bottom: 10px;
        width: 33%;
    }
    .row.Departure_frst_row > div:nth-child(2), .row.Departure_frst_row > div:last-child {
        display: flex;
        width: 50% !important;
        /*flex-direction: column;
        padding-right: 0;*/
    }
    flight-details-template .row.Departure_frst_row span {
        font-size: 12px;
    }
    checkout .flit_dtls_chk > div:first-child, .flit_dtls_chk > div:nth-child(2), .flit_dtls_chk > div:last-child {
        max-width: 33%;
        flex: 51%;
    }
    checkout .row.Departure_frst_row.m-0.rev-fli .col-md-3 {
        margin: 4px 0px
    }
    .trvel-child > div {
        display: flex;
        width: 50%;
    }
    hotel-thankyou .pricesummmeryconfirm .htl_psnger_dtls > div:nth-child(even) {
        justify-content: flex-end;
    }
        .trvel-child > div:last-child {
            justify-content: flex-end;
        }
        checkout a.book_now {
        width: 100%;
    }
    checkout checkout-fare-details .row:last-child p span:first-child {
        margin: 5px 0px !important;
    }
        checkout .flight-card {
        padding: 0 5px;
    }
    hotel-thankyou  .confirmdetails .row:last-child > div {
        overflow: scroll;
    }
    hotel-thankyou .pricesummmeryconfirm .htl_psnger_dtls > div {
        display: flex;
        width: 50%;
    }
    hotel-thankyou .total-taxes > div {
        width: 50%;
    }
    app-header header.dsktop .dropdown-menu {
        right: 37%;
    }
    hotel-thankyou table table.table.table-bordered.margbottom20 .alert.alert-info {
        overflow: scroll;
        display: block;
        height: 323px;
        width: 100%;
    }
        checkout-itinerary-details .row.Departure_frst_row > div:nth-child(2), .row.Departure_frst_row > div:last-child {
        width: 100%;
    }
    fixpkg-include-flight .flt-seg-desc .row > div:first-child {
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        align-items: center;
    }
    fix-package-detail-temp button.btn.btn-primary {
        FLOAT: RIGHT;
        position: initial;
        margin-top: 18px;
        margin-left: 0;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 7px 15px;
        height: 32px;
    }
    fix-package-detail .pkg-slider-container img.pkg-slider-img {
        max-width: 368px;
        width: 100%;
    }
    fix-package-detail-temp .hotel-section button.btn.btn-primary {
        top: 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 {
        padding: 0;
        flex-direction: column;
        justify-content: center;
    }
    footer .row > div {
        display: block !important;
        margin-top: 6px;
    }
    hotel-search-control .row.service_row > div:last-child label {
        display: none;
    }
      
    .controllerv hotel-search-control .selected_box_bottom {
        width: 100%;
        max-height: 253px;
    }
    flight-modify .resp_full {
        margin: 0px 2px 5px -2px;
    }
        fixpkg-search .search-control button.btn.btn-primary.okbtn {
        margin-left: 0px !important;
    }
    .controllerv hotel-search-control .service_control {
        padding: 0px 27px 9px;
    }
    section#banner .controllerv {
        padding: 0px 0px 4px;
       /* margin-top: 49px;*/
    }
    div#ftco-nav {
        width: 100%;
    }
    section.tour .tour_bottom {
        font-size: 12px;
    }
        div#ftco-nav ul.main-nav {
            margin-right: 0;
        }
    app-footer .copywrite p {
        font-size: 11px;
    }
    app-footer .copywrite .dvlp {
        align-items: center;
    }
    .row.advance_search_row {
        margin-bottom: 10px;
    }
    .search_control_section.ddd  #search_control {
        margin-top: 12%;
    }
    .searchcontroller {
        bottom: 0;
        position: absolute;
        top:126px;
        left: 0;
        z-index: 0;
        margin: 0px auto 30px;
        width: 100%;
    }
    app-index section.newss button {
        width: 26%;
        font-size: 16px;
        line-height: 1;
    }
    i.fa.fa-spinner.handler-loading {
        top: 37px;
    }
    .controllerv input[type=text].sugg-x + input[type=hidden] + .sugg-close {
        top: 37px;
    }
    hotel-search-control .row.advance_search_box {
        padding-top: 0;
        margin-bottom: 11px;
    }
    hotel-search-control .row.advance_search_row > div {
        padding: 0;
    }
    hotel-search-control .row.service_row > div:last-child {
        padding-right: 0;
        margin-top: 0;
    }
    hotel-search-control  .row.service_row > div:first-child {
        padding-left: 0 ;
    }
    .controllerv sightseeing-search-control .sightbtn {
        margin-top: 14px;
    }
    flight-search .service_control {
        padding: 8px 41px 15px 41px !important
    }
    section#banner .carousel img {
        min-height: 700px;
        height: 501px;
    }
    hotel-modify-component .selected_box_bottom {
        width: 316px;
    }
    hotel-temp .hotel_rooms_desc {
        padding: 9px 3px;
        font-size: 13px;
    }
    flight-search .row.service_row > div:first-child {
        padding-left: 0px;
    }
    .controllerv transfer-search .sightbtn {
        margin-top: 0px;
    }
    .controllerv .search_btn {
        width: 100%;
    }
    .controllerv flight-search .row.way_row {
        margin-bottom: 5px;
        padding-left: 0 !important;
    }
    hotel-temp .hotel_rooms_desc span:last-of-type {
        margin-right: 9px;
        font-size:13px;
    }
    .hotel_rooms_desc span {
        margin-right: 9px;
    }
    .dealsquestion > div {
      margin-left:0 !important;
      margin-right:0 !important;
    }
    fixpkg-search .form-section .form-row > div:nth-child(6) {
        order: 7;
    }
    .resp_full.form_brdr {
        border-bottom: none;
    }
    fixpkg-search .clndr input {
        padding-left: 39px !important;
    }
    fixpkg-search i.fa.fa-calendar.form-control-icon {
        left: 42px;
        top: 73px;
    }
    fixpkg-search p {
        margin: 7px 2px;
    }
    .banner_text {
        top: 127px;
        left: -37px;
    }
    fixpkg-search button.btn {
        margin-bottom: 0;
    }
    .ftco-footer {
        margin-top: 24px;
        height: 100% !important;
    }
    .footer-info.row.mb-5 {
        margin-bottom: 0 !important;
    }
    .top-header ul {
        list-style: none;
        float: right;
        display: contents;
        margin: 10px 0 7px 0;
    }
    hotel-search-control .showoff {
        top: -106px ;
        margin-top: -5px;
    }

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


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

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

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

    .row.tripopt .col-md-1.col-xs-4 {
        flex: 39%;
        color: #f5f5f5;
        margin-bottom: 0px;
        max-width: 39%;
    }
    flight-result .modifysearch .text_icon input {
        font-size: 13px;
    }
    section#flt_result_page ul.sort-tab li:last-child {
        border-right: 1px solid #c4c1c178;
    }
    .cancl_col-two.allcol .frst-div b {
        font-size: 13px;
    }
    .row.tripopt > div {
        max-width: 27%;
        flex: 32%;
        display: flex;
    }
    .control_tab .text_icon {
        margin-bottom: 10px;
    }
    .controllerv hotel-search-control select#nationality {
        margin-bottom: 3px;
    }
    .resp_full {
        width: 100% !important;
        margin-bottom: 3px;
    }

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

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

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

        .logo img {
            width: 180px;
        }

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

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

    span.optionv {
        margin:0;
    }
    transfer-search .control_tab .text_icon {
        margin-bottom: 0px;
    }
    transfer-search .control_tab.tab_TRF .service_row > div:nth-child(5) {
        margin-top: 2px !important;
    }
    .lefttop {
        width: 70%;
    }

    .owl-buttons {
        right: 0;
    }

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

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

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

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

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

    .row.popup_btn img {
        width: auto;
    }

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

    .post-content {
        width: 100%;
    }

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

    .closev {
        display: none;
    }

    .bottom-header {
        display: none;
    }

    .openv {
        display: block;
    }

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

    .hidden-xs {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

    hotel-temp .hotel_price {
        padding: 8px 12px 16px 8px;
        text-align: center;
    }
  
    hotel-details .hotel_price {
        padding: 8px 12px 16px 8px;
        text-align:center;
    }
    hotel-details .hotel .row > div:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .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 {
        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;
    }
    flight-segment-template .flt-next-day {
        font-size: 9px;
        padding: 3px 7px;
        display: block;
    }
    checkout-fare-details .row > div {
        width: 50%;
    }
    .form_brdr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-left: none;
        border-right: none;
    }
    hotel-result .modify_img {
        padding: 21px 6px;
    }
    .modifysearch .text_icon {
        margin-bottom: 5px;
    }
  
    flight-result .modify_img {
        padding: 40px 0 !important;

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

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

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

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

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

    .hotel_logo {
        border-bottom: none;
    }

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

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

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

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

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

    .pricesummmeryconfirm {
        margin-top: 15px;
    }

    div#uperContent .col-sm-12 h2 {
        padding-bottom: 8px;
        font-size: 17px;
    }

    div#uperContent .col-sm-12 h6 {
        font-size: 15px;
    }

    div#uperContent {
        position: absolute;
        z-index: 99;
        color: var(--color4);
        width: 100%;
        padding: 19px;
    }

    ul.servc_tab {
        text-align: center;
        margin-top: 49px;
    }

    .benefit-content {
        text-align: center !important;
        padding: 6px 0px !important;
    }

    .benefit_img {
        text-align: center !important;
        padding: 10px !important;
    }

    .benefit_one {
        display: block !important;
    }

   
}

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

    ul.servc_tab {
        text-align: center;
        margin-top: 58px !important;
    }

    div#uperContent .col-sm-12 h6 {
        font-size: 18px !important;
    }

}

@media only screen and (max-width:768px) {
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:last-child > div > h3 {
        margin-top: 15px;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl {
        width: 90%;
    }
}


@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: hidden;
    }

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

    .loggedinfb {
        margin: 40px 0px;
    }

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

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

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

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

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

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

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

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

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

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

    table.tbl_MoreOptions {
        font-size: 12px;
        margin-top: 23px;
    }

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

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

    .travelcarousel img {
        height: initial !important;
    }

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

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

    .prevv {
        left: 4px !important;
    }

    .images {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    h3.names-diff {
        text-align: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    input#txt_Discount {
        width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .poplr_flght {
        margin-bottom: 130px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .icons-sec {
        width: 120%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .doflex {
        display: block !important;
    }

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

    .breadcrumb.flat {
        display: grid;
    }

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

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

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

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

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

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

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

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

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

    .avaragerate {
        overflow: scroll;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .navlabel {
        width: 100%;
    }

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

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

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

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


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

    .sort > .row {
        display: block;
    }

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

    .flight_departing {
        text-align: center;
    }

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

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

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

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

    fixpkg-search .collapse-pax {
        right: -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: 64%;
            margin-top: -95px;
            font-size: 15px;
        }

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

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

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

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

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

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

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

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


@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 (max-width:426px) {
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div > div:first-child {
        display: block;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div > div:first-child > p.flt-bk-info {
        padding: 0px;
        margin-top: 10px;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl {
        width: 100%;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > div > div:nth-child(5) > div#packg-yt-thanku > button {
        width: 100%;
        margin: 0px 0px 7px 0px;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl > .thank_tabl_rw > p:first-child, pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl > .thank_tabl_rw > p:last-child {
        width: 50%;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div > div:last-child > .flt-bk-rit {
        text-align: justify;
        margin-top: 10px;
    }
}

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


}

@media only screen and (max-width:376px) {
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl > .thank_tabl_rw > p:first-child, pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl > .thank_tabl_rw > p:last-child {
        width: 100%;
        text-align: justify;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:first-child > .thanku_lft > .thank_tabl > .thank_tabl_rw {
        display: block;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:last-child > div > div > div > p.pric_lft.totl, pkg-thankyou > section#thank_you > div > div > div:last-child > div > div:last-child > div:last-child > div > div > div > p.pri_rit.totl {
        width: 50%;
    }
    pkg-thankyou > section#thank_you > div > div > div:last-child > div > div > div:last-child > .flt-bk-rit {
        text-align: left;
        font-size: 15px;
    }
    h1.showoff.dealhadding {
        font-size: 20px !important;
    }
    hotel-search-control .search_btn {
        margin-top: 12px;
    }
    app-index section.newss button {
        font-size: 14px;
    }
    .controllerv flight-search #pack .search_btn {
        margin-top: 17px;
    }
}

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