@media only screen and (max-width: 768px) {
  .ow form {
    width: 100%; }
  .rt form {
    width: 100%; }
  /* .form-control {
        margin: 2px;
        margin-bottom: 12px;
    }*/
  .cust-arrow {
    display: none; }
    .menu-list {
        border-bottom: 1px solid gainsboro;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        text-align: center;
        line-height: 33px;
    }
  spna.menu-icon {
    padding-right: 16px; }
  #navbarSupportedContent {
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
    margin-bottom: 15px; }
  #banner {
    min-height: 710px; }
  .client-testimonial {
    padding: 20px 0px 0px !important; }
  .trending-tour-item__thumnail {
    height: 220px; }
  .destination__thumb-info span {
    font-size: 11px; }
  .why-we {
    padding: 100px 0px 20px; }
  .img-issue {
    height: 358px; }
  .img-first {
    height: 360px; } }

@media only screen and (max-width: 576px) {
    pacakge-details .activities-detail a {
        color: #ffffff !important;
        background: #0f2556;
        margin: 0px 1px 0 0;
        padding: 7px;
        font-weight: 500;
        border-radius: 4px 4px 0 0;
        font-size: 11px;
    }
    pacakge-details .plus_minus_box > input, pacakge-details .plus_minus_box > button {
        width: 32px !important;
    }
    pacakge-details .containerslider.col-md-12 > div > div {
        max-width: 100%;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-12.col-md-12.col-lg-12.gallery-imgs > div > .col-sm-5 {
        padding: 0 15px !important;
    }
    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
        margin: 5px 0px;
    }
    div#tab1 {
        background-color: #ffffff;
        padding: 0px;
        border-radius: 7px;
        margin-top: 9px;
    }
  .member {
    left: initial;
    width: 230px; }
  i.fa.fa-times {
    left: 208px; }
  .form-control {
    margin: 2px;
    margin: 2px;
    margin-bottom: 10px; }
  .destination__destination {
    flex-direction: column;
    padding: 0px; }
  .destination__thumb-info {
    position: initial;
    width: 100%;
    bottom: 0;
    z-index: -1;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #efdfdf; }
    .destination__thumb-info span {
      font-size: 14px; }
  .contact {
    padding-top: 80px; }
  .contact-box {
    border: 1px solid #290246;
    background-color: #290246; }
  .tour-gallery img.img-fluid {
    height: 350px; }
  .tab button {
    color: white;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 8px 9px; } }

@media only screen and (max-width: 375px) {
  .pull-left.text-center.width20prc.airline-logo-holder {
    margin: initial !important; } }

@media only screen and (min-width: 321px) and (max-width: 375px) {
  .step:after {
    left: 88% !important;
    width: 50% !important;
    top: -13px; } }

@media only screen and (min-width: 376px) and (max-width: 767px) {
  .step:after {
    left: 100% !important;
    width: 50% !important;
    top: -13px; } }

@media only screen and (max-width: 320px) {
  .pull-left.flight-misc-info {
    height: initial !important; }
  .flight-info-section {
    display: initial !important; }
  .display-flex.no-margin {
    place-items: center; }
  .flight-layover img {
    max-width: 16%; }
  .flight-layover {
    text-align: center;
    justify-content: center;
    width: 60%;
    position: relative;
    left: 16%; }
  .step:after {
    left: 72% !important;
    width: 50% !important;
    top: -13px; } }

@media only screen and (max-width: 375px) {
  span.pkg-duration {
    display: inline-block;
    margin-left: 0px !important; } }

@media only screen and (max-width: 767px) {
    app-header-secondary .logo-front img {
        max-width: 126px !important;
    }

    app-header-secondary nav.navbar.navbar-default.navbar-sticky-function.navbar-arrow {
        padding: 0px 0px;
    }

    li.signs.user.hidden-xs.dropdown {
        font-size: 11px;
        margin-left: 0;
        position: absolute;
        top: -23px;
        right: -77px;
    }
    header.head-style-2 ul.navbar-nav.ml-auto li {
        padding: 0 18px;
    }
    .user-tab .user-layout-nav.nav {
        display: flex;
        flex-direction: column;
    }
        .user-tab .user-layout-nav.nav li {
            width: 100% !important;
            text-align: left;
        }
            .user-tab .user-layout-nav.nav li:first-child, ul.user-layout-nav.nav li:last-child {
                width: 100% !important;
                margin: 0;
            }
    .user-margin {
        width: auto;
        margin: 28px auto;
    }
    .slidrcolumn > img {
        max-height: 100px;
        float: left;
        overflow: hidden;
      
        height: 100px;
        border: 1px solid #fff;
    }
    .slidrcolumn {
        float: left;
        overflow: hidden;
        width: 25%;
        height: 100px;
        border: 1px solid #fff;
    }
    .htl-room-name, div.row.room_props_repeated.hlt_detl > div.ar-right {
        border-bottom: 1px solid #d2d1d1;
        border-right: 1px solid #d2d1d1;
        border-top: 1px solid #d2d1d1;
        padding: 13px;
    }
    .mainbrdr {
        /* padding-right: 10px; */
        margin-right: 0px;
        padding-top: 4px;
    }
    .price_list {
        font-weight: 600;
        font-size: 15px;
        display: block;
        text-align: left;
        color: #290246;
        padding-top: 2px;
        padding-bottom: 7px;
    }
    span.capcity_item {
        padding-bottom: 3px;
        text-align: left;
        display: block;
        font-size: 11px;
        padding-top: 1px;
    }
    .hightop {
        width: 100%;
    }
    hotel-modify-component .hotel-modify i {
        font-size: 12px !important;
        color: #290246;
        font-size: 16px;
        position: absolute;
        top: 10px;
        left: 11px;
    }
        hotel-modify-component .hotel-modify i.fa.fa-users.new_user {
            top: 12px;
        }
        hotel-modify-component .hotel-modify i.fa.fa-search-plus.new_user {
            top: 15px;
        }
    flight-result-template button.btn.btn-danger.bok-btn.fli-btnn {
        color: white !important;
        font-size: 12px;
        font-weight: 600;
        background-color: #213a72 !important;
    }
    .display-flex.no-margin {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
    }
        .display-flex.no-margin > div {
            margin: 16px;
        }
    .col-md-3.col-sm-3.pd-lt-0.ar-right.flights-name {
        padding-right: 0;
        text-align: left;
        margin: auto;
        display: block;
    }
    flight-segment-template p.block-grid {
        display: flex;
    }
    flight-details-template .right-block {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }
    .col-md-3.col-sm-3.pd-lt-0.ar-right.flights-name > p > img {
        border-radius: 4px;
        /*margin: auto;*/
        width: 39px;
        border: 1px solid gainsboro;
        margin-right: 10px;
    }
    span.seat-count {
        margin-top: 0px;
    }
    hotel-modify-component .selected_box_top.selected_box_tri > input {
        height: 40px;
    }

    hotel-modify-component .no-of-guests {
        margin-top: -10px !important;
    }

    .fli-view-details > div:nth-child(3), .fli-view-details > div:nth-child(4) {
        padding-left: 0px;
    }

    .arlin-list {
        align-items: center;
        /* align-items: center; */
        padding: 0px;
        font-size: 12px;
        display: inline-block;
        /* flex-direction: column; */
        /* margin: 20px 0px; */
        text-align: center;
    }
    flight-details-template > div > div.col-md-9.col-sm-12.ar-right > div:nth-child(1) {
        border-bottom: 1px solid #e2e2e2;
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
    checkout .flight-info-section {
        padding: 10px 10px 19px 10px !important;
    }
    checkout div#tab1 .col-md-5 {
        padding-left: 15px;
        flex: 100%;
    }
    checkout.flightTripInfoLine p {
        margin-bottom: 25px;
    }
    checkout .ch-cnt > i.fa.fa-clock-o {
        font-size: 11px;
        left: 1%;
        top: 35%;
    }
    checkout .passport {
        padding: 0;
    }
    checkout .travkey-panel.panel .panel-body .col-sm-2.check-date {
        padding: 0px;
        max-width: 100%;
    }
    checkout .travkey-panel.panel .panel-body .col-sm-2.check-date select {
        position: inherit;
        border: 1px solid #7a7878c2 !important;
        border-radius: 3px;
    }
    checkout div#tab1 .col-md-5 {
        padding-left: 15px;
        flex: 100%;
    }
    .col-md-12.arlin-list div:nth-child(2), .col-md-12.arlin-list div:nth-child(3), .col-md-12.arlin-list div:nth-child(4) {
        text-align: center;
        display: inline-block;
        margin: 0px 0px 5px;
    }
        .col-md-12.arlin-list div:nth-child(3) > div p {
            padding: 0px 0px;
        }
    flight-result-template button.btn.btn-danger.bok-btn {
        width: 91%;
    }
    flight-result .right-block {
        width: 100% !important;
    }
    flight-details-template > div > div.col-md-3.col-sm-12.flt-det-price-block.ar-right > div {
        display: block;
    }
    .fli-result-block {
        padding: 0px 0px 8px 0px;
    }
    flight-segment-template .col-md-12.arlin-list div:nth-child(2), flight-segment-template .col-md-12.arlin-list div:nth-child(3) {
        border-right:0;
    }
    .col-md-12.arlin-list div:nth-child(2) {
        font-size: 14px;
        text-align: left;
        /* width: 100%; */
        justify-content: left;
    }
    flight-segment-template .col-md-12.arlin-list div:nth-child(2) {
        font-size: 12px;
    }
    flight-segment-template .col-md-12.arlin-list div:nth-child(4) {
        font-size: 11px;
    }
        .col-md-12.arlin-list div:nth-child(4) {
            font-size: 14px;
        }
    flight-segment-template p.font_new1 {
        font-size: 12px;
    }

    ng-component > div {
        overflow-x: auto;
        width: 100%;
        overflow-y: hidden;
        max-width: 100%;
    }

    .fli-view-details > div:nth-child(3), .fli-view-details > div:nth-child(4) {
        padding-left: 0px;
    }
    .navbar-dark .navbar-nav .nav-link {
        transition: 0.3s all;
        color: #8e8e8e;
        font-weight: bold;
        font-size: 14px;
        text-align: left;
        width: 100%;
        display: block;
        padding: 0;
    }
    ul.navbar-nav.ml-auto li {
        padding: 0px 0;
    }
    #navbarSupportedContent .text-right {
        margin-top: 11px;
    }
    #navbarSupportedContent .navbar-nav {
        margin-right: 0 !important;
    }
    .menu-list {
        gap: 8px;
    }
    #navbarSupportedContent {
        padding-top: 0;
    }
    .navbar-brand img {
        width: 143px;
    }
    .navbar-toggler {
        top: 8px;
    }
    .sidenav.linear-transition.active {
        width: 100%;
    }
    .banner-box > .search-control {
        padding: 9px 7PX 16PX;
        width: 100%;
    }
    flight-search .tab button {
        font-size: 10px;
    }
    #flight .search-bg > div:last-child {
        width: 93%;
        margin: 0 auto;
        display: block;
    }
    #flight .search-bg > div:first-child {
        width: 100%;
        margin: 0;
    }
    .fli-trav span {
        font-size: 8px;
    }
    .topdes {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .contact-box .title {
        font-size: 18px;
    }
    .contact-box > .text {
        margin: 0 0 27px 0;
        font-size: 12px;
    }
  fix-package-detail .tabs ul.click-tabs li a {
    font-size: 15px !important;
    display: block; }
  li.iti.mr-ri {
    padding: 3px; }
  #searchWrapOuterBox > div > form > div > div.change-search > div {
    padding-left: 0px; 
    
  }
    hotel-search-control .form-row.teb > div:first-child {
        flex: 100%;
        max-width: 100%;
    }
    #searchWrapOuterBox > div > form > div > div.change-search > div.col-md-2.col-sm-12.col-xs-6.btn-colm.ar-right > div > button {
        margin-top: 0px !important;
        margin-bottom: 10px;
    }
    flight-modify-component .col-md-2.col-sm-12.col-xs-6.btn-colm.ar-right button.btn.modify-search-btn {
        width: 100% !important;
    }
    flight-modify-component .fltHpyWrp {
        padding: 0px 15px;
    }
    flight-modify-component input#popup_new1 {
        position: relative;
    }
    flight-modify-component .fli-main-popup {
        top: 53px;
        width: 100%;
    }
  #member > div > div.ng-untouched.ng-pristine.ng-valid > div > div > div {
    padding-left: 10px;
    padding-right: 0px; }
  #member > div > div.form-group {
    padding: 10px 0px; }
  #member > div > div > div > div {
    margin-left: 0px !important; }
  .select-space select {
    margin-bottom: 10px;
    width: 100% !important; }
  .select-space {
    width: 100%; }
  div.left-block > div.tabs > div > div > div > div > div > div.col-md-10 > p {
    padding: 10px 0px 10px 0px !important; }
  .det-right-block {
    width: 100% !important; }
  div.left-block > div.tabs > div > div > div > div > div > div > img {
    width: 100%; }
  .marginextra .text-center img {
    width: 100%; }
  .marginextra .text-center {
    margin: 8px;
    padding: 0; }
  .left-block {
    width: 100% !important; }
  ul.click-tabs {
    display: block !important; }
  section.details-page {
    width: 96%;
    display: block !important; }
  .reser-info > div > div {
    width: 100%;
    margin: 0; }
  .innerbox.text-left {
    justify-content: center;
    display: grid; }
  fixpkg-result > div > div {
    padding: 0px 32px !important; }
  .packages-scroll-row {
    width: 100% !important; }
  .col-sm-3.price-border {
    max-width: 100%;
    flex: 100%; }
  .col-md-3.no-of-guests {
    padding-right: 0px !important; }
  .htl-result-trav-close {
    left: 92% !important; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(6) {
    left: initial !important;
    top: initial !important; }
  .selected_box_top.selected_box_tri {
    padding: 0;
    height:inherit;
  }
  .no-of-guests {
    padding-right: 0 !important; }
  .htl-result-trav-popup {
    top: 275px !important; }
  .guest-res {
    left: initial !important;
    top: 9px; }
  .no-of-guests {
    padding: 0px 4px 5px 0px !important; }
  .guest-res {
    left: initial !important; }
  hotel-modify-component > div > form > div > div:nth-child(4) {
    width: 98.3% !important; }
  .input-icon {
    padding-right: 0px !important; }
  .mod-ser-htl {
    padding: 30px !important; }
  a.bt_facebook, a.bt_google {
    margin-bottom: 10px; }
  .container.sidenav-content {
    width: 100% !important; }
  div.display-flex.no-margin > div.pull-left.flight-misc-info > span.flight_duration {
    text-align: center; }
 
  fix-package-detail .tabs ul.pkg-tabs li {
    display: inherit !important;
    margin: 0px !important; }
  li.done.middle {
    width: 102px !important;
    text-align: center; }
  li.active.right-middle, li.done.middle {
    position: initial !important; }
    .middle:after {
        width: 50px;
        left: 31%;
        top: 10px !important;
    }
    .right-middle:after {
        width: 38px;
        right: 27%;
        top: 10px !important
    }
  i.fa.fa-moon-o.form-control-icon {
    top:37px !important; }
  div.container.row.gridastable_header.res > div.col-md-9.col-sm-9.col-xs-6.ar-right > div {
    text-align: center !important;
    padding-left: 0px !important; }
  #htlbottom > div > div > div.col-sm-7.col-xs-7 {
    padding: 0px 10px; }
  #flightcheckout_form > div > div > div > div.col-sm-5.col-xs-12.ar-right.pd-rt-0 > aside:nth-child(2) > div > div > div > div.col-md-3.col-sm-4.col-xs-4.ar-right > button {
    margin-left: initial !important; }
  .fixpkg-result .col-md-3.pr-0 {
    padding: 0px; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(7) > div > div > div.selected_box_bottom.search_box_tb_mb.htl-result-trav-popup.ng-hide > div:nth-child(2) > div:nth-child(1) {
    margin-top: -28px; }
  .htl-result-trav-close {
    margin-left: 90%; }
  .htl-result-trav-close {
    margin-left: 90%; }
  .htl-result-trav-popup {
    width: 100% !important;
    left: initial !important; }
  ul.list_ok {
    margin: 0px !important; }
  #selectRoom > div:nth-child(4) > div > div > div > div.col-md-2.col-sm-2.col-xs-7.ar-right {
    border-bottom: none !important; }
  button.btn.text-light.htlbknw {
    position: relative !important;
    top: 2px;
    padding: 5px 31px;
    border-radius: 5px !important;
    width: initial !important;
    display: initial !important;
    margin-bottom: 10px; }
    div.row.room_props_repeated.hlt_detl > div.col-md-2.col-sm-2.col-xs-5.ar-right.text-center {
        border-right: 1px solid #d2d1d1;
        padding-bottom: 17px;
    }
    checkout div#flightcheckout_form {
        padding: 0px 0px;
    }
  input#htlName {
    height: 39px !important; }
  .form-group.advsearch-htlname {
    margin-bottom: 0px !important; }
  input#txtroom {
    padding: initial !important;
    text-align: center; }
  .room_block {
    height: 132px; }
  .guest-close {
    margin-left: 90%; }
  .htl-result-guest-popupp {
    left: 0%;
    top: 0px !important; }
  button.btn.modify-search-btn.htl-mod-search {
    margin: 0px;
    width: 100%; }
  button.btn.modify-search-btn.htl-mod-search {
    left: initial !important;
    top: 13px; }
  #htltop > div > i.fa.fa-caret-down.new_down.mst, div.guest-box.tab-ad > div > i.fa.fa-caret-down.new_down.mst {
    left: 96% !important; }
  .guest-res {
    position: relative;
    left: 3px; }
  .responsive-adj {
    padding: 2px 0px !important;
    position: relative;
    margin-top: 4px; }
  input#txtvpax {
    padding: 5px 27px !important;
    width: 101% !important;
    height: 39px; }
  select#nationality {
    margin: initial !important;
    width: 100% !important;
    height: 39px; }
  .row.col-md-12.name-block {
    width: 104%; }
  body > client-app > app-layout > div > hotel-details > section.email > div > div > div.col-sm-5 > div > div > button {
    top: 19px; }
  table.Table-item {
    overflow: scroll;
    display: block; }
  .canclsn-block {
    width: 100% !important; }
  div#slider4 {
    display: block; }
    .sesion-expire.text-center {
        width: 100% !important;
        left: 0;
    }
    div#htlbottom {
        width: 100% !important;
        height: auto;
        max-height: 224px;
        overflow: auto;
        top: 57px;
    }
    hotel-modify-component #htlbottom > div.room_block > div > div.col-sm-5.col-xs-5 label {
        padding-top: 0 !important;
    }
 
    hotel-modify-component #htlbottom .room_block {
       height:auto;
    }
    hotel-modify-component div#htlbottom .row.childs-row {
        left: 27px;
    }
    hotel-modify-component #htlbottom > div.room_block label {
        margin-bottom: 0;
    }
    hotel-temp div.col-sm-3.price-border > div > div > small {
        font-weight: 600;
    }
  .hotel-modify div:nth-child(7) {
    position: initial !important; }
  .hotel-modify i {
    position: absolute !important;
    margin-left: -1% !important;
    margin-top: 2px !important; }
  .row.hotel-modify {
    padding: 0px!important; }
    div#htltop{
        padding:0px;
    }
    hotel-result > div > div {
        padding-top: 0 !important;
    }
    form.form-inline.ng-valid.ng-touched.ng-dirty {
        display: block !important;
    }
    hotel-modify-component .hotel-modify .plus_minus_box {
        flex-direction: row;
        padding-left: 0 !important;
    }
    hotel-modify-component .hotel-modify button.btn.text-light.donebtn {
        margin-left: 0 !important;
    }
  div.hotel-modify > div > div.form-group {
    margin: initial !important; }
    .hotel-modify div {
        width: 100%;
        flex-direction: column;
        padding-right: 0px;
        margin-top: 10px;
    }
    a#showFilter {
        padding: 0px 10px;
    }
  .right-block div {
    padding: 0px !important;
    padding: 0px; }
    .col-md-3.col-sm-12.flt-det-price-block.ar-right {
        padding: initial !important;
        border: 0;
    }
  #mySidenav {
    display: none; }
  span.circle {
    text-align: center;
    display: grid; }
  button.btn.btn-danger.bok-btn {
    width: 100%; }
  .col-md-3.col-sm-3.pd-lt-0.ar-right.flights-name {
    padding-right: 0; }
  .ui-menu {
    width: 90% !important; }
    #flight > form > div:nth-child(2) > div > div > div.col-xs-12.col-sm-12.col-md-2.cust-member > div > div {
        left: 0px !important;
        width: initial !important;
        top: 57px;
    }
  .pull-left.flight-misc-info {
    padding: initial !important;
    text-align: center !important; }
  .modify-popup div:nth-child(3) {
    padding-right: 0px; }
  select#ddlAdult, select#ddlChild, select#ddlChild {
    width: 100% !important; }
  .modify-popup select {
    width: 100% !important; }
  #searchWrapOuterBox > div > form > div > div.change-search > div.col-md-2.col-xs-12.pd-lt-0.wdth-17.ar-right > div > div.fli-main-popup > div.popup-content > div > div:nth-child(1) {
    display: flex; }
  select#ddlClass {
    width: 100% !important;
    margin-top: 10px; }
  select#ddlAirline {
    width: 100% !important; }
  .fli-main-popup {
    right: initial !important;
    width: 100%; }
  .collapse-pax.ng-untouched.ng-pristine.ng-valid {
    left: 0px !important; }
  /*.col-md-2.col-sm-12.col-xs-6.btn-colm.ar-right {
    position: relative;
    top: -17px; }*/
    .col-md-3.col-sm-3.col-xs-4.ar-right.fli-city-arr {
        padding-left: 0px;
    
        justify-content: right;
        padding-right: 7px;
    }
  .col-md-1.col-xs-1.wdth-2.ar-right {
    display: none; }
  .wdth-pd {
    max-width: initial !important; }
  .change-search {
    display: block !important; }
  .fli-view-details1 {
    width: 100% !important; }
  .fGS0 {
    margin-bottom: 100px !important; }
  .fli-view-details1 {
    margin-bottom: 18px; }
  .fli-view-details {
    display: block !important; }
  .padLR20 {
    margin-top: 70px !important;
    margin-bottom: 60px !important; }
  .widMd31 {
    margin-top: 16px !important; }
    .fGS0 {
        padding: 0px;
        width: 100%;
        overflow: auto;
        margin-bottom: 20px !important;
    } 
    span.curPointFlt.switchAct {
        color: #ffffff;
    }
    .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 span {
        padding: 9px 6px;
        font-size: 9px !important;
        margin-right: 3px;
    }
    .quicks.paleGreyBg.alignItemsCenter.justifyBetween.dF.fb.txtTransUpper.fltHpyDtlMenu.ico13 {
        padding: 16px 9px !important
    }
  .right-block {
    margin-top: 30px;
    margin-bottom: 17px; }
 
    span.seat-count {
        text-align: center !important;
        justify-content: center !important;
        padding: 12px !important;
        width: 100%;
        position: relative;
        /* left: 23%; */
    }
  .clearfix.block-left {
    display: block !important; }
    ul.flt-flx select {
        padding: 5px;
        padding-left: 0px;
        width: 100%;
        border-bottom: 1px dashed gainsboro;
    }
  ul.flt-flx {
    display: block; }
  #flightcheckout_form > div > div > ul > li:nth-child(3) > a > span.number {
    left: 17px !important; }
  span.desc {
    position: relative;
    top: 6px; }
  ul.nav.nav-pills.nav-justified.steps {
    justify-content: space-between; }
    span.number {
        position: absolute !important;
        top: -24px !important;
        left: 32px;
    }
  table#divDisableBooking {
    width: 100% !important; }
  button.btn.text-light.htlbknw {
    right: 0% !important; }
  .panel-body.hotel-room-body {
    width: 103%; }
  .htl-room-name, div.row.room_props_repeated.hlt_detl > div.ar-right {
    border-left: 1px solid #d2d1d1;
    padding-bottom: 3px; }
  .row.room_props_repeated.hlt_detl {
    display: inline; }
  div#details_big_side {
    margin-top: initial !important; }
  .panel-headings {
    display: none; }
  marquee {
    width: 100% !important; }
    .photoGlrylft.custPhoto {
        overflow-y: auto;
        display: flex;
        width: 100%;
        overflow-x: hidden;
        flex-direction: row;
        max-height: 100px;
    }
  .row.det-img-collage {
    height: initial !important; }
  span.prev {
    margin-top: 0px; }
    .mySlides.change-slide span.next {
        left: initial !important;
        margin-top: 0px;
    }
  button.btn.text-light.rsrvbtn {
    margin-top: 18px; }
  div.title_and_rating > span > star-rating > div {
    margin-top: -18px; }
  .title_and_rating {
    display: block !important; }
  div.col-sm-3.price-border > div > div > p {
    margin-bottom: 21px; }
  .strip_all_tour_list.wow.fadeIn.animated.animated {
    border-bottom: 1px solid #e6e1e3;
    margin-bottom: 26px;
    margin-left: -19px; }
  .col-sm-3.price-border {
    border-left: none !important;
    /* border-bottom: 1px solid #e6e1e3; */
    /* margin-bottom: 20px; */ }

  span.htlicon {
    padding: initial !important;
    display: inline-block; }
  .htlbtm {
    display: initial !important;
    border: none !important; }
  .htltxt {
    margin-top: 20px;
    padding-left: 10px; }
    .row.vrow {
        PADDING-LEFT: 10PX;
    }
    hotel-temp .price_list {
        margin-top: 13px;
        padding-left: 10PX;
        text-align: center;
    }
    .photoGlryTop {
        float: initial;
        display: flex;
    }
    .GlryRTopText {
        padding: 0px 5px;
        font-size: 13px;
    }
    hotel-details .room_props_repeated > div:nth-child(2) {
        flex: 100%;
        max-width: 100%;
    }
    hotel-search-control .form-row.teb > div:last-child {
        flex: 100%;
        max-width: 100%;
    }
    hotel-search-control button {
        width: 100%;
        margin: 0 !important;
    }
    hotel-search-control p.text-left.pl-2 {
        margin-left: 6px;
    }
    #hotel > form > div:nth-child(3) {
        width: 100% !important;
    }
  .view-details {
    display: block !important; }
  .col-md-12.innr {
    padding-left: 0px; }
  .innerbox.imp_blue_box {
    margin-top: 30px; }
  .res-padding {
    padding-left: 0px !important; }
  button.btn.btn-danger.bok-btn.ar-left {
    margin-top: 11px; }
  button.btn_1.button-submit {
    width: 100% !important; }
    div#flightcheckout_form > .form-wizard > .form-body > .row > div#flight_booking_steps {
        flex: 100%;
        max-width: 100%;
        margin-right: 10px;
        padding-right: 5px;
    }
    checkout h3.sidebar_sec_title {
        font-size:12px;
    }
    checkout-itinerary-details .HotelBookingSummary .col-sm-3.hotelImg {
        padding-right: 0;
        max-width: 100%;
        padding-left: 0;
    }
    checkout-itinerary-details .room_facilities i {
        width: auto;
    }
    checkout div#flightcheckout_form .travkey-panel.panel .panel-body div .row .col-md-6.col-xs-12.ar-right:nth-child(2) {
        padding-left: 15px !important;
    }
    checkout .travkey-panel.panel .panel-body input {
        border-radius: 4px;
    }
    checkout div#flightcheckout_form .panel.travkey-panel .panel-body .col-md-6.ar-right {
        padding-left: 15px !important;
    }
    checkout .bcdroom {
        height: 60px;
        width: 60px;
        margin-left: 91px;
    }
    .verticle {
        left: 48%;
        z-index: 0;
    }
    div#flight_booking_steps .adcount .col-md-2 {
        flex: 0 0 100%;
    }
    checkout .travkey-panel.panel .adcount h4 {
        line-height: 5px;
        padding-left: 0;
    }
    div#flight_booking_steps .adcount .col-md-2, div#flight_booking_steps .adcount .col-md-3 {
        padding-right: 0;
        padding-left: 0;
    }
    checkout .travkey-panel.panel .panel-body input {
        margin-top: 0 !important;
    }
    checkout select.form-control.ar-right.ng-untouched.ng-pristine.ng-invalid {
        margin: 0 !important;
        margin-bottom: 4px !important;
    }
    div#flightcheckout_form > .form-wizard > .form-body > .row > .col-sm-5.col-xs-12.ar-right.pd-rt-0 {
        flex: 100%;
        max-width: 100%;
    }
    .waiting_page {
        padding-top: 24px;
    }
    section.waiting_page .icon i {
        line-height: 109px;
        font-size: 42px;
    }
    section.waiting_page .icon {
        height: 98px;
        width: 98px;
    }
    hotel-result .col-md-3.waiting_data {
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.waiting_page div#ForProcess .text {
        height: 21px;
        font-size: 9px;
        margin-bottom: 6px;
    }
    section.waiting_page .h {
        height: auto;
        margin-top: 10px;
    }
    section.waiting_page .thumb-title {
        line-height: 20px;
        font-size: 12px;
    }
    section.waiting_page h3.thumb-title {
        font-size: 12px;
        width: 100px;
        margin: 0 auto;
        text-align: left;
    }
        .box_style_1 {
    margin-top: 14px; }
  button.btn.btn-default {
    width: 100%; }
  button.btn.btn-primary {
    width: 100%; }
  img.pkg-image {
    width: 100%;
    height: initial !important; }
  .fixpkg-result {
    padding: 5px 17px; }
  .res-out {
    margin-top: 17px; }
  .row.pax-det {
    margin-top: 9px; }
  .pax_detail_div {
    display: flex; }
  .row.gridastable_header {
    margin-left: initial !important; }
  .reser-info {
    margin-left: initial !important; }
  .ar-right {
    margin-left: 0px !important; }
  button.btn_1.button-submit {
    width: 100%; }
  .form-group select {
    margin-left: 0px; }
  .pull-right {
    width: 100%; }
  .tab-pane {
    padding: 0; }
  ul.nav.nav-pills.nav-justified.steps li {
    margin-right: initial !important;
    font-size: 10px; }
  h1.text-left.pb-5.text-light {
    padding-bottom: initial !important;
    margin-bottom: 20px;
    font-size: 29px; }
  .p-0 {
    padding: 0px 15px !important; }
  .destination__thumb:hover {
    margin-top: initial !important; }
  section.travel-block > div.container-fluid.p-0 > div > div > div > a > img {
    width: 100%; }
  h6.find-us__question__text {
    font-size: 17px !important; }
  .col-lg-8.find-us__question {
    width: 100% !important;
    margin-bottom: 28px; }
  input.form-control {
    margin: 0; }
    hotel-modify-component .htl-result-trav-popup {
        top: 33px !important;
    }
    .banner-box {
        padding: 30px 0px 40px;
    }
    hotel-search-control .search-bg i.fa.fa-star.form-control-icon {
        top: 37px;
    }
    hotel-search-control i.fa.fa-building {
        left: 11px;
        bottom: 19px;
        color: #5e5f60;
    }
    .lft-side-head {
        padding-bottom: 0;
    }
    flight-result .container.fli-result-blockk > div:first-child {
        flex-direction: column;
    }
    flight-result .fli-result-blockk_left {
        flex: 100%;
        max-width: 100%;
    }
    flight-result .fli-result-blockk_right {
        flex: 100%;
        max-width: 100%;
        padding-left: 15px;
    }
   
    .flt-rt .flt-result-seg {
        width: 94%;
    }
    flight-result .frslt-lftsid {
        margin-bottom: 10px;
    }
    hotel-result .selected_box_top.selected_box_tri {
        width: 100%;
    }
    div#hotelSearch {
        padding: 0 10px;
    }
  .fd1.custfd1 label p {
        right: 0 !important;
    }
}

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

  button.btn.text-light.donebtn {
    width: 100%; }
  .responsive {
    max-width: 100%;
    flex: 100%; }
  img.img-fluid {
    margin-right: 10px; }
  filter-template > div > ul > li > label {
    width: initial !important; }
  #hotelSearch > div > div > div > button {
    position: relative;
    top: -10px;
    right: -9px;
    color: #fff;
    opacity: 1; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(1) > div > div > i.fa.fa-close {
    display: none; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(7) > div > div > div.selected_box_bottom.search_box_tb_mb.htl-result-trav-popup > div:nth-child(2) > div:nth-child(1) {
    margin-top: -17px; }
  #roomAmenities > div > div > div.panel-body > div > div {
    margin-top: 11px; }
  .amenty_content.col-md-4.col-sm-4.col-xs-12 {
    max-width: 100%; }
  .input-group.full_width input {
    margin-top: 14px;
    width: 100% !important; }
  .fli-done {
    height: 27px; }
  .table-responsive {
    margin-top: 13px; }
  div#ui-datepicker-div {
    z-index: 1000 !important; }
  body > client-app > app-layout > div > thankyou > section > div > div.row > div > div > div > div.col-md-12 > h3 > strong {
    font-size: 20px; }
  .prev, .next {
    top: 40% !important; }
  section.hotel_main_info.hlt_detl {
    margin-top: 95px !important; }
  section.travel-block .container > .row {
    margin: 0; }
  section.travel-block .container-fluid > .row {
    margin: 0; }
  section.gallery-tour .conatiner-fluid > .row {
    margin: 0; }
    section.gallery-tour .conatiner-fluid > .row .col-sm-12 > .row {
      margin: 0; }
  .full_width select {
    border-radius: 5px !important; }
  input.form-control.ar-right.ng-untouched.ng-pristine.ng-invalid {
    margin-left: initial;
    margin-top: 10px; }
  input.form-control.ar-right.ng-untouched.ng-pristine.ng-invalid {
    border-radius: 5px; }
  select.form-control.ar-right.ng-untouched.ng-pristine.ng-invalid {
    border-radius: 5px; }
  .blck {
    padding-right: 11px !important; }
  .contact-box.aos-init {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important; }
  /*.container-fluid {
    padding: 16px !important; }*/ }

@media only screen and (max-width: 320px) {
  button.sidbarsrchbtn {
    right: initial !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #member > div > div.form-group {
    margin-top: 12px; }
  #member > div > div > div > div > div > label {
    margin-bottom: 7px !important;
    margin: 0; }
  .select-space {
    width: 100% !important; }
  #member > div {
    position: relative;
    right: 50%;
    top: 32px;
    width: 160%; }
  li.iti.mr-ri {
    font-size: 10px; }
  div.left-block > div.tabs > div > div > div > div > div > div.col-md-10 {
    flex: 100%;
    max-width: 100%; }
  div.left-block > div.tabs > div > div > div > div > div > div.col-md-2 {
    max-width: 100%;
    flex: 100%; }
  body > client-app > app-layout > div > fix-package-detail > section > div.left-block > div.tabs > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
    display: block; }
  .itinerary-headings {
    max-width: 85%;
    flex: 85%; }
  .itinerary-days {
    max-width: 15%;
    flex: 15%; }
  .pkgDetail-body > div > div > div.col-md-2.col-sm-12 {
    max-width: 100%;
    flex: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: flex-end; }
  button#btnSubmit {
    font-size: 15px; }
  section.details-page {
    width: 96% !important; }
  .packages-scroll-row {
    width: 31.9%; }
  body > client-app > app-layout > div > fixpkg-result > div:nth-child(1) > div > div:nth-child(1) > div > div > div:nth-child(4) > div > ul {
    margin-top: 13px; }
  ma .col-md-3.no-of-guests {
    margin-top: 4px; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(6) {
    left: initial !important;
    top: initial !important; }
  hotel-modify-component > div > form > div > div:nth-child(4) {
    padding: 0px 5px 5px 0px !important; }
  div.hotel-modify > div.col-md-3 {
    max-width: 100%;
    flex: 100%; }
  .mod-ser-htl {
    padding: 10px 55px !important; }
  li.done.middle {
    width: 25% !important;
    text-align: center !important; }
  .right-middle:after {
    width: 90px !important;
    left: 170px;
    top: 12px; }
  .middle:after {
    width: 90px;
    left: 179px;
    top: 12px; }
  div#priceBreakup {
    font-size: 13px !important; }
  fix-package-detail > div > div > div > div.col-md-3.col-sm-12.pkg-det2 > div.price-summary > div {
    margin: initial !important;
    width: initial !important; }
  .htl-result-trav-popup span.pkg-duration {
    display: inline-block;
    margin-left: 0px !important; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(7) > div > div > div.selected_box_bottom.search_box_tb_mb.htl-result-trav-popup.ng-hide > div:nth-child(2) > div:nth-child(1) {
    margin-top: -6px; }
  .htl-result-trav-close {
    left: 94% !important;
    top: -3px !important; }
  .htl-mod-search {
    width: 100% !important;
    left: initial !important; }
  div.selected_box_bottom.search_box_tb_mb.htl-result-trav-popup {
    left: 0%;
    width: 59%;
    top: 39px; }
  select#nationality {
    width: 99.3% !important; }
  #htltop > div > i.fa.fa-caret-down.new_down.mst {
    margin-left: 99% !important; }
  div.guest-box.tab-ad > div > i.fa.fa-caret-down.new_down.mst {
    margin-left: 94.7% !important; }
  .guest-box.tab-ad {
    padding: 0 !important; }
  #hotelSearch > div > div > div > hotel-modify-component > div > form > div > div:nth-child(3) > div > div {
    margin-left: 5px; }
  .htl-result-guest-popupp {
    left: 0%;
    top: 260px !important; }
  input#txtvpax {
    padding: 17px 33px !important; }
  .row.hotel-modify.col-md-12.col-xs-12 {
    padding-left: 0px; }
  .row.hotel-modify.col-md-12.col-xs-12 {
    padding-left: 0px; }
  .modal-content {
    margin-left: -25%;
    width: 150%; }
  .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
    margin-left: initial !important; }
  .canclsn-block {
    width: 330% !important; }
  #flt_chk1, input#flt_rdo1 {
    width: initial !important; }
  .fli-main-popup {
    width: 362% !important;
    right: -140px; }
  le .collapse-pax.ng-untouched.ng-pristine.ng-valid {
    left: -229px !important; }
  #flight > form > div > div > div > div > label {
    font-size: 12px !important; }
  div#flight_booking_steps {
    max-width: 100%;
    margin-top: 30px; }
  .flight-info-section {
    display: initial !important; }
  #flightcheckout_form > div > div > div > div.col-sm-5.col-xs-12.ar-right.pd-rt-0 {
    max-width: 100%; }
  #flightcheckout_form > div > div > div {
    display: block !important; }
  ul.flt-flx {
    margin-top: 13px; }
  body > client-app > app-layout > div > flight-result > div.container.fli-result-blockk > div > div {
    max-width: 100% !important; }
  body > client-app > app-layout > div > flight-result > div.container.fli-result-blockk > div > aside {
    max-width: 100% !important; }
  body > client-app > app-layout > div > flight-result > div.container.fli-result-blockk > div {
    display: block !important; }
  .wdth-pd {
    max-width: 15% !important; }
  .widMd31 {
    max-width: initial !important; }
  .widMd13 {
    display: grid;
    padding: 0; }
  .fGS0 {
    padding-left: 0px; }
  span.curPointFlt {
    margin-right: 6% !important;
    font-size: 12px !important; }
  .seat-count img {
    width: 6% !important; }
  span.seat-count {
    padding: 0px;
    justify-content: center; }
  .col-md-3.col-sm-12.flt-det-price-block.ar-right {
    max-width: 100% !important; }
  flight-details-template > div > div.col-md-9.col-sm-12.ar-right {
    max-width: 100% !important; }
  .clearfix.block-left {
    display: block !important; }
  button.btn.text-light.btn-modify {
    padding: 8px 12px;
    font-size: 14px !important; }
  .fli-view-details1 {
    width: 100% !important; }
  span.destination {
    font-size: 14px !important; }
  .container.fli-result-blockk {
    margin-top: 22px !important; }
  ul.flt-flx li:nth-child(1) {
    margin-right: 123px; }
  ul.flt-flx select {
    padding: 0; }
  input.form-control.ar-right.ng-pristine.ng-invalid.ng-touched {
    margin-top: 13px; }
  div.pull-left.flight-misc-info {
    height: 0px;
    text-align: center !important; }
  checkout > div.container {
    max-width: 100% !important; }
  #tab1 > div:nth-child(1) > div.panel-body > div.ng-untouched.ng-pristine.ng-invalid > div > div > div > div:nth-child(4) > div:nth-child(2) {
    max-width: 100%; }
  span.flight_duration {
    display: inline-flex; }
  .pull-left.flight-misc-info {
    padding: 0px !important; }
  .display-flex.no-margin {
    display: flex; }
  table#divDisableBooking {
    width: 100% !important; }
  .step:after {
    left: 103% !important;
    width: 45% !important; }
  ul.nav.nav-pills.nav-justified.steps li {
    margin-right: 101px !important; }
  body > client-app > app-layout > div > hotel-result > div > div.container > div > div.col-sm-12.col-md-12.col-lg-9 {
    padding: initial !important; }
  section.Htlmap > .container {
    padding: initial !important; }
  body > client-app > app-layout > div > hotel-details > section:nth-child(3) > div > div > div.col-sm-8.custpad.lef-img > div > div > div.slider_bigimg > img {
    height: 399px !important; }
  span.next {
    /* top: 230px; */
    left: initial !important; }
  .htlCntnt {
    width: 98.5%; }
  hotel-details section.romInfo div div.rwbdr {
    width: 102% !important; }
  .htlview-details-row {
    display: initial !important; }
  #myinput, input#myinput2 {
    width: 95% !important; }
  .example input {
    width: 84% !important; }
  .col-sm-3.price-border {
    max-width: 100% !important;
    justify-content: right !important;
    display: grid;
    position: absolute;
    top: 125px; }
  .strip_all_tour_list.wow.fadeIn.animated.animated {
    position: relative !important; }
  .htlbtm {
    margin-bottom: initial !important; }
  a.btn.text-light {
    margin-bottom: 28px; }
  .strip_all_tour_list.wow.fadeIn.animated.animated {
    border-bottom: 1px solid #e6e1e3;
    margin-bottom: 26px; }
  .col-sm-3.price-border, .htlbtm {
    border: none !important; }
  .col-sm-12.col-md-12.col-lg-3 {
    padding: 0; }
  .teb {
    display: block; }
  .blck {
    max-width: 100% !important; }
  button.btn.btn-primary.det-btnn {
    position: relative;
    right: 58%; }
  .col-md-6.col-xs-12.ar-right {
    max-width: 100% !important; }
  .pkg-alldet {
    margin-left: -32px; }
  .pkg-det1 {
    padding-left: 0; }
  .pkg-det2 {
    padding: 0; }
  .filter-container .filter-section .filter-options li label {
    width: initial !important; }
  button.btn.btn-default {
    font-size: 11px; }
  .row.ng-pristine.ng-invalid.ng-touched > div {
    max-width: 100% !important; }
  input.form-control.ar-right.ng-pristine.ng-invalid.ng-touched {
    border-radius: 5px; }
  div.ng-pristine.ng-invalid.ng-touched div.col-md-4 {
    max-width: 100%; }
  button.btn.btn-default {
    font-size: 11px; }
  button.btn.btn-primary {
    font-size: 15px; }
  button.btn.btn-default {
    font-size: 12px; }
  .form-group input {
    width: 100%; }
  .form-group select {
    width: 100% !important; }
  .form-group.ng-untouched.ng-pristine.ng-invalid div {
    max-width: 100%; }
  .input-group.full_width {
    display: block; }
  .col-md-4.col-sm-6.col-xs-6.ar-right {
    max-width: 100%; }
  .col-md-4.col-sm-6.col-xs-12.ar-right {
    max-width: 100%; }
  .col-lg-8.find-us__question {
    width: 100% !important;
    margin-bottom: 28px; }
  div.ng-untouched.ng-pristine.ng-invalid > div > div {
    display: block; }
  
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .adv-mod-search {
      padding: 0% 22% !important; }
    .mod-ser-htl {
      padding: 0% 22% 0% 23% !important; } }

}


@media only screen and (max-width: 576px) {
    .group-title .main-title {
        font-size: 23px;
    }
    .group-title {
        margin-bottom: 20px;
        text-align: left;
        /* margin-top: 20px; */
        /* padding-left: 24px; */
    }
    .destination__thumb img.img-fluid {
        margin-right: 0px;
        border: 1px solid #dcdcdc69;
        border-bottom: 0px;
        width: 100%;
    }
    .find-us {
        padding: 20px;
    }
    .Destinations-type {
        padding: 20px 0px;
    }
    .tour-gallery {
       
        margin-bottom: 10px;

    }
    section.Destinations-type.traveller .card {
        margin-top: 0px;
    }
    .gallery-tour {
        padding: 20px 0px 20px;
    }
    .adv-mod-search {
        padding: 0px 15px;
    }


}


@media only screen and (max-width: 767px) {
    hotel-modify-component .hotel-modify div {
        margin-top: 0px;
    }

    .row.hotel-modify > .col-md-2 .row.htl_ad_pop {
        margin-top: 11px !important;
    }

    hotel-result .mod-ser-htl {
        padding: 12px 30px !important;
    }

    hotel-result .top-htl-details > .container > .col-md-12 {
        padding: 10px 0px 0px;
    }

    hotel-modify-component .selected_box_top.selected_box_tri.responsive-adj > input {
        text-align: left;
    }

    hotel-modify-component .hotel-modify i.fa.fa-search-plus.new_user {
        top: 15px;
        display: none;
    }

    hotel-modify-component input#txtvpax {
        width: 100% !important;
        height: 36px;
    }
    hotel-modify-component .hotel-modify .room_block > div > div {
        flex-direction: row;
    }
    hotel-modify-component #htlbottom > div.room_block > div > div.col-sm-5.col-xs-5 label {
        padding-left: 0;
    }
    checkout-itinerary-details .pull-left.text-center.width20prc.airline-logo-holder img {
        width: 30px;
    }

    checkout-itinerary-details .display-flex.no-margin > div {
        margin: 0px;
    }

    checkout-itinerary-details .pull-left.text-center.width20prc.airline-logo-holder > div {
        font-size: 10px;
        font-weight: 600;
    }

    checkout-itinerary-details .pull-left.text-center.width20prc.airline-logo-holder div {
        font-size: 10px !important;
    }

    checkout-itinerary-details .display-flex.no-margin {
        font-size: 11px;
    }

    checkout-itinerary-details .pull-left.flight-misc-info {
        font-size: 9px;
        font-weight: 800;
    }

    checkout-itinerary-details .flight-layover {
        font-size: 11px;
    }

    checkout-itinerary-details hr.itinerary-flight-seg {
        border-top: 1px solid rgb(42 196 234) !important;
    }

    checkout-itinerary-details span.trip_date {
        font-size: 12px;
    }

    checkout-itinerary-details .flightTripInfoLine {
        padding-top: 0px;
        margin-bottom: 13px;
        font-size: 14px;
    }
    /*.scroll-div{
        flex-direction:column;
    }*/
    /*pax*/
    button.pax-accordion {
        width: 100%;
    }

    .paxspan-last {
        font-weight: 600 !important;
        font-size: 11px !important;
    }

    .cust-tab .active:after {
        top: -7px;
    }

    .pax-span div {
        font-size: 12px;
        font-weight: 100;
    }

    .paxleft {
        position: sticky;
        top: 123px;
        display: none;
    }

    .day_tab h3 {
        margin-top: 14px;
        margin-bottom: 0px;
        font-weight: 800;
    }

    .serviceblock button.btn.btn-primary {
        position: static;
        width: 92px;
    }

    .day-description {
        display: flex;
        flex-direction: column;
    }

    .details-all-block {
        margin-top: 13px;
    }

    .itinerary-headings {
        text-align: right;
        background-color: #213a72 !important;
        padding: 5px !important;
        width: 50%;
        font-size: 13px;
    }

    .pax-accordion:after {
        font-size: 25px !important;
    }

    day-description h5 {
        font-weight: 700;
        line-height: 16px;
        font-size: 11px;
    }

    .day-description img {
        height: 75px;
        width: 100px;
    }

    .day-data {
        padding-right: 9px;
        padding-left: 10px;
    }

    .day-detail {
        padding: 5px 5px;
    }

    .det-img {
        height: 277px;
        max-height: 277px;
    }

    section.details-page {
        padding-top: 59px !important;
    }

    .left-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .det-cities {
        padding: 0px;
        font-weight: bold;
    }

    .det-right-block {
        padding: 0px 15px;
    }

    .bottom_div {
        padding: 0px 15px;
    }

    fix-package-detail .tabs {
        margin: 0px;
    }

    ul.click-tabs {
        margin: 0px;
    }

    section.day_tab > div > div > div {
        padding: 0px;
    }

    .heading-det {
        font-size: 17px;
    }

    .details-price-div {
        padding: 4px 5px 0px;
    }

    .details-price-div {
        border-radius: 1px;
        padding: 7px 5px 5px;
        display: flex;
        justify-content: space-between;
    }

    .from-to {
        border-radius: 1px;
        padding: 4px 5px 0px;
    }

        .from-to > div {
            padding: 0px 3px;
        }

    .priceD {
        font-size: 15px;
        font-weight: bold;
        color: #333;
    }

    div.from-to > div.col-md-12 > i {
        top: 44px;
        left: 13px;
    }

    fixpkg-modify form button.btn {
        padding: 5px 0px;
        width: 136px;
        font-size: 12px;
        font-weight: 800;
        margin-top: 13px !important;
        margin-bottom: 4px;
    }


    .itinerary-days {
        background-color: #83daf6 !important;
        width: 50%;
        display: inline-block;
        font-size: 12px;
    }

    #Itinerary > div > div > div > div {
        padding: 0px;
    }


    .itinerary-days {
        background-color: #213a72 !important;
        width: 50%;
        display: inline-block;
        padding: 8px !important;
    }

    #Itinerary > div > div > div > div p {
        line-height: 25px;
        padding: 10px 0px !important;
    }

    .day-description h5 {
        font-size: 11px;
        font-weight: 700;
        line-height: 18px;
    }

    .day-data small {
        font-size: 9px;
        font-weight: 800 !important;
    }

    .day-data h6 {
        font-size: 13px;
        font-weight: 800 !important;
    }

    .details-all-block h4 {
        font-size: 14px;
    }

    .details-all-block h4 {
        color: #213a72 !important;
        font-size: 14px;
    }

    div#Exclusions {
        font-size: 13px;
        line-height: 25px;
    }

    .paxspan-first {
        background-color: #213a72;
    }

    div#Exclusions {
        font-size: 14px;
        line-height: 30px;
        font-size: 13px;
        line-height: 25px;
    }

    #Destination\ Info > div > div {
        padding: 0px 0px !important;
    }

    #Destination\ Info p.destination-headings {
        background-color: #213a72 !important;
        margin: 8px 0px 0px;
        font-size: 12px;
    }

    #Destination\ Info > div > div > div > div.col-md-10 > p:nth-child(2) {
        padding: 2px !important;
        font-size: 13px;
        line-height: 25px;
    }

    .details-all-block {
        padding: 0px 10px 5px;
    }

    .details-all-block {
        margin-bottom: 0px;
    }

    second-detail h4 {
        line-height: 16px;
        font-size: 12px;
    }

    h5.px-room {
        font-size: 11px;
        margin: 0px;
        padding-bottom: 2px;
        padding-top: 21px;
        line-height: 16px;
    }

    h5.px-bed {
        font-size: 11px;
        margin: 0px;
        padding-bottom: 2px;
        padding-top: 21px;
        line-height: 16px;
    }

    .third-cost {
        font-size: 11px;
    }

    .search-Htl-bottom {
        flex-direction: column;
    }

    first-img {
        width: 100%;
    }

    .search-Htl-bottom {
        border: 1px solid gainsboro;
        padding: 5px;
    }

    .second-detail {
        width: 100%;
        padding: 10px 0px;
    }

    .third-cost {
        width: 100%;
        padding: 0px;
    }

    .second-detail h4 {
        font-size: 13px;
    }

    .first-img {
        width: 100%;
    }

    .third-cost .last-div {
        position: static;
    }

    fixpkg-change-hotelm .third-cost > div:first-child {
        padding-right: 0px;
    }

    best-offer .form-row input {
        border-radius: 4px;
    }

    best-offer .form-row select {
        border-radius: 4px;
    }

    hotel-search-control .form-row .blck select {
        padding: 0px 20px;
        font-size: 12px;
        border-radius: 4px;
        margin-bottom: 0px;
    }

    hotel-search-control select#rating {
        font-size: 13px;
        padding: 5px 19px;
        height: 32px;
        margin-bottom: 0px;
    }

    hotel-search-control select#nationality {
        padding: 5px 19px;
        margin: initial !important;
        width: 100% !important;
        height: 32px;
        font-size: 13px;
    }

    flight-search .form-row.one_ww {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    flight-search .one_ww > div {
        width: 100%;
        max-width: 100%;
    }

    fixpkg-modify p.text-left.pl-2 {
        padding: 0px !important;
        margin-top: 9px;
    }
    fixpkg-modify .m-1 {
        padding: 0px 12px 0px 12px;
        margin: 0px !important;
        margin-top: -12px !important;
    }


    fixpkg-modify #member .collapse-pax .row .col-sm-3 {
        padding: 3px;
        display: inline-block;
        width: 25%;
    }
    fixpkg-modify #member .collapse-pax .col-md-12 .col-md-3 {
        padding: 3px;
        display: inline-block;
        width: 25%;
    }
    fixpkg-modify .from-to .collapse-pax input, fixpkg-modify .from-to .collapse-pax select {
        width: 100%;
    }
    fixpkg-modify #member > div > div.form-group > div select {
        width: 51px !important;
    }
    .top-bar span {
        margin-right: 1px;
        font-size: 11px;
        color: #b7b7b7;
        cursor: pointer;
        font-weight: normal;

    }
    .top-bar i {
        font-size: 11px;
        margin: 0px 5px;
    }
    fix-package-detail .left-block {
        padding-left: 15px;
        padding-right: 15px !important;
        margin-right: inherit !important;
    }
    fixpkg-modify #member .collapse-pax .row .col-sm-12 {
        padding: 0px 5px;
    }
    .menu-icon img {
        height: 19px;
    }
    hotel-details .slider_bigimg img {
        height: 240px;
    }
    hotel-details div#roomAmenities .amenty > div {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    hotel-details div#roomAmenities .amenty {
        margin-top: 0px !important;
    }
    hotel-search-control div#htlbottom .form-group .row > .col-sm-4 {
        width: 33% !important;
        display: inline-block;
        margin-bottom: 7px;
    }
    .hover-line:hover::after{
        display:none;
    }
    .member .form-group {
        margin-top: 22px;
    }
    hotel-search-control div#htlbottom > div:last-child {
        padding: 0;
    }
    checkout .sesion-expire.text-center {
        width: 90% !important;
    }

        checkout .sesion-expire.text-center strong {
            line-height: 32px;
            font-size: 17px;
        }

    checkout textarea.form-control {
        height: auto;
        width: 90%;
        margin: auto;
        border-color: #9390905e !important;
    }
  
}