/* ==========================================================================
   AIRSSIST — TABLET & MOBILE STYLESHEET
   This file contains ALL responsive overrides for screens ≤ 1024px.
   It is loaded AFTER style-new.css.

   Structure:
     1. Animations & Global Mobile Helpers
     2. max-width: 1024px  — Tablet overrides
     3. max-width: 991px   — Small tablet / landscape phone
     4. max-width: 920px   — Narrow tablet
     5. min-width: 921px   — Hide mobile-only items on wider screens
     6. max-width: 780px   — Large phone
     7. max-width: 780px   — Sub-sections continued (forms, sections, etc.)
   ========================================================================== */


/* ==========================================================================
   1. ANIMATIONS & GLOBAL MOBILE HELPERS
   ========================================================================== */

:root {
  --orange: #ffba00;
}

.orange-clr { color: var(--orange) !important; }

.fade-in {
  opacity:                  1;
  animation-name:           fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration:        2s;
}

@keyframes fadeInOpacity {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* Background images (defined globally, used on various pages) */
.hero-vip-t {
  background:          var(--wpr-bg-4709dc01-92a6-4725-bd0d-bc8341960256);
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center;
}
.circle1 {
  background:          var(--wpr-bg-94a738c7-cea9-4acb-9204-b1b1857c073c);
  background-repeat:   no-repeat;
  background-position: top right;
  background-size:     auto;
}
.circle2 {
  background:          var(--wpr-bg-08393db0-2c65-4808-8efc-7fa7f6ae0d8f);
  background-repeat:   no-repeat;
  background-position: top left;
}
.dotted-bg {
  background:          var(--wpr-bg-2d17f6f0-06a9-4cbb-aee3-0a063fcbbd75);
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center top;
}
.dark-bg { background: #05101c; }
.l-bg {
  background:          var(--wpr-bg-92177ae7-8d10-4dda-92c1-9782da84745f);
  background-repeat:   no-repeat;
  background-position: center top;
}


/* ==========================================================================
   2. TABLET (max-width: 1024px)
   ========================================================================== */

@media (max-width: 1024px) {

  /* --- Layout: show mobile nav, hide desktop --- */
  header {
    height: 0;
    width:   100% !important;
    padding: 0 !important;
  }
  .headernavcontainer {
    display:          block;
    z-index:          1500;
    position:         relative;
    width:            100%;
    height:           auto;
    padding:          8px 30px;
    min-height:       50px;
  }
  .mobilebtncontainer {
    display:          flex;
    justify-content:  space-between;
    align-items:      baseline;
    position:         relative;
    background-color: #fff;
    width:            100%;
    height:           auto;
    padding:          8px 30px;
  }
  .headernav,
  .logomobile { position: relative; display: inline-block; vertical-align: middle; }
  .logomobile { padding: 1px 0 0; max-width: 29%; text-align: center; }
  .headernav  {
    cursor:           pointer;
    border:           1px solid #b9b9b9;
    border-radius:    5px;
    background-color: #fff;
    overflow:         hidden;
    padding:          14px 0;
    margin:           0;
    z-index:          50;
    width:            10%;
    height:           20px;
    float:            right;
  }
  .booknow-menu { display: block; background: #3390fb; padding: 0.5em; border-radius: 10px; margin: 0; color: #fff; }

  /* Hide desktop-only elements */
  .booking_history_tab_content,
  .booking_history_table_container,
  .desktopmenu,
  .dropdown-toggle::after,
  .headercontainer,
  .headerli:before,
  .payment_col_data:before,
  .payment_col_header:before,
  .provider_col_line,
  .scrolliconcontainer,
  .section5_box_center:after,
  .section5_box_center:before,
  .side_menu .dropdown-divider,
  .step_mobile_number,
  .subadmin_table_container,
  .topheader,
  .userprofile_fixed_container,
  .userprofile_setting,
  .wallet_table_container { display: none !important; }

  /* --- Hamburger animation --- */
  .active .menulinecenter1 { transition: 0.3s; transform: rotate(45deg);  top: 10px; position: absolute; -webkit-transform: rotate(45deg); }
  .active .menulinecenter2 { transition: 0.3s; margin-top: 100%; }
  .active .menulinecenter3 { transition: 0.3s; transform: rotate(-45deg); top: 8px;  position: absolute; -webkit-transform: rotate(-45deg); }
  .headerNavAnimation1Line1 { transition: 0.4s; transform: rotate(45deg);  top: 10px; }
  .headerNavAnimation1Line2 { transition: 0.4s; margin-left: 100%; }
  .headerNavAnimation1Line3 { transition: 0.4s; transform: rotate(-45deg); top: 4px; }

  /* --- Mobile aside/sidebar menu --- */
  aside {
    position:   absolute;
    width:      300px;
    height:     100vh;
    background: #fafafa;
    color:      #626262;
    text-align: left;
  }
  aside::before      { content: ""; height: 10vw; display: block; }
  aside .dropdown-item:active,
  aside.dropdown-item.active { color: #626262; background-color: #fafafa; }
  ul#menu-main-header-menu-1 { margin-top: 1rem; }
  .mobile_header_signin      { background: #ec1c26; padding: 5px; border-radius: 5px; color: #fff; }
  .headersign .dropdown-menu { right: 0 !important; left: auto !important; transform: none !important; top: 5vw !important; }
  .headersign .btn-secondary { background-color: transparent; border-color: transparent; color: inherit; padding: 0; }
  .btn-secondary:not(:disabled):not(.disabled).active,
  .btn-secondary:not(:disabled):not(.disabled):active,
  .show > .btn-secondary.dropdown-toggle { color: #666; background-color: transparent; border-color: transparent; }
  .side_menu .dropdown-item { padding: 2.5vw 4vw; border-bottom: 1px solid #efefef; margin: 0; width: 100%; cursor: pointer; }

  /* --- Home slider / form --- */
  .home_section1         { background-image: none; padding-top: 0; }
  .home_section1_bg      { padding: 0; height: 100%; }
  .home_slide            { height: 70%; }
  .slider_form_input     { top: 0; margin: 16% 0 27%; }
  .homeinputrow          { margin: 0 0 5%; }
  .homeinputcolumn       { width: 55%; display: block; margin: 0 auto 2vw; }
  .homeinputcolumn_last  { width: 26%; margin: 0 auto; }
  .homeinputcolumn_last input.homegoldbutton,
  .homeinputcolumn_last input.homegraybutton { padding: 1vw 0 !important; height: auto; line-height: normal; }
  .videolayer            { height: 100%; width: 90%; padding: 0 5%; }
  .video                 { object-fit: contain; }
  .hometextline          { margin: 5% 0 12%; }
  .videopopup            { margin-top: 21%; }

  /* --- Home sections --- */
  div.home_section2_right    { height: auto; margin: 0 auto; width: 60%; display: block; }
  div.home_section3_left,
  div.home_section4_right    { height: 35vw; margin: 0 25%; width: 50%; }
  .home_section3_left .sectionbg,
  .home_section4_right .sectionbg { background-size: contain; }
  .home_section4  { background-position: right; background-size: cover; padding: 6% 7% !important; }
  .section5_icon  { width: 79vw !important; }
  .section5_box   { box-sizing: content-box; }
  .section6_image { height: 13rem; }
  .section_desc6, .section_title6 { min-height: auto; }
  .section5_box, .section6_box, .sectiondesc4, .sectiondesc5, .sectiontitle2, .sectiontitle3 { height: auto !important; }
  div.section8_box1 { width: 23%; padding: 0 0 4% 14%; }
  div.section8_box2 { width: 100% !important; text-align: center; padding: 2% 6%; }
  .section8_box3    { width: 69% !important; margin: auto; display: block; }
  .section8input .submitbutton2,
  .home_section9.tabsection,
  .service_total_amount_label { padding: 0; }
  .section8input    { width: 48%; display: inline-block; vertical-align: top; margin: 0; }
  .section8_box3 .section8input:first-child { margin: 0 3% 3% 0; }
  .section8input:last-child { margin: auto; display: block; width: 38%; }
  .home-services-section { padding: 8% 2%; }
  .flags { padding: 7% 0; }
  .blogsection { padding: 2% 12%; }

  /* --- Sections 7 --- */
  .section7image         { width: 50%; margin: auto; }
  .section7imagecontainer { height: 43vw; }
  .section7_box1, .section7_box3 { height: 52vw; padding: 2% 10% !important; }
  .section7navli         { width: 2vw; height: 2vw; margin-right: 3vw; }
  .commentbox            { width: 50%; margin: 0 25%; }
  .commentarrow          { top: 59%; width: 2vw; }

  /* --- Section 9 / footer --- */
  .socialcontainer  { padding: 5% 10%; }
  .logomobile, .sevn-icons, .socialcontent, div.tab_copyright { text-align: center; }
  .socialcontent    { padding: 1rem 0 0; width: 100%; }
  .socialiconimage  { height: auto; }
  .section9logo     { width: 28%; margin-right: 12%; vertical-align: middle; }
  .address          { font-size: 1rem; width: 54%; vertical-align: middle; margin: 0; }
  div.tab_copyright { display: block; width: 100%; order: 2; }
  div.tab_footer_links { width: 100%; text-align: center; order: 1; }
  #menu-main-footer-menu li, .footerlink { margin: 0 1.5%; }
  .copyright        { padding: 1% 3%; }
  .footercontainer2 { padding: 4rem; }

  /* --- Typography overrides --- */
  .fontx45 { font-size: 36px; }
  .fontx40 { font-size: 26px; }
  .fontx36 { font-size: 24px; }
  .font30  { font-size: 1.5rem; }
  .font50, .font60 { font-size: 2.2rem; }
  .flight_info_label, .font14, .section5_box, .section6_box { font-size: 1rem; }
  .invoice_service_name { font-size: 1.1rem; }
  .dashboard_box_title, .font24 { font-size: 1.335rem; }
  .p_details_big_title { font-size: 200%; }
  .p_details_title     { font-size: 100%; }

  /* --- Buttons --- */
  .addbalance_button, .addbalance_pay_button, .back_button, .buttonstyle1,
  .buttonstyle2, .buttonstyle3, .continue_button, .next_button, .paynow_button,
  .save_button, .select_provider_button, .send_code_button, .signin_button,
  .signup_button, .verify_button  { padding: 1vw 5vw; line-height: normal; height: auto; }
  .signin_button                  { padding: 1.2vw 6vw; line-height: normal; height: auto; }
  .addon_button, .select_package_button { padding: 1.2vw 0; }

  /* --- Header sign --- */
  .mobile_header_signin .headerli { margin: 0; }
  .addbalance_row, .package_box:nth-child(3n + 2),
  .text_container, form#signup_form .popup_field { margin: 0; }

  /* --- Bookingflightsvg --- */
  .bookingflightsvg, .bookingairportsvg { width: 20px !important; }

  /* --- Sidebar --- */
  .et_right_sidebar #sidebar { padding: 0 0.5em !important; margin-left: 0; border-left: none; }

  /* --- Tab sections --- */
  .secondmobilebanner { background-color: #fff; border-bottom: 1px solid #a0a0a0; }
  div.tabsection      { margin: 0; padding: 6% 0; width: 100%; }
  div.tab_text_section  { margin: 0 8% 5%; padding: 0; width: 84%; }
  div.tab_image_section { margin: 0; padding: 0; width: 100%; height: auto; }
  div.tab_desc          { width: 100%; margin: 3% 0 5%; }
  div.tab_column        { width: 80%; margin: 0.1% 0; padding: 5% 10%; }
  div.tab_icon          { width: 14vw; }

  /* --- Grid / order --- */
  .gridcell, .subadmin_search_container.inputform, .wallet_box, div.displaygrid { display: grid; }
  div.order1 { order: 1; }
  div.order2 { order: 2; }
  div.order3 { order: 3; }

  /* --- Forms --- */
  .airport_form_textline, .home_form_textline { margin: 8% 0; }
  .gray-sec-icons, .sec-icons { margin-left: auto; margin-right: auto; }
  .home_form_content    { padding: 0 4% 24%; }
  .airport_input_forms  { padding: 26vh 4% 14vh; }
  .bri                  { width: 100%; margin-top: 20px; }
  .spacing-con          { height: 0.5rem; }
  .main-img             { width: 70%; }
  .gray-right-border    { border: 0; }
  .reviews-slider       { margin: 0 2rem; }
  .register_btn_provider { text-align: left; }
  .register_btn          { padding: 1% 4%; }

  /* --- Icons --- */
  .sevn-icons      { width: calc(100% / 2); display: inline-block; vertical-align: top; background-color: #f5f5f5; border-right: 0 solid #fff; padding: 2rem; text-align: center; }
  .gray-sec-icons  { width: 12%; min-height: 5rem; padding-bottom: 0.5rem; }
  .main-icons      { width: 15%; margin: auto; }
  .gray-icon-margin { margin-bottom: 0; }
  .sec-icons       { width: 20%; min-height: 3rem; padding-bottom: 0.3rem; }

  /* --- Cookie bar --- */
  .cookie_bar   { width: 90%; left: 5%; }
  .cookie_icon  { width: 4%; }
  .cookie_msg   { width: 82%; }
  .close_cookie { width: 1%; margin-left: 2%; }

  /* --- ET Bloom inputs (tablet sizing) --- */
  .et_bloom .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input,
  .label_not_verified,
  body.body_container .ui-autocomplete .ui-autocomplete-input { height: 6vw; line-height: 6vw; padding: 0 2vw; }
  .et_bloom .et_bloom_bottom_stacked button.et_bloom_submit_subscription { height: 6vw; line-height: 6vw; }

  /* --- VIP page --- */
  .viplounngetitle-border     { border: #fff solid 1px; border-radius: 15px; }
  .viplounngetitle-border h1  { font-size: 1em !important; }
  .vec-logo                   { margin-right: 20px; }

  /* --- Page review --- */
  .page_review_container  { padding: 6vw 10vw; }
  .review_scroll_content  { height: 30vw; }
  .page_review_box_left, .page_review_box_right { width: 100%; }
  .page_review_box_left   { width: 35%; }
  .page_review_box_right  { width: 65%; }
  span.bs-rating-star     { line-height: 1; }

  /* --- App block --- */
  .appblock { margin-left: 0; margin-bottom: 3rem; }

  /* --- Meet & Greet --- */
  .row.meet-greet-service .col-xl-4:nth-child(2) .col-12 { border-width: 0; }
  .empty-col { display: none; }

  /* --- Booking history (mobile table) --- */
  .booking_history_mobile_container { display: block; margin-top: 2px; }
  .booking_history_tab_row          { margin-bottom: 0.8vw; }
  .booking_history_tab_table td,
  .booking_history_tab_title        { text-indent: 0; padding: 1.5vw 4vw; }
  .booking_history_tab_title {
    background: #e7e7e7; color: #4b4b4b; font-weight: 700;
    position: relative; width: 100%; cursor: pointer;
  }
  table.booking_history_tab_table   { border: 0 solid #e7e7e7; border-width: 0 1px 1px; border-spacing: 0; }
  .booking_history_tab_table td:first-child,
  .tab_date_title { width: 36%; }
  .booking_tab_icon {
    width: 1.8vw; position: absolute; right: 2vw; top: 2.2vw;
    font-size: 0; transition: 0.2s;
  }
  .booking_tab_icon_active { transition: 0.2s; transform: rotate(-90deg); }
  .booking_history_tab_table tr:nth-child(2n + 2) { background: #f7f7f7; }

  /* --- Wallet --- */
  .wallet_success_color  { color: #5bb25d; font-weight: 700; }
  .wallet_initial_color  { color: #405eab; font-weight: 700; }
  .wallet_failed_color   { color: #c33341; font-weight: 700; }
  .wallet_success  { background-color: rgba(91,178,93,.88); color: #fff; }
  .wallet_initial  { background-color: rgba(64,94,171,.85); color: #fff; }
  .wallet_failed   { background-color: rgba(195,51,65,.85);  color: #fff; }

  /* --- UI addon dialog (tablet sizing) --- */
  .ui-addon-dialog .addon_bg { padding: 5vw 8vw !important; }
  .ui-addon-dialog button.addon_modal_save_btn,
  .ui-addon-dialog button.ui-button-secondary,
  .ui-addon-dialog button.ui-button.ui-button-text-icon-left { width: 18vw !important; padding: 1vw 0 !important; }
  .ui-addon-dialog .ui-button-text-icon-left .ui-button-text,
  app-sub-admin .ui-button-text-icon-left .ui-button-text    { padding: 0.9vw 1vw; }
  .ui-dialog-content.ui-widget-content { width: 100% !important; }
  body.body_container p-dialog.ui-addon-dialog > div         { left: 5% !important; width: 90% !important; min-width: auto !important; }
  .ui-addon-dialog .ng-star-inserted { margin-bottom: 3vw; }
  .ui-addon-dialog .ui-dialog-titlebar { padding: 3.6vw 0 !important; }

  /* --- Various sizing overrides --- */
  .scrollicon          { width: 2vw; margin-bottom: 1.5vw; }
  .booking-center-section { padding-left: 2% !important; padding-right: 2% !important; }
  .menu-user-type      { width: 33%; right: 0; top: 3rem; }
  .row.service-row     { margin-right: -18%; }
  .inquiry-section     { padding: 4% 4% 3%; }
  .inquiry-title       { font-size: 33px; }
  .top_header          { padding: 2% 5%; z-index: 1000; background-color: #fafafa; }
  .msg_button          { padding: 1vw 4vw; }

  /* --- Provider --- */
  .provider_container  { margin-bottom: 2vw; border: 1px solid #eee; }
  .provider_container:nth-child(2n + 2) { background: #f1f1f1; }
  .admin_reply, .invoice_container, .provider_row { padding: 2vw 3vw; }
  .provider_col        { width: 100%; padding: 0 0 2vw; border-bottom: 1px solid #eee; margin-bottom: 2vw; }
  .provider_title      { width: 30%; margin: 0; vertical-align: top; color: #a0a0a0; }
  .provider_col_right, .provider_value { display: inline-block; width: 69%; }
  .provider_col_left   { width: 30%; color: #a0a0a0; margin: 0; }
  .rating_container    { width: 50%; }
  .reviewvalue         { width: 18%; font-weight: 700; }
  .provider_col_3      { border: none; margin-bottom: 1vw; }
  .provider_col_4      { border: none; width: 100%; margin: 0 auto; padding: 0 0 0 30%; }
  .select_provider_button { width: auto; display: inline-block; }

  /* --- Packages --- */
  .package_content     { padding: 2vw 3vw; text-align: left; }
  .package_box, .payment_row_left:nth-child(3) { width: 48%; }
  .package_box:nth-child(2n + 2)     { margin: 0 0 4% 3%; }
  .package_box_title_container       { padding: 2vw 3vw; height: auto !important; }
  .package_box:nth-last-child(-n + 3) { margin-bottom: 4%; }

  /* --- Payments --- */
  .account_right2, .label_not_verified, .label_verified, .payment_radio, .tab_date { width: 30%; }
  .create_sub_admin_phone_number, .tab_status_title { width: 68%; }
  .user_profile_email     { width: 59%; }
  .user_profile_phone_number { width: 39%; }
  .chat_user_icon_content, .input_field_code { width: 26%; }
  .input_field_number     { width: 64%; }
  .input_field, .passenger_details_input { width: 90%; }
  .payment_select         { margin: 0; width: 40%; }
  .payment_table td.payment_right_billing { padding: 2vw 3vw; display: inline-block; width: 100%; order: 1; margin-bottom: 1vw; }
  .payment_row_left:nth-child(2) { width: 48%; margin-right: 4%; }
  .filter_checkbox.payment_checkbox, .flight_details_value, .greeter_right,
  .package_row_rating_right, .payment_details_value { width: 55%; }

  /* --- Confirm details --- */
  .confirm_table1 .confirm_details_left,
  .payment_table .payment_col_header {
    text-indent: 0; width: 100%; vertical-align: middle; height: auto;
    line-height: initial; order: 2; display: flex; float: left; padding: 2vw 3vw;
  }
  .confirm_table1 tr .confirm_details_center,
  .confirm_table1 tr .confirm_details_right,
  .payment_table tr .payment_col_data {
    height: auto; width: 100%; line-height: initial; padding: 2vw 3vw;
    display: flex; order: 3; border-width: 0 1px !important; text-align: left;
  }
  .payment_table tr:last-child .payment_col_data { border-width: 0 1px 1px !important; display: block; padding: 2vw 3vw; }
  table.confirm_table1, table.payment_table { width: 100%; display: block; }
  .confirm_table1 tbody, .payment_table tbody, .payment_table tr { display: grid; width: 100%; }
  .confirm_table1 tr { display: block; width: 100%; }
  td.confirm_details_5 { width: 50%; text-align: left; float: left; border-width: 0 1px 1px !important; padding: 2vw 3vw; }
  td.confirm_details_5:last-child { width: 100%; text-align: center; background: #efefef; }
  .confirm_table1 tr .confirm_details_center:before { content: ""; position: absolute; background: #eee; width: 90%; height: 1px; bottom: 0; }

  /* --- Passenger details --- */
  .passenger_icon          { width: 6vw; height: 2.9vw; }
  .passenger_details_text  { text-align: left; width: 11vw; margin: 0 1vw; }
  .passenger_details_value { font-weight: 700; }
  .confirm_details_icon    { width: 4vw; height: 2.3vw; text-align: left; }
  .passenger_info_button, .passengers_tab_input:nth-last-child(-n + 2) { margin-bottom: 0.9vw; }
  .passengers_tab_left, td.addon_value_td { width: 20%; }
  .passengers_tab_title    { padding: 2vw 0 2vw 4vw; text-indent: 0; }
  .passengers_tab_right    { width: calc(80% - 2px); padding: 1.2vw 3vw 2.7vw; }
  .passengers_tab_input    { width: 100%; margin-bottom: 0.9vw; margin-left: 0 !important; }
  .input_field_check, .passenger_details_msg_error, .passengers_tab_msg_error { margin-left: 10%; width: 90%; }

  /* --- Flight info --- */
  .flight_info_container   { padding: 5vw 3vw; }
  .flight_info_left        { width: 100%; margin-bottom: 5vw; border-bottom: 1px solid #eee; padding-bottom: 4vw; }
  .flight_info_col         { width: 22%; margin-right: 3%; margin-top: 1vw; }
  .flight_info_value_input { padding: 1vw 2vw; }
  .flight_info_right_form  { border: none; margin-top: 0; padding: 1.6vw 0; background: 0 0; }
  .flight_info_radio label { margin-left: 0; }
  .filght_input_value      { line-height: 4vw; }

  /* --- Bill inputs --- */
  .bill_input_col          { width: 48%; margin-right: 4%; margin-bottom: 0; }
  .bill_input_col:last-child, .filter_to, .filter_to_date { margin-right: 0; }
  .bill_input_col:first-child { width: 100%; margin-bottom: 1vw; margin-right: 0; }

  /* --- Dashboard --- */
  .dashboard_box_title     { height: 6vw; }
  .dashboard_box           { height: 24vw; }
  .corporate_details_box, .corporate_details_box_center { width: 100%; margin: 1% 0; }
  .filter_ddl, .filter_ddl2 { text-align: left; margin-right: 0; width: 100%; margin-bottom: 2vw; }
  .subadmin_left, .subadmin_right { width: 100%; border-left: none; text-align: left; padding: 0; margin: 0; }
  .subadmin_right { border-bottom: 1px solid #eee; padding-bottom: 3%; margin-bottom: 3%; }
  .subadmin_left  { order: 2; margin-bottom: 6vw; }
  .subadmin_title { margin-right: 9%; }
  .provider_booking_list_container { display: grid; text-align: left; }
  .userprofile_user_icon   { margin-right: 4%; width: 14%; }
  .tab_status_title_value  { margin-left: 1%; }
  .booking_history_button, .subadmin_status_button, .table_button { margin: 0 2vw; width: 3vw; }
  .booking_history_tab_table .table_button { margin: 0 2vw 0 0; width: 3.5vw; }
  .add_more_icon           { font-size: 2vw; width: auto; }

  /* --- Loader --- */
  .loader_container, .search_button { height: 5vw; line-height: 5vw; }
  .loader_bg { height: 2.5vw; line-height: 2.5vw; }

  /* --- Messages / Chat --- */
  .message_container        { margin: 1vw 0; }
  .message_text             { height: 2vw; line-height: 2vw; }
  .message_send_container   { height: 6vw; line-height: 4vw; padding: 0.9vw 2vw; text-align: right; }
  .messages_left            { height: 60vw; width: 35%; }
  .messages_right           { width: 65%; height: 60vw; padding: 2vw; }
  .message_content          { height: 49vw; border: 1px solid #eee; border-radius: 6px; padding: 0 1vw; }
  .send_content             { width: 75%; line-height: normal; }
  .send_button              { padding: 0 2% 0 0; width: 20%; line-height: normal; height: auto; }
  .file-inpu + label        { margin-right: 0; width: 5%; }
  .send_button:after        { width: 1.5vw; height: 1.5vw; top: 0.4vw; }
  .message_content::-webkit-scrollbar,
  .messages_left::-webkit-scrollbar { width: 1.8vw; }
  .contact_name             { line-height: 6vw; max-height: 8vw; height: 8vw; padding: 1vw 0 1vw 4vw; }
  .chat_system, .chat_user, .popup_buttons { margin: 2vw 0; }
  .chat_user_text_system, .chat_user_text_user { padding: 0.6vw 2vw; max-width: 72%; }
  .chat_user_text_system:after, .chat_user_text_user:after { top: 1.2vw; }
  .chat_user_name           { display: block; }

  /* --- Popup login --- */
  .popup_login_container    { width: 74%; margin: auto; padding: 4% 6%; height: auto !important; }
  .account_radio            { margin: 0.5vw 0; }
  .account_left             { width: 33%; }
  .account_right            { margin: 0 2%; width: 33%; }
  .popup_field              { margin: 0 0 2vw; }
  .popup_field2             { margin: 2.5vw 0 3.5vw; }
  .close_popup, .close_status_popup { top: 2%; right: 4%; }
  .verify_box               { height: auto; line-height: normal; padding: 0.5vw 0; }
  .popup_register_left, .popup_register_right { width: 100%; margin-right: 0; margin-bottom: 2vw; }
  .register_radio           { margin: 1.5vw 0; }
  .corporate_details_box    { margin: 1% 0 !important; }

  /* --- Review --- */
  .page_review_box          { margin: 24vw 5vw 0; }
  .price_for_person         { right: 16%; top: 18%; width: 82%; }
  .package_row_rating       { margin-bottom: 2.5vw; }
  .package_row_rating:first-child { margin-bottom: 1vw; }
  .package_row_items_list   { padding: 0 0 2.5vw 1.5vw; }
  .package_row_rating_left  { width: 45%; }

  /* --- Misc tablet overrides --- */
  .permissions_table td, .permissions_th { padding: 2% 0; }
  .ui-messages.ui-messages-error.ng-trigger.ng-trigger-messageAnimation { padding-right: 24px; }
  .childInputs              { margin: 0 2% 0.5vw !important; }
  .childInputs input        { height: 3.5vw !important; line-height: 3.5vw !important; }
  .seemore_link_item        { margin: 1vw 0 2vw 2vw; }
  .service_type_box .disabled-select, .service_type_box_button { width: 80%; padding: 1vw 4vw !important; }
  .addbalance_content       { width: 100%; margin-bottom: 1.5vw; }
  .addbalance_text          { width: 40%; }
  .addbalance_input, td.addon_name_td { width: 60%; }
  .addbalance_currency      { position: absolute; left: -20%; line-height: 6vw; }
  .add_package_content_right, .flight_info_right, .package_box_price,
  .package_box_title, .payment_row_left:first-child, .recharge, .user_rate { width: 100%; }
  .admin_button_send, button.contact_button, button.contactform_button { height: 6vw !important; line-height: 6vw !important; }
  .new_tab_details          { width: 2vw; }
  .addbalance_buttons       { margin: 1vw 0 0; }
  .userprofile_li           { height: auto; line-height: normal; padding: 2.6vw 1.5%; }
  .service_type_tab_done, .tab_active { background-color: #dfb259; }
  .service_type_tab         { width: calc(33.33% - 1.5px); }
  .maintitle_bar            { padding: 2vw 0; }
  .input_error_icon:before, .input_error_out:before { left: -3vw; }
  .service_total_amount_container { padding: 0.8vw 0; height: auto; line-height: normal; }
  .scrolliconcontainer      { display: none !important; }
  .mobile_header_title      { padding: 2.5vw 4vw; }
  .internal_page_container  { padding: 10vw 0 0; }
  .tooltip.show             { top: 34px !important; left: 0 !important; }
  ngb-tooltip-window .arrow { top: -8px !important; left: 50% !important; transform: rotate(90deg); }
  .bs-tooltip-left .arrow   { transform: rotate(270deg); }
  input.addon_value_text    { height: 4vw; }
  .socialimage              { width: 3.5vw; margin-top: 1vw; left: 1.5vw; }
  .userprofile_container    { margin-top: 0; overflow: hidden; }
  .search_button            { text-align: center; padding: 0 5vw; }
  .youtube-aboutus iframe   { height: 54% !important; width: 89% !important; padding: 23% 0 0; }
  .tab_title                { padding: 1.5vw 0; }
  .tab_content              { width: calc(25% - 1.5px); margin-right: 2px; margin-bottom: 1px; }

  /* --- Dropdowns --- */
  .add_package_input_2           { width: 100%; margin: 0 !important; }
  .add_package_input_2 .add_package_input_field,
  .add_package_input_field,
  .add_package_input_field2,
  .add_package_input_items       { width: 72%; }
  .add_package_label_items       { width: 23%; }
  ul.overlayul                   { padding: 0 2% 0 10%; }
  li.option_li:before            { width: 1.1vw; height: 1.1vw; left: -2.5vw; top: 0.8vw; }
  li.option_li:after             { top: 1.8vw; left: -1.99vw; }
  .add_package_label__2          { width: 28%; }
  .ui-dropdown, .ui-multiselect  { height: 6vw !important; line-height: 6vw !important; padding: 0 2vw !important; }
  label.ui-dropdown-label.ui-inputtext,
  label.ui-multiselect-label     { line-height: 6vw !important; }
  body.body_container .ui-autocomplete-panel .ui-autocomplete-list-item,
  body.body_container .ui-dropdown-panel .ui-dropdown-item { margin: 0; padding: 2vw; text-align: left; }

  /* --- File upload --- */
  body.body_container .ui-fileupload-content { height: 19vw; }
  body.body_container .ui-fileupload-content ul,
  body.body_container .ui-fileupload-files   { height: 9vw; }
  body.body_container .ui-fileupload         { padding: 2vw; }
  body.body_container .passport_delete_image_btn,
  body.body_container button.ui-button.ui-button-icon-only { width: 3vw; height: 3vw; }
  body.body_container p-fileupload#certificate_of_incorporation .ui-fileupload-content img,
  body.body_container p-fileupload#certificate_of_incorporation .ui-fileupload-row div:first-child img,
  body.body_container p-fileupload#logo .ui-fileupload-row div:first-child img,
  body.body_container p-fileupload#logo img.passport_uploaded_image,
  body.body_container p-fileupload#trade_licence .ui-fileupload-content img,
  body.body_container p-fileupload#trade_licence .ui-fileupload-row div:first-child img { height: 9vw !important; }
  body.body_container p-fileupload#certificate_of_incorporation .ui-fileupload-row,
  body.body_container p-fileupload#trade_licence .ui-fileupload-row { width: auto !important; margin: 0 !important; height: auto; }
  .ui-fileupload-buttonbar .ui-button { display: inline-block; width: auto; margin-right: 2vw; margin-bottom: 1vw !important; margin-top: 1vw; }

  /* --- Filters --- */
  .filter_from, .filter_from_date,
  .filter_to, .filter_to_date  { width: 48%; margin-right: 4%; margin-bottom: 2vw; }
  .filter_keyword               { width: 100%; margin-bottom: 2vw; margin-right: 0; }
  .filter_from:before, .filter_from_date:before,
  .filter_to:before, .filter_to_date:before { top: 1.8vw; width: 4vw; height: 2.5vw; }

  /* --- Invoice --- */
  .invoice_arrow { width: 1.2vw; margin: 0 2vw; }
  .invoice_service_content1, .invoice_service_content2, .invoice_service_content3 { width: 100%; margin: 0 0 3vw !important; padding: 2.5vw 3% 0; background: #fff; border: 1px solid #eee; }
  .invoice_service_content1:last-child, .invoice_service_content2:last-child, .invoice_service_content3:last-child { margin-bottom: 0 !important; }
  .invoice_line_content  { font-weight: 400; margin: 4vw 0; line-height: 0; }
  .invoice_line_content:last-child { margin: 4vw 0; }
  .invoice_service_content1 .invoice_line,
  .invoice_service_content1 .invoice_row_total { background: #fff; }
  .invoice_line          { height: 3vw; line-height: 1; padding-right: 1.5vw; }
  .invoice_row_total     { font-weight: 700; width: 12vw; height: 4vw; line-height: 1; }

  /* --- P details --- */
  .p_details_slide_image, .p_details_slider { height: 60vw; }
  .p_nav { width: 2vw; height: 2vw; margin: 0 1vw; }
  label.container_checkbox { height: auto; line-height: 1; }
  .p_details_titles  { top: 40%; }

  /* --- Service type --- */
  .service_type_container     { line-height: 4.4vw; height: 5vw; }
  .service_type_box_icon      { height: 3.5vw; }
  .service_type_box_container[lounge="disabled"] .service_type_box { width: 32%; padding: 3% 1.5%; margin: 0; }
  .service_type_box_container[lounge="disabled"] .service_type_box:nth-child(2) { margin: 0 2%; }

  /* --- Addon value --- */
  .addon_value_container .minus, .addon_value_container .plus,
  .chat_user_icon, .filght_input_value .minus, .filght_input_value .plus, .rangeicon { width: 4vw; }

  /* --- Add balance --- */
  .add_balance_box, .add_package_content, .booking_history_search_container,
  .corporate_details_container, .page_review_box, .passenger_details_container,
  .passengers_content, .provider_booking_list_container, .subadmin_search_container,
  .wallet_box { padding: 3vw 4vw 4vw; text-align: left; }
  .empty_message_style, .flight_details_col2, .payment_details_col2 { padding: 3vw 4vw; }
  .passenger_details_bar  { background: #3f3f3f; text-indent: 0; padding: 2.5vw 4vw; }
  .booking_bar_container, .userprofile_edit_bar_container { padding: 2vw 4vw; }
  .corporate_details_container { margin: 2px 0 4vw; }

  /* --- Review popup --- */
  .review_popup       { height: 40vw; }
  .review_one_content { margin-bottom: 4vw; padding-bottom: 4vw; border-bottom: 1px solid rgba(223,178,89,.24); }
  .page_rating_container { width: 16.5vw; margin: 0; text-align: left; }
  .action_button_accept_btn, .action_button_complete_btn, .action_button_reject_btn { width: auto; }
  .action_button_accept, .action_button_complete, .action_button_reject { padding: 0.7vw 4vw; margin: 0 2vw 0 0; width: auto; }

  /* --- Add package --- */
  .add_package_content_left { width: 100%; margin-right: 0; }
  .filter_title  { display: block; margin-bottom: 2vw; margin-right: 0; }
  .filter_checkbox { width: 50%; margin: 4vw 0 0; }

  /* --- Wallet --- */
  .wallet_box_left  { width: 100%; order: 2; }
  .wallet_box_right { width: 100%; padding: 0 0 3%; margin-left: 0; order: 1; border: none; margin-bottom: 3%; border-bottom: 1px solid #eee; }
  .walletbalance_text { width: 49%; margin: 0; color: inherit; }
  .walletbalance_text_content { display: inline-block; margin: 0; width: 52%; }
  .walletbalance_text_button  { display: inline-block; text-align: right; vertical-align: middle; }

  /* --- Booking history --- */
  .booking_bar_left   { width: 100%; margin-bottom: 2vw; }
  .booking_bar_right  { width: 100%; text-align: left; }
  .booking_bar_right a.middle.ng-star-inserted { vertical-align: top; }
  .booking_id         { width: 29%; }
  .booking_details_button { padding: 0.8vw 3vw; width: auto; margin-left: 0; margin-right: 2%; margin-bottom: 2vw; vertical-align: top; }
  .booking_details_button:last-child { margin-right: 0; margin-bottom: 0; }
  .passenger_details_box  { width: 100% !important; margin: 0 0 0.9vw !important; }
  .receiver_content       { padding: 2vw 3vw 4vw; }
  .package_box_content    { padding: 3vw; }

  /* --- User rating --- */
  .user_rating_container  { padding: 2vw 4% 3vw; }
  .user_rate .hover_rating_container { width: 48%; margin: 0 0 0 4%; }
  .user_rate_text         { margin: 2% 0; width: 100%; }
  textarea.service_desc   { height: 20vw; }
  textarea#reject_reason_text, textarea.rating_input, textarea.reject_textarea { height: 10vw; }

  /* --- Review popup left/right --- */
  .msg_date_divider { margin: 3vw 0; }
  .contactme_content { background: #fafafa; padding: 3% 8% 4%; }
}


/* ==========================================================================
   3. SMALL TABLET (max-width: 991px)
   ========================================================================== */

@media screen and (max-width: 991px) {
  .nav-spec       { margin-right: 5px; margin-left: 5px; }
  .vec-logo       { width: 100px; margin-right: 15px; }
  .iso-cer        { width: 70px; }
  .dropdown-menu  { width: 60px; white-space: nowrap; font-size: 13px; }
  div#mobileHeaderAuthContent .dropdown-menu { z-index: 99999; }
}


/* ==========================================================================
   4. NARROW TABLET (max-width: 920px)
   ========================================================================== */

@media screen and (max-width: 920px) {
  .top-bar-l      { display: none; }
  .action-buttons { gap: 6px; padding-right: 5px; }
}


/* ==========================================================================
   5. WIDER SCREENS — Hide mobile-only elements (min-width: 921px)
   ========================================================================== */

@media screen and (min-width: 921px) {
  .top-bar-s { display: none; }
}


/* ==========================================================================
   6. LARGE PHONE (max-width: 780px)
   ========================================================================== */

@media (max-width: 780px) {

  /* --- Airport guide --- */
  .airportg-airportwebbtn,
  .airportg-flightstatusbtn,
  .airportg-servicebtn,
  .airportg-source,
  .wpcf7 .btn-send { width: -webkit-fill-available; }
  .wpcf7-form      { -webkit-appearance: none; }
  .formtitlerow h3 { font-size: 0.8em; padding: 0.5em 0; }
  .wpcf7-date      { width: 100% !important; }
  .airportg-servicesec:nth-child(2n) { background: #eee; }
  .wpcf7 .btn-send { background: #225492 !important; }
  .flight-info-container { margin: 2%; padding: 1em; }
  .container       { width: 100% !important; }
  .corporatlp-title { font-weight: 600; font-size: 14px; }
  .corporatlp-titlep { font-size: 12px; }
  .flight-info-container .nav-tabs a,
  p.corporatlp-icntext { font-size: 10px; }
  .corporatlp-icn  { width: 35px; height: 35px; margin-right: 3px; }

  /* --- About us --- */
  .aboutus-paragraph1, .aboutus-paragraph2 { display: unset; }
  .youtube-aboutus iframe { height: 64% !important; width: 52% !important; top: 6px; left: 90px; }
  .youtube-aboutus        { margin-top: 4rem; }
  .youtube-aboutus iframe { width: 38% !important; padding: 0 0 13% !important; height: unset !important; }
  .aboutus-header { padding: 5.8% 3% !important; }
  .aboutus-header dev strong { width: 100% !important; }

  /* --- Services --- */
  .p-service          { color: #225492; font-weight: 900; margin-top: 5px; font-size: 0.8em; }
  .row.service-row .col-4 { padding: 0; }
  .bannerservices     { color: #626262; font-size: 10px !important; padding: 0 !important; }
  .bannerservice-icon { height: fit-content; width: 25px; }
  .service-description { border-left: unset; border-right: unset; }
  .corporatelp-iconimg { width: 35px; margin-right: 20px; }
  .home-services-section div.col-sm-12:nth-child(2) { padding: 10% 0; }
  .home-services-section { display: block; }

  /* --- Booking --- */
  .booking-center-section  { padding: 1rem 0; }
  .tab-content-p           { color: #000; font-size: 0.8rem; margin-bottom: 1rem; }
  .booking-h1              { font-size: 15px; }
  .booking-p               { font-size: 0.8rem; margin-bottom: 2px; margin-top: 0; }
  .booking-service         { font-size: 1rem; }
  .addons_items_container, .package_items_container { padding: 6vw 10%; }
  .addon_item_title, .package_item_title { padding-top: 3vw; padding-bottom: 3vw; margin-right: 0; margin-bottom: 4px; padding-left: 5vw; }
  .package_item_title { max-width: inherit; }
  .addon_item_title   { max-width: 50%; }

  /* --- Reviews slider --- */
  .reviews-slider     { margin: 0; }
  .test-content       { margin-bottom: 3rem; }

  /* --- Footer --- */
  .footercontainer    { padding: 10%; }
  .footer-app2        { padding-top: 1rem; padding-bottom: 1rem; width: 50%; margin: auto; display: block; }
  .home-services-section, .home_section8 { background-position: center; background-repeat: no-repeat; background-size: cover; }
  .secondmobilebanner { background-color: #fff; border-bottom: 1px solid #a0a0a0; min-height: 50px; }

  /* --- Misc layout --- */
  .videolayer  { height: auto; width: 90%; padding: 80% 5%; }
  .airportname { font-size: 0.8em; }
  .mobile_header_signin .show-user-type { right: -14px; width: 78%; top: 2rem; }
  .mobile_header_signin .show-user-type { right: -7px; width: 42%; }
  .partner-us .px-sm-0 { padding-top: 2rem !important; padding-left: unset !important; padding-right: unset !important; }
  .inquiry-section form { display: block !important; }
  .inquiry-section form div:last-child { padding-top: 2rem; }
  .blogsection  { display: block; }

  /* --- Meet & Greet --- */
  .row.meet-greet-service    { padding: 8rem 0; }
  .row.meet-greet-service .col-xl-4 { margin-top: 4rem; }
  .row.meet-greet-service .col-xl-4 .col-12 { margin-top: 2rem; }

  /* --- Tab sections --- */
  div.tabsection { padding: 12% 0; }
  .invoice_row_total, div.tab_icon { width: 20vw; }
  .inputform textarea { height: 20vw; line-height: normal; }
  .inputform .ijetbutton { margin: 0 !important; padding: 0 !important; width: 100% !important; line-height: 2.2 !important; }

  /* --- Headernav --- */
  .headernav {
    border: 1px solid #b9b9b9; border-radius: 5px; background-color: #fff;
    width: 10%; padding: 6px; height: 33px; float: right;
  }
  .headernav.active { height: 19px; }

  /* --- Page review / slider --- */
  .p_details_page_review_box { padding: 10.5vw 8vw; border: none; }
  .page_review_container     { padding: 10vw 0; }
  .review_scroll_content     { height: 70vw; }
  .addons_items_container, .package_details_container, .package_items_container { padding: 15vw 10%; }
  .package_details_title     { margin-bottom: 8vw; }
  .addon_item_title          { max-width: inherit; margin-right: 0; }

  /* --- Airport forms --- */
  .airport_input_forms       { padding: 20vh 6% 25vh; min-height: 100vh; }
  .airport_form_content      { background: #ffffffd9; height: 100%; }
  .home_form_content         { padding: 10% 9% 12%; }
  .big_title_airport         { font-size: 3rem; }
  div#airportlist.airportlistPopup { max-height: 36vh; }
  .nothaveaflight, .tellink  { display: block; }

  /* --- Typography --- */
  .airline-item, .airport-item, .dashboard_box_title, .font20, .font22, .font24,
  .font26, .font38, .invoice_line_content, .invoice_service_name, .invoice_title,
  .passenger_details_total, .review_big_title,
  .ui-addon-dialog .label_addon { font-size: 1rem; }
  .googleplayicon              { width: 44%; max-width: 150px; }
  .flight_info_col:nth-last-child(3), .googleplayicon:last-child,
  .tab_content:last-child, .tab_content:last-child .tab_title { margin-right: 0; }
  div#myTabContent             { padding: 1.5rem 1rem; }
  .bri                         { width: auto; }
  .font50, .font60             { font-size: 1.8rem; }
  .buttonstyle1, .buttonstyle2, .buttonstyle3 { padding: 0.6em 2em; }
  .fontx36                     { font-size: 20px; }
  .sectiondesc1                { line-height: 1.6; }
  .recharge, div.home_section2_right { width: 80%; }
  textarea#reject_reason_text, textarea.reject_textarea { height: 15vw; }
  .p_details_slide_image, .p_details_slider { height: 80vw; }
  body.body_container .item-list.cdk-drop-list { height: 66vw; }
  .p_nav                       { width: 3vw; height: 3vw; margin: 0 2vw; }

  /* --- Sections --- */
  .section6_image { height: 10rem; }
  .review_popup   { height: 60vw; }
  aside           { width: 180px; }
  aside::before   { height: 16vw; }
  .internal_page_container { padding: 16vw 0 0; }
  .invoice_line, .invoice_row_total { height: 6vw; line-height: 1.5; }
  .invoice_line   { padding-right: 1.5vw; }
  bs-datepicker-container { left: 8.5vw !important; }
  .subadmin_filter, .tab_status_title { width: 56%; }
  .userprofile_fixed_container { margin: 15vw 5% 0; }
  .msg_button     { padding: 1.5vw 5vw; }

  /* --- Body container UI --- */
  body.body_container .ui-autocomplete .ui-autocomplete-input { height: 10vw; line-height: 10vw; }
  .corporate_input .label_not_verified { height: 10vw; line-height: 10vw; width: auto !important; margin: 2vw 0; padding: 0 5vw; }
  .edit_profile_email input.passenger_input { width: 100% !important; display: block; margin-bottom: 2vw; }
  .edit_profile_mobile .input_field_number { width: 74% !important; margin: 0; }
  .corporate_input, .corporate_input .label_verified, .corporate_label { width: 100% !important; margin: 0 0 2vw; text-align: left; }
  body.body_container .passport_delete_image_btn,
  body.body_container button.ui-button.ui-button-icon-only { width: 7vw; height: 7vw; }
  body.body_container .ui-fileupload-content ul,
  body.body_container .ui-fileupload-files,
  body.body_container p-fileupload#logo .ui-fileupload-row,
  body.body_container p-fileupload#logo .ui-fileupload-row div:first-child img,
  textarea.rating_input { height: 20vw; }
  body.body_container p-fileupload#certificate_of_incorporation .ui-fileupload-content img,
  body.body_container p-fileupload#certificate_of_incorporation .ui-fileupload-row div:first-child img,
  body.body_container p-fileupload#logo .ui-fileupload-row div:first-child img,
  body.body_container p-fileupload#logo img.passport_uploaded_image,
  body.body_container p-fileupload#trade_licence .ui-fileupload-content img,
  body.body_container p-fileupload#trade_licence .ui-fileupload-row div:first-child img { height: 20vw !important; }
  body.body_container .ui-fileupload-content { height: 40vw; }
  .dashboard_box_title,
  body.body_container p-fileupload.user_upload_image .ui-fileupload-content,
  body.body_container p-fileupload.user_upload_image .ui-fileupload-content ul,
  body.body_container p-fileupload.user_upload_image .ui-fileupload-files,
  ul#add_package_images_ul { height: auto; }
  body.body_container .passenger_details_box .passport_upload_image_row,
  body.body_container .ui-fileupload-content li,
  body.body_container .ui-fileupload-row { width: 49%; height: 16vw; margin-bottom: 1%; overflow: hidden; margin-right: 1%; }
  textarea#reject_reason_text { line-height: normal; width: 100%; height: 20vw; }
  .dashboard_box { height: auto; width: 100%; margin: 0 0 2vw !important; padding: 8vw 0; }
  .tab_date { width: 42%; }
  .booking_history_tab_table td:first-child, .tab_date_title { width: 40%; }
  .booking_history_tab_table td, .booking_history_tab_title { padding: 3vw 4vw; }
  .flight_details_value, .payment_details_value { width: 57%; }
  .ui-addon-dialog button.addon_modal_save_btn,
  .ui-addon-dialog button.ui-button-secondary,
  .ui-addon-dialog button.ui-button.ui-button-text-icon-left { width: 24vw !important; padding: 2vw 0 !important; }
  .ui-addon-dialog button.addon_modal_save_btn { margin-left: 4vw !important; }
  .subadmin_status_button { width: 5.5vw; }
  .booking_history_button { width: 5.5vw; margin: 0 0.2vw 0 0; }
  .booking_tab_icon       { top: 4vw; width: 3vw; }
  .ui-fileupload-buttonbar .ui-button,
  .ui-fileupload-buttonbar .ui-button:last-child { margin-bottom: 2vw; }
  .addbalance_content     { margin-bottom: 4.5vw; }
  .addbalance_input       { text-align: left; width: 100%; }
  .addbalance_text        { width: 100%; margin-bottom: 2vw; }
  .addbalance_row:first-child .addbalance_input,
  .addbalance_row:first-child .addbalance_text,
  .service_type_box_button { width: 50%; }
  .addbalance_currency    { left: 0; position: relative; }
  .walletbalance_text_content { width: 100%; margin-bottom: 4vw; }
  .search_button          { height: auto; line-height: normal; }
  .popup_field.signin_label, .scrollclick div:last-child, .socialicontext, .step_mobile_number { display: none; }
  .booking_history_table tr, .booking_history_td, .booking_history_th { font-size: inherit !important; vertical-align: top; }
  .copyright              { padding: 3vw 5%; }
  .booking_history_td     { padding: 1% 2%; }
  .addbalance_button, .addbalance_pay_button, .back_button, .continue_button, .next_button,
  .paynow_button, .save_button, .search_button, .select_provider_button, .send_code_button,
  .signin_button, .signup_button, .verify_button { padding: 2vw 8vw; width: auto; }
  .userprofile_li         { margin: 0; padding: 2.6vw 2%; }
  .userprofile_text1      { margin: 0 0 0 4%; }
  .service_type_tab       { padding: 2.2vw 0; width: calc(33.33% - 1.5px); }
  .bill_input_col, .flight_info_radio, .section8input { width: 100%; margin: 0 0 3vw; }
  .edit_provider_phone_number, .section8input:last-child { width: 70%; }
  .section8input input, .section8input select, .section8input textarea,
  .ui-dropdown, .ui-multiselect, input.flight_details_input { height: 10vw !important; line-height: 10vw !important; padding: 0 2vw !important; }
  label.ui-dropdown-label.ui-inputtext,
  label.ui-multiselect-label { line-height: 10vw !important; }
  .headersign .dropdown-menu { top: 12vw !important; }
  .home_slide             { height: 45%; }
  .commentarrow, .scrollicon { width: 3vw; }
  .home_section7.section  { padding: 8% 0 16%; }
  div.section7_box1       { padding-bottom: 22%; }
  .section7imagecontainer { margin-bottom: 10%; }
  .section7image          { width: 70%; margin: 8% auto; }
  .section7navli          { width: 4vw; height: 4vw; margin-right: 4vw; }
  .commentbox             { width: 80%; margin: 0 10%; }
  div.section8_box1       { width: 28%; padding: 0 0 4% 10%; }
  div.section8_box2       { width: 100%; margin: 3% 10%; }
  .section9logo           { width: 34%; margin-right: 4%; }
  .section8_box3          { width: 80%; margin: 2rem 10% 0; }
  .address, .create_sub_admin_phone_number, .user_profile_phone_number { width: 60%; }
  .socialicon             { width: 2.5rem; height: 2.5rem; margin: 0 0.6rem; padding: 0.68rem; }
  .socialiconimage        { width: 100%; height: auto; line-height: normal; display: block; }
  .tab_content            { width: calc(25% - 1.5px); margin-right: 2px; margin-bottom: 1px; }
  .tab_title              { text-indent: 0; padding: 3vw 0; }
  .account_left, .account_right2, .add_package_input_field, .add_package_input_field2,
  .add_package_input_items, .edit_provider_email, .greeter_left, .greeter_right,
  .review_big_title, .service_total_amount_container { width: 100%; }
  .service_type_container { width: 100%; margin: 0 !important; line-height: normal; height: auto; }
  .maintitle_bar          { padding: 3.5vw 0; }
  .flight_info_container  { padding: 5vw 4vw; }
  .package_content        { padding: 2vw 6vw; }
  .provider_row           { padding: 5vw 6vw; }
  .provider_col_4         { border: none; }
  .provider_col_right, .provider_value { width: 68%; }
  .package_box            { width: 100% !important; margin: 0 0 5vw !important; }
  .package_row_items_list { height: auto !important; }
  .package_item_circle    { margin-right: 3vw; width: 2vw; height: 2vw; }
  .package_item:before    { left: calc(1vw - 0.5px); }
  .package_item_text_empty { margin-top: 1.8vw; padding-bottom: 3.5vw; }
  .addon_button, .select_package_button { padding: 2vw 0; }
  .message_container      { margin: 2vw 0; }
  .message_container .fa-2x { font-size: 14px; width: 100%; }
  .confirm_details_text, .message_container .col-xs-1.text-center { line-height: 1; }
  .message_container .col-xs-11 { width: 92%; line-height: 1; margin-left: 2%; }
  .flight_details_col1_row:first-child,
  .payment_details_col1_row:first-child { width: 100%; margin-right: 0; margin-bottom: 3vw; }
  .flight_details_col1_row:last-child,
  .payment_details_col1_row:last-child  { width: 100%; margin-right: 0; }
  .flight_details_icon_container, .payment_details_icon_container { width: 26%; }
  .flight_details_icon, .payment_details_icon { width: 45%; height: 6.5vw; }
  .flight_details_input_container, .payment_details_input_container { width: 67%; }
  .payment_details_input_row     { padding-bottom: 3.5vw; }
  .flight_details_input_row, .package_item_text, .package_row_rating, .seemore_link_item { margin-bottom: 3.5vw; }
  .flight_details_input_row:last-child, .payment_details_input_row:last-child { margin-bottom: 0; padding-bottom: 0; }
  .input_error_icon:before { left: -3.8vw; }
  .loader_bg              { height: 3.5vw; line-height: 3.5vw; }
  .service_type_box_icon  { height: 7.5vw; }
  .service_type_box_container[lounge="disabled"] .service_type_box { width: 100%; padding: 10% 8% !important; margin: 0 0 4vw !important; }
  .flight_info_col        { width: 45%; margin-right: 8%; margin-bottom: 6vw; }
  .filght_input_value     { line-height: 8vw; }
  .filght_input_value .minus, .filght_input_value .plus { width: 10vw; height: 100%; }
  .message_text           { height: 4.5vw; line-height: 4.5vw; }
  .flight_info_left       { margin-bottom: 6vw; padding-bottom: 0; }
  .invoice_line_content   { margin: 6vw 0; }
  .bill_input_col:last-child, .wallet_box_left { margin: 0; }
  .payment_radio          { width: 49%; margin: 4vw 0; }
  .input_field_check, .payment_select { margin: 0; width: 100%; }
  .confirm_table1 .confirm_details_left,
  .mobile_header_title,
  .passenger_details_bar,
  .payment_table .payment_col_header { padding: 3.5vw 4vw; }
  .confirm_table1 tr .confirm_details_center,
  .confirm_table1 tr .confirm_details_right,
  .empty_message_style, .flight_details_col2, .invoice_container,
  .package_box_content, .payment_details_col2,
  .payment_table td.payment_right_billing,
  .payment_table tr .payment_col_data { padding: 4vw; }
  .payment_container tr:last-child .payment_col_data { padding: 1vw 4vw 4vw; }
  .confirm_details_container, .payment_details_container, .provider_container { margin-bottom: 6vw; }
  .booking_bar_container, .userprofile_edit_bar_container { padding: 2vw 4vw; }
  .add_balance_box, .add_package_content, .booking_history_search_container,
  .corporate_details_container, .empty_message_style, .passenger_details_container,
  .passengers_content, .passengers_tab_right, .receiver_content,
  .user_rating_container, .wallet_box { padding: 5vw 4vw; margin-bottom: 6vw; }
  .invoice_service_content1, .invoice_service_content2, .invoice_service_content3 { margin: 0 0 5vw !important; padding: 4.5vw 6% 3vw; }
  .payment_container      { margin-bottom: 0; }
  .confirm_details_icon   { width: 4vw; height: 3vw; line-height: 1; }
  td.confirm_details_5:last-child .passenger_details_text { width: 16%; }
  td.confirm_details_5    { padding: 2vw 3vw; }
  .passenger_icon         { width: 10vw; height: 4.5vw; margin: 0; }
  .passenger_details_text { width: 51%; }
  .create_sub_admin_phone_code, .edit_provider_phone_code, .user_profile_phone_code { width: 30%; }
  .user_profile_email     { width: 90%; }
  .greeter_icon, .input_icon, .passenger_details_icon { height: 4vw; }
  .page_review_box        { margin: 40vw 5vw 0; }
  .review_popup::-webkit-scrollbar, body::-webkit-scrollbar { width: 12px; }
  .review_big_title_right { width: 100%; text-align: left; }
  .page_rating_container  { width: 36%; text-align: left; }
  .page_review_box_left   { width: 100%; margin: 2vw 0 0; }
  .rating_date            { margin: 1vw 0; }
  .page_review_box_right  { width: 90%; margin-left: 6%; margin-top: 3vw; }
  .table_button           { margin: 0; width: 5vw; }
  .booking_history_tab_table .table_button { margin: 0 4vw 0 0; width: 6vw; }
  .td_center              { width: 75%; }
  .permissions_container.inputform .td_delete.middle { width: 4.5vw; padding: 0; margin: 0; }
  textarea.service_desc   { height: 30vw; }
  .passengers_container   { margin: 2px 0 0; }
  .passengers_tab_input   { margin-bottom: 1vw; }
  .greeter_icon.middletop { vertical-align: top; margin-top: 3vw; }
  .greeter_or             { width: 100%; margin: 2vw 0; }
  .permissions_table td, .permissions_th { padding: 3% 0; }
  .permissions_check .container_checkbox { padding-left: 16px; }
  .passengers_tab_right   { width: calc(80% - 2px); }
  .corporate_details_container { margin: 2px 0 4vw; }
  .passengers_tab_title   { padding: 2.6vw 0; text-indent: 2vw; }
  .admin_button_send, button.contact_button, button.contactform_button { height: 10vw !important; line-height: 10vw !important; }
  .label_not_verified, .label_verified { margin-left: 10%; margin-top: 2vw; height: auto; line-height: normal; width: auto; padding: 2vw 8vw; }
  .userprofile_user_icon  { width: 20%; margin-right: 0; }
  .userprofile_setting    { width: 12%; margin: 6% 0; }
  .booking_history_table_container { margin-bottom: 6vw; overflow-y: scroll; }
  .filter_from, .filter_from_date, .filter_keyword, .filter_to, .filter_to_date,
  .wallet_box_left .filter_from, .wallet_box_left .filter_keyword, .wallet_box_left .filter_to { width: 100%; margin-bottom: 2vw; margin-right: 0; }
  .filter_checkbox        { width: 100% !important; margin: 4.5vw 0 !important; }
  .filter_from:before, .filter_from_date:before, .filter_to:before, .filter_to_date:before { top: 2.3vw; width: 5vw; height: 5vw; right: 3vw; }
  .booking_id             { margin-bottom: 2vw; width: 100%; }
  .booking_details_button { padding: 1.2vw 5vw; }
  .wallet_box_row:first-child { margin-bottom: 4vw; }
  .wallet_box_right       { padding: 0 0 5%; }
  .subadmin_search_container { padding: 5vw 4vw 6vw; margin-bottom: 6vw; display: grid; text-align: left; }
  .subadmin_left          { width: 100%; order: 2; text-align: inherit; }
  .subadmin_right         { border: none; padding: 0 0 6vw; width: 100%; margin-bottom: 6vw; border-bottom: 1px solid #eee; order: 1; }
  .contact_name           { line-height: 12vw; max-height: 14vw; height: 14vw; padding: 1vw 5vw; }
  .message_content::-webkit-scrollbar, .messages_left::-webkit-scrollbar { width: 2.8vw; }
  .messages_container     { width: 190vw; }
  .messages_left          { height: 100vw; width: 88vw; margin-right: 5vw; }
  .messages_right         { width: 90vw; height: auto; padding: 0 5vw 2vw; }
  .message_content        { height: 100vw; padding: 0; border: 1px solid #eee; margin: 0 0 2vw; border-radius: 6px; }
  .msg_back               { display: block; height: 10vw; line-height: 10vw; padding: 0 5vw; cursor: pointer; }
  .msg_back_icon          { width: 1.5vw; margin-right: 1.5vw; }
  .chat_user_text_system, .chat_user_text_user { max-width: 65%; }
  .chat_system, .chat_user { margin: 3.5vw 0; }
  .chat_user_icon_content  { width: 32%; padding: 0 2%; }
  .chat_user_icon          { width: 6vw; }
  .message_send_container  { height: 12vw; line-height: 9vw; }
  .send_button:after       { width: 2.5vw; height: 2.5vw; top: 22%; right: 1vw; }
  .popup_login_container   { width: 90%; padding: 3% 5% 5%; margin-top: -8%; }
  .close_popup, .close_status_popup { top: -1%; right: 3%; width: 6%; }
  .signin_button, .signup_button { margin: 0 3%; }
  .popup_title             { width: 90%; margin: auto; }
  .account_right           { margin: 2vw 0; width: 100%; }
  .popup_left, .popup_right { width: 100%; margin: 1vw 0 0; text-align: center; }
  .popup_field.font18 .popup_right { width: 50%; text-align: right; }
  .popup_field.font18 .popup_left  { width: 50%; text-align: left; }
  .popup_number            { width: 47%; }
  .popup_field.signin_label div:first-child { display: inline; }
  .popup_left_button, .popup_right_button { width: 100%; margin-right: 0; margin-bottom: 2vw; text-align: center; }
  .abcRioButtonBlue        { float: none; display: inline-block; }
  .corporate_details_box   { width: 100%; margin: 1% 0 !important; }
  .add_package_msg_error, .add_package_msg_error2, .corporate_msg_error { margin-left: 0; width: 100%; }
  .slider_form_input       { margin: 42% 0 20%; }
  .homeinputcolumn_last input.homegoldbutton,
  .homeinputcolumn_last input.homegraybutton { padding: 2vw 0 !important; }
  .homeinputcolumn         { width: 100%; margin: 0 0 4vw; }
  .homeinputcolumn_last    { width: 100%; margin: auto; }
  .homeinputrow            { margin: 0 12% 16%; }
  .videopopup              { margin-top: 0; }
  div.home_section3_left, div.home_section4_right { height: 54vw; margin: 0 15%; width: 70%; }
  .section6_box            { box-sizing: content-box; }
  li.option_li:before      { width: 1.5vw; height: 1.5vw; left: -3.5vw; top: 1vw; }
  li.option_li:after       { top: 2vw; left: -2.8vw; height: 120%; }
  .add_more_icon           { font-size: 4vw; }
  .add_package_label, .add_package_label_1, .add_package_label_items { width: 100%; margin-bottom: 0.5vw; }
  .action_button_accept, .action_button_complete, .action_button_reject { padding: 1.5vw 9vw; }
  .action_button_accept, .action_button_accept_btn { margin-bottom: 1.5vw; }
  .chat_user_text_system:after { left: -5px; }
  .chat_user_text_user:after   { right: -5px; }
  .chat_user_text_system:after, .chat_user_text_user:after { top: 1.8vw; width: 8px; height: 8px; }
  .side_menu .dropdown-item  { padding: 2.5vw 6vw; }
  #content-area              { padding: 1em; }
}