@media screen and (max-width: 1440px) {
    .schedule-section .schedule-content {
        padding: 0 80px;
    }
    .services-section .schedule-content1 {
        padding: 15px 80px 0;
    }
    .payment_card_section {
        padding: 0;
    }
    
}
@media screen and (max-width: 1024px){
    
    
    .schedule-tab-opener .time-wrapper {
        
        width: 70%;
    }
    .schedule-tab-opener .service-cont {
        padding-right: 0;
    }
    .services-section .schedule-content1 {
        padding: 15px 30px 0;
    }
    .schedule-section .schedule-content {
        padding: 0 30px;
    }
    .schedule-tab-opener .offer-code input{
        width: 68%;
    }
    .contact-section .contact-card .right-panel .turnstile{
        width: 75%;
    }
    .services-desc.px-4 {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}
@media screen and (min-width: 991px){
    .payment-method .home-info .card-table thead, 
    .payment-method .home-info .card-table .dataTables_length,
    .payment-method .home-info .card-table .search_box,
    .payment-method .home-info .card-table .dataTables_info, 
    .payment-method .home-info .card-table .dataTables_paginate{display: none;}
    .desktop-d-none {
        display: none;
    }
}
@media screen and (max-width: 991px){
    .payment-method .home-info .card-table .dataTables_wrapper .dataTables_length, 
    .payment-method .home-info .card-table div.dataTables_wrapper div.dataTables_length{text-align: right;}
    .payment-method .home-info .row {max-width: unset;}

    /* Tablet + mobile navigation (768–991 “iPad gap” included) */
    #navbarNav{
        display: none;
    }
    /* Ensure hamburger button is visible in tablet range */
    .navbar-toggler{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column; /* stack the 3 bars vertically */
        gap: 0;
        width: 46px;
        height: 36px;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        padding: 8px 10px;
    }
    .navbar-toggler:focus{ box-shadow: none; }
    .navbar-toggler:hover{
        background: rgba(255,255,255,0.09);
        border-color: rgba(255,255,255,0.22);
    }
    .navbar-toggler .navbar-line1,
    .navbar-toggler .navbar-line2,
    .navbar-toggler .navbar-line3{
        width: 26px;
        height: 3px;
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
        margin-bottom: 4px;
        transition: linear 0.3s all 0s;
        display: block;
    }
    .navbar-toggler .navbar-line3{ margin-bottom: 0; }

    /* Drawer open animation (was previously only defined <=768px) */
    .rotate-first{
        transform: rotate(45deg) translateY(7px);
        transform-origin: center;
    }
    .rotate-last{
        transform: rotate(-45deg) translateY(-7px);
        transform-origin: center;
    }

    /* Drawer container (all pages) */
    .tabNmob-nav{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        width: min(420px, 52vw);
        height: auto;
        /* Must be above sticky header JS z-index (999999999) */
        z-index: 1000000005;
        background: var(--theme-bg-color);
        transform: translate3d(100%,0,0);
        transition: transform 320ms cubic-bezier(.2,.8,.2,1);
        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .tabNmob-nav.navbarNav-open {transform: translate3d(0,0,0);}
    .tabNmob-nav .navbar-nav{ padding: 0px 20px; }

    .overlay-mobile{
        display: none;
        background: rgba(0,0,0,0.55);
        height: 100%;
        width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 1000000004;
    }
    .overlay-mobile.is-open{ display: block; }

    body.overflowHidden{
        overflow: hidden;
        touch-action: none;
    }

    /* Public drawer (tablet + mobile): match the modern drawer everywhere <=991px */
    .public .tabNmob-nav{
        width: min(420px, 46vw);
        background: linear-gradient(180deg, rgba(18,18,18,0.92) 0%, rgba(10,10,12,0.94) 100%);
        background-color: #121212;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: -28px 0 90px rgba(0, 0, 0, 0.70);
        border-left: 1px solid rgba(255,255,255,0.10);
        padding: calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 16px);
        display: flex;
        flex-direction: column;
    }
    .public .tabNmob-nav::before{
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          radial-gradient(800px 420px at 110% -10%, rgba(79,140,255,0.18) 0%, rgba(79,140,255,0) 60%),
          radial-gradient(520px 320px at 10% 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 55%);
        opacity: 1;
    }
    .public .tabNmob-nav > *{ position: relative; }

    .public .overlay-mobile{
        background: rgba(0,0,0,0.60);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .public .tabNmob-nav .navbar-nav{
        padding: 8px 0 0 0;
        width: 100%;
    }
    .public .mobile-drawer-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 4px 2px 12px 2px;
        border-bottom: 1px solid rgba(255,255,255,0.10);
        margin-bottom: 10px;
    }
    .public .mobile-drawer-brand{
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 800;
        letter-spacing: .1px;
        color: #fff;
        text-decoration: none;
    }
    .public .mobile-drawer-brand img{
        width: 38px;
        height: 38px;
        object-fit: contain;
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.12);
        padding: 6px;
    }
    .public .mobile-drawer-brand span{
        font-size: 16px;
        line-height: 1;
    }
    .public .menu-close{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.14);
        background: rgba(255,255,255,0.07);
        color: #fff;
        font-size: 18px;
        padding: 0;
        transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
    }
    .public .menu-close:active{ transform: scale(0.98); }

    /* Modernize drawer links */
    .public .tabNmob-nav .main-nav{
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }
    .public .tabNmob-nav .main-nav > .nav-item{ width: 100% !important; }
    .public .tabNmob-nav .nav-link{
        padding: 16px 18px;
        border-radius: 14px;
        color: rgba(243,244,246,0.92);
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.10);
        transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
        box-sizing: border-box;
        text-decoration: none;
    }
    .public .tabNmob-nav .nav-link:hover{
        background: rgba(255,255,255,0.07);
        border-color: rgba(255,255,255,0.14);
    }
    .public .tabNmob-nav .nav-link:focus{ outline: none; }
    .public .tabNmob-nav .main-nav > .nav-item.active > .nav-link{
        background: rgba(79,140,255,0.22);
        border-color: rgba(79,140,255,0.75);
        color: #fff;
    }
    .public .tabNmob-nav a.nav-link[href*="/login"],
    .public .tabNmob-nav a.nav-link[href*="/register"]{
        background: rgba(255,255,255,0.05);
        border-color: rgba(255,255,255,0.14);
    }
    .public .tabNmob-nav a.nav-link[href*="/register"]:hover{
        background: rgba(79,140,255,1);
    }

    /* Kill legacy nav styles leaking into the drawer on iPad widths */
    .public .tabNmob-nav .navbar-nav{ text-align: left !important; }
    .public .tabNmob-nav .nav-item{ margin: 0 !important; }
    .public .tabNmob-nav .main-nav > .nav-item > a{ border-bottom: none !important; }
    /* Legacy `.divine-nav .navbar-expand-lg .navbar-nav .nav-link{ display:inline; ... }` breaks pill sizing */
    .public .divine-nav #navbarNav-tab .main-nav > .nav-item > a.nav-link{
        display: flex !important;
        width: 100% !important;
        padding-left: 22px !important;
        padding-right: 20px !important;
        margin: 0 !important;
        text-align: left !important;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    /* My Account (drawer accordion) — tablet too */
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]{
        display: flex !important;
        align-items: center;
        gap: 10px;
        padding: 18px 22px !important;
        border-radius: 16px;
        background: rgba(255,255,255,0.045);
        border: 1px solid rgba(255,255,255,0.12);
        font-weight: 850;
        letter-spacing: .1px;
        text-transform: none;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] .plus-sign,
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] .minus-sign{
        display: none !important;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] i.fa-user{
        margin-left: auto;
        opacity: .9;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]::after{
        content: "";
        width: 10px;
        height: 10px;
        border-right: 2px solid rgba(255,255,255,0.70);
        border-bottom: 2px solid rgba(255,255,255,0.70);
        transform: rotate(45deg);
        transition: transform 160ms ease;
        margin-left: 2px;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]:not(.collapsed)::after{
        transform: rotate(-135deg);
    }

    .public .tabNmob-nav .navbar-collapse#navbarNav2{
        width: 100%;
        margin: 10px 0 12px 0;
        border-radius: 16px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.10);
        overflow: hidden;
        padding: 8px;
    }
    .public .tabNmob-nav .navbar-nav2{
        margin: 0 !important;
        padding: 0;
        width: 100%;
        display: grid;
        gap: 8px;
    }
    .public .tabNmob-nav .navbar-nav2 .nav-item{
        padding-left: 0;
    }
    .public .tabNmob-nav .navbar-nav2 .nav-link{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 14px 18px;
        padding-left: 36px !important;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 750;
        letter-spacing: .1px;
        border-radius: 14px;
        background: rgba(255,255,255,0.035);
        border: 1px solid rgba(255,255,255,0.10);
        text-decoration: none;
    }

    /* Don't auto-highlight the My Account accordion unless you're actually in account pages */
    .public .tabNmob-nav .nav-item.active > a.nav-link[href="#navbarNav2"]{
        background: rgba(255,255,255,0.045);
        border-color: rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.98);
    }
}

@media screen and (max-width: 768px){
    .schedule-transport-section {
        padding: 30px 0px;
    }
    .back-btn .main-btn {
        margin: 0;
    }
    .tab-d-none {
        display: none;
    }
    .schedule-tab-opener.choose-transport {
        border-radius: 20px;
    }
    .schedule-tab-opener.confirm-transport {
        border-radius: 20px;
    }
    .schedule-transport-section .nav-tabs {
        display: none;
    }
    .information-section .contact-content {
        display: none
    }
    .services-section .schedule-content1 {
        padding: 15px 10px 0;
    }
    .services-desc{min-height: 150px;}
    .flex-direction-column{
        flex-direction: column;
    }
    .about-section .para {
        width: 80%;
    }
    #navbarNav{
        display: none;
    }
    .trasports-section .para {
        width: 80%;
    }
    .schedule-section .schedule-content {
        padding: 0 5px;
    }
    .contact-us .contact-section .contact-card .left-panel .address .heading {
        font-size: 30px;
    }
    .contact-section .contact-card .right-panel textarea {
        height: 115px;
    }
    /* Mobile navigation base (all pages) */
    .tabNmob-nav{
        display: block;
        position: fixed;
        right: 0;
        left: auto;
        bottom: 0;
        width: 55vw;
        height: 100%;
        /* Must be above sticky header JS z-index (999999999) */
        z-index: 1000000005;
        background: var(--theme-bg-color);
        transform: translate(100%,0);
        transition: all 0.5s linear 0s;
        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
    }
    .tabNmob-nav.navbarNav-open {transform: translate(0%,0);}
    .tabNmob-nav .navbar-nav{
        padding: 0px 20px;
    }
    .menu-close {
        display: block;
        font-size: 20px;
        padding: 5px 15px;
    }
    .phoneNmail-mobile{display: block;}
    .phoneNmail-mobile a{
        margin-right: 5px;
        font-size: 16px;
        padding: 10px 15px;
    }
    header{
        position: static;
        margin-bottom: 60px;
    }
    .divine-nav{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000000003;
        background: #272727;
    }
    .divine-nav .navbar{
        padding: 15px 0;
    }
    .overlay-mobile{
        display: none;
        background: rgba(0,0,0,0.55);
        height: 100%;
        width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        position: fixed;
        z-index: 1000000004;
    }
    .overlay-mobile.is-open{
        display: block;
    }
    body.overflowHidden{
        overflow: hidden;
        touch-action: none;
    }

    .public .tabNmob-nav{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        width: min(86vw, 360px);
        height: auto;
        z-index: 1000000005;
        background: linear-gradient(180deg, rgba(18,18,18,0.92) 0%, rgba(10,10,12,0.94) 100%);
        background-color: #121212;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        transform: translate3d(100%,0,0);
        transition: transform 320ms cubic-bezier(.2,.8,.2,1);
        box-shadow: -28px 0 90px rgba(0, 0, 0, 0.70);
        border-left: 1px solid rgba(255,255,255,0.10);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 16px);
        display: flex;
        flex-direction: column;
    }
    .public .tabNmob-nav::before{
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          radial-gradient(800px 420px at 110% -10%, rgba(79,140,255,0.18) 0%, rgba(79,140,255,0) 60%),
          radial-gradient(520px 320px at 10% 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 55%);
        opacity: 1;
    }
    .public .tabNmob-nav > *{
        position: relative; /* above ::before */
    }
    .public .tabNmob-nav.navbarNav-open {transform: translate(0%,0);}
    .public .tabNmob-nav .navbar-nav{
        padding: 8px 0 0 0;
        width: 100%;
        /* border-top: 2px solid #ffffff; */
    }
    .public .mobile-drawer-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 4px 2px 12px 2px;
        border-bottom: 1px solid rgba(255,255,255,0.10);
        margin-bottom: 10px;
    }
    .public .mobile-drawer-brand{
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 800;
        letter-spacing: .1px;
        color: #fff;
        text-decoration: none;
    }
    .public .mobile-drawer-brand img{
        width: 38px;
        height: 38px;
        object-fit: contain;
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.12);
        padding: 6px;
    }
    .public .mobile-drawer-brand span{
        font-size: 16px;
        line-height: 1;
    }
    .public .menu-close{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,0.14);
        background: rgba(255,255,255,0.07);
        color: #fff;
        font-size: 18px;
        padding: 0;
        transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
    }
    .public .menu-close:active{
        transform: scale(0.98);
    }
    .loginNreg-Mob{
        text-align: center;
    }
    
    .divine-nav .navbar .nav-item{
        font-size: 16px;
        margin: 15px 0 0 0;
    }
    /* Match hamburger + animation with tablet */
    .navbar-toggler{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 46px;
        height: 36px;
        border: 1px solid rgba(255,255,255,0.16);
        border-radius: 12px;
        background: rgba(255,255,255,0.06);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        padding: 8px 10px;
    }
    .navbar-toggler:focus{ box-shadow: none; }
    .navbar-toggler .navbar-line1,
    .navbar-toggler .navbar-line2,
    .navbar-toggler .navbar-line3{
        width: 26px;
        height: 3px;
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
        margin-bottom: 4px;
        transition: linear 0.3s all 0s;
        display: block;
    }
    .navbar-toggler .navbar-line3{ margin-bottom: 0; }

    .rotate-first{
        transform: rotate(45deg) translateY(7px);
        transform-origin: center;
    }
    .rotate-last{
        transform: rotate(-45deg) translateY(-7px);
        transform-origin: center;
    }
    .mobnavlogo{
        width: 80%;
        margin: 0 auto;
        padding: 30px 0 17px 0;
    }
    /* Only target the TOP navbar links (not the mobile drawer links). */
    .public .divine-nav #navbarNav .navbar-nav .nav-link{
        padding: 5px 0;
    }
    .banner-section .banner-foot
    ,.header-contact
    ,.navbar-brand{
        display: none;
    }
    .public .phoneNmail-mobile{
        display: block;
    }
    .public .phoneNmail-mobile a{
        margin-right: 5px;
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 999px;
    }
    .public header{
        position: static;
        /* avoid blank strip below fixed nav (handled via banner padding) */
        margin-bottom: 0;
    }
    .public .divine-nav{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999999;
        background: #272727;
    }
    .public .divine-nav .navbar{
        padding: 15px 0;
    }
    .public .overlay-mobile{
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.60);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 220ms ease;
        z-index: 1000000004;
    }
    .public .overlay-mobile.is-open{
        opacity: 1;
        pointer-events: auto;
    }

    body.public.overflowHidden{
        overflow: hidden;
        touch-action: none;
    }

    /* Modernize drawer links */
    .public .tabNmob-nav .main-nav{
        width: 100% !important;
        margin: 0 !important; /* override bootstrap `m-auto` */
        text-align: left !important; /* override legacy right/center align */
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }
    .public .tabNmob-nav .main-nav > .nav-item{
        width: 100% !important;
    }
    .public .tabNmob-nav .main-nav > .nav-item > a{border-bottom: none;}
    .public .tabNmob-nav .nav-item{margin: 0;}
    .public .tabNmob-nav .nav-link{
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        padding: 16px 18px;
        border-radius: 14px;
        color: rgba(243,244,246,0.92);
        font-size: 15.5px;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none;
        background: rgba(255,255,255,0.04);
        border: 1px solid rgba(255,255,255,0.10);
        transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
        box-sizing: border-box;
        text-decoration: none;
    }

    /* Ensure drawer text isn't flush-left (override legacy `.nav-link{display:inline; padding: ...}` rules). */
    .public .divine-nav #navbarNav-tab .main-nav > .nav-item > a.nav-link{
        display: flex !important;
        width: 100% !important;
        padding-left: 22px !important;
        padding-right: 20px !important;
        margin: 0 !important;
        text-align: left !important;
    }
    .public .tabNmob-nav .nav-link:hover{
        background: rgba(255,255,255,0.07);
        border-color: rgba(255,255,255,0.14);
        color: #fff;
    }
    .public .tabNmob-nav .nav-link:focus{
        outline: none;
    }
    .public .tabNmob-nav .main-nav > .nav-item.active > .nav-link{
        background: rgba(79,140,255,0.22);
        border-color: rgba(79,140,255,0.75);
        color: #fff;
        outline: none;
    }
    /* Don't auto-highlight the My Account accordion unless you're actually in account pages */
    .public .tabNmob-nav .nav-item.active > a.nav-link[href="#navbarNav2"]{
        background: rgba(255,255,255,0.045);
        border-color: rgba(255,255,255,0.12);
        color: rgba(255,255,255,0.98);
    }

    /* Login / Register look like modern buttons */
    .public .tabNmob-nav a.nav-link[href*="/login"],
    .public .tabNmob-nav a.nav-link[href*="/register"]{
        background: rgba(255,255,255,0.05);
        border-color: rgba(255,255,255,0.14);
    }

    /* My Account (drawer accordion) — make it feel premium on mobile */
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]{
        display: flex !important;
        align-items: center;
        gap: 10px;
        padding: 18px 22px !important;
        border-radius: 16px;
        background: rgba(255,255,255,0.045);
        border: 1px solid rgba(255,255,255,0.12);
        font-weight: 850;
        letter-spacing: .1px;
        text-transform: none;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]:hover{
        background: rgba(255,255,255,0.07);
        border-color: rgba(255,255,255,0.16);
    }
    /* Hide legacy +/- */
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] .plus-sign,
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] .minus-sign{
        display: none !important;
    }
    /* Push the user icon to the right, then add a chevron */
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"] i.fa-user{
        margin-left: auto;
        opacity: .9;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]::after{
        content: "";
        width: 10px;
        height: 10px;
        border-right: 2px solid rgba(255,255,255,0.70);
        border-bottom: 2px solid rgba(255,255,255,0.70);
        transform: rotate(45deg); /* down */
        transition: transform 160ms ease, border-color 160ms ease;
        margin-left: 2px;
    }
    .public .tabNmob-nav a.nav-link[href="#navbarNav2"]:not(.collapsed)::after{
        transform: rotate(-135deg); /* up */
    }

    /* Submenu container */
    .public .tabNmob-nav .navbar-collapse#navbarNav2{
        width: 100%;
        margin: 10px 0 12px 0;
        border-radius: 16px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.10);
        overflow: hidden;
        padding: 8px;
    }
    .public .tabNmob-nav .navbar-nav2{
        margin: 0 !important;
        padding: 0;
        width: 100%;
        display: grid;
        gap: 8px;
    }
    .public .tabNmob-nav .navbar-nav2 .nav-link{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 14px 18px;
        padding-left: 20px !important;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 750;
        letter-spacing: .1px;
        opacity: .98;
        border-radius: 14px;
        background: rgba(255,255,255,0.035);
        border: 1px solid rgba(255,255,255,0.10);
    }
    .public .tabNmob-nav .navbar-nav2 .nav-link:hover{
        background: rgba(255,255,255,0.06);
        border-color: rgba(255,255,255,0.14);
        color: #fff;
    }
    .tabBtn{
        padding: 10px 5px 10px 10px;
        font-size: 12px;
    }
    .profile-img{
        display: inline-block;
    }
    .profile-img img{
        width: 20px;
    }
    .drop_mobile{
        display: inline-block;
    }
    .profile-mobile{
        margin-left: -110px;
    }
    .login-register{
        background: transparent;
        padding: 2px 4px ;
    }
    .login-register:focus{
        box-shadow: none;
    }
    .login-register:hover{
        background: transparent;
    }
    .contact-section .contact-card .left-panel {
        padding: 30px 30px;
    }
    .contact-section .contact-card .right-panel {
        padding: 30px 30px;
        
    }
    .contact-section .login-card .left-panel .heading {
        font-size: 60px;
        line-height: 60px;

    }
    .home_section p {
        width: 100%;
    }
    .contact-section .register-card .left-panel .heading {
        font-size: 50px;
        line-height: 60px;
        padding: 0;
    }
    .contact-section .login-card .left-panel .para {
        width: 100%;
    }
    .testimonial .para{
        width: 65%;
    }
    .careers-section .subheading{
        width: 55%;
    }
    .newsletter-section .subheading{
        width: 55%;
    }
    .phoneNmail-mobile a:last-child{
        margin-right: 5px;
    }
    .banner-logo img{
        max-width: 400px;
    }
    .banner-content .heading{
        font-size: 14px;
    }
    .main-btn{
        font-size: 14px;
    }
    .heading-section{
        padding: 0;
        position: relative;
        /* height: 80px; */
    }
    .heading-section h2{
        padding: 10px 0;
        text-align: center;
    }
    .heading-section:after{
        height: 56px;
    }
    .service-card .heading{
        font-size: 16px;
    }
    .service-card .para{
        font-size: 14px;
        margin: 10px 0 15px 0;
    }
    /* --------------------------- */
    .schedule-card .heading{
        font-size: 22px;
    }
    .schedule-transport{
        padding-top: 80px;
    }
    .schedule-content{
        padding: 10px 40px;
    }
    .schedule-tabs{
        font-size: 20px;
    }
    .schedule-tab-opener select
    , .schedule-tab-opener input{
        padding: 22px 10px;
    }
    .schedule-tab-opener .offer-code input{
        width: 63%;
        padding: 10px;
    }
    .schedule-tab-opener .offer-code button{
        padding: 9px 5px 11px 5px;
        border: none;
    }
    .mx-lg-3{
        padding: 0;
    }
    .information-section .info-card .info-content .heading{
        font-size: 25px;
    }
    .information-section .info-card .info-content .para{
        font-size: 15px;
    }
    .information-section .info-card .info-content{
        padding: 20px 15px;
    }
    .gmap_canvas {
        height: 300px;
        }
    .contact-section .contact-card .left-panel .address .para{
        font-size: 14px;
    }
    .schedule-tab-opener .input-group-text{
        padding: 26px 10px;
        font-size: 10px;
    }
    .contact-section .contact-card .right-panel .turnstile {
        width: 100%;
        overflow: hidden;
    }
    .information-section .info-card .mapouter{
        width: 75%;
    }

    .payment-method .heading-section:after {height: auto;}
    .payment-method .heading-section .main-heading{font-size: 22px;}
    .schedule-page .schedule-tab-opener .time-wrapper{overflow: auto;overflow-y: scroll;margin: 30px auto;}
    .schedule-page .time-block{max-width: 100%;}
    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td span.active, .bootstrap-datetimepicker-widget table td span:hover {
        background: transparent!important;
        color: #fff!important;
    }
}
@media screen and (max-width: 575px){
    .change-password {background: #212529;}
}

@media screen and (max-width: 425px){
    .addcard .home-info .coldiv{background: #272727;color: white;}
    .addcard .home-info .fa {color: white;}
    .addcard .home-info input::-webkit-input-placeholder, .addcard .home-info select::-webkit-input-placeholder {color: white;}/* Edge */
    .addcard .home-info input:-ms-input-placeholder, .addcard .home-info select:-ms-input-placeholder {color: white;}/* Internet Explorer 10-11 */
    .addcard .home-info input::placeholder, .addcard .home-info select::placeholder {color: white;}
    .addcard .select2-container--default .select2-selection--single .select2-selection__rendered {color: white;}
    .addcard .secureinfo{color: white;}
    .heading-section {
        height: 80px;
    }
    #custom_search_field {
        color: #ffffff;
    }
    .menu-close {
        display: block;
        font-size: 20px;
    }    
    .tabNmob-nav{
        display: block;
        position: fixed;
        right: 0;
        left: auto;
        bottom: 0;
        width: 55vw;
        height: 100%;
        z-index: 99999;
        background: var(--theme-bg-color);
        transform: translate(100%,0);
        transition: all 0.5s linear 0s;
        box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
    }
    .tabNmob-nav.navbarNav-open {transform: translate(0%,0);}
    .tabNmob-nav .navbar-nav{
        padding: 0px 20px;
        /* border-top: 2px solid #ffffff; */
    }
    .addcard .home-info .coldiv {
        padding: 15px!important;
    }
    .payment_card_section {
        padding: 0 ;
    }
    .app_detail_div .app_details {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .schedule_one {
        padding: 15px 0;
    }
    .calender_view_section {
        display: block;
        border: none;
    }
    .calender_view_section .view-left-section {
        width: 100%;
        /* border-bottom: 1px solid #ffffff; */
        margin-bottom: 10px;
    }
    .calender_view_section .view-right-section {
        width: 100%;
        border: none;
        /* border-top: 1px solid #ffffff;
        padding-top: 10px; */
    }
    .calender_view_section .fc-toolbar {
        padding: 0;
    }
    .view-left-section .left-section > div {
        display: none;
    }
    .view-left-section .left-section > div:last-child {
        display: block;
    }
    .calender_view_section .app_detail_div {
        border-top: none;
        padding: 10px;
        border-bottom: 1px solid #ffffff;
    }
    .orders-head {
        display: none;
    }
    .calander-top-header .btn-group {
        display: none;
    }
    .right-indicator {
        position: static;
        float: none ;
        width: 100%;
        align-items: center;
        font-size: 16px ;
        text-transform: uppercase;
    }
    .right-indicator div {
        display: inline-block;
        width: 32%;
    }
    .contact-section .contact-card .right-panel .heading {
        color: #ffffff;
    }
   .change-password .form-control {
       background-color: #ffffff;
   }
    .parked-cars{
        background-size:contain;
        background-repeat:no-repeat ;
        min-height: 280px;
        width: 100%;
        background-attachment: unset;
    }
    .banner-content{
        padding: 50px 0;
    }
    .tabBtn{
        color: #ffffff;
    }
    .mob-d-none{
        display: none;
    }
    .banner-logo img{
        max-width: 180px;
    }
    .banner-content .heading{
        width: 68%;
        margin: 15px auto 0 auto;
    }
    
    .mobnavlogo{
        padding: 10px 0;
        margin: 0 20px;
    }
    .mobnavlogo img{
        width: 150px;
        text-align: center;
    }
    .services-card-wrapper {
        flex-direction: column;
    }
    .service-card:nth-child(2){
        border: none;
    }
    .service-card{
        position: relative;
        padding: 0;
        border: none;
    }
    .cost-estimate .service-card{
        margin: 15px 0;
    }
    .service-card:after{
        position: absolute;
        content: '';
        height: 2px;
        left: -12px;
        right: -12px;
        bottom: -15px;
        background: #ccc;
    }
    .service-card:last-child:after{
        content: none;
    }
   /* .cost-estimate .service-card:last-child{
        border-bottom: 2px solid#ffffff;;
    } */
    .service-card .image{
        margin-bottom: 0px;
        margin-top: 40px;
    }
    .service-card .image img{
        max-height: 100%;
        width: 100%;
    }
    .index .service-card .heading{
        margin-top: 30px;
    }
    .service-card .heading{
        font-size: 22px;
    }
    .service-card .para{
        font-size: 16px;
        opacity: 0.8;
    }
    .service-card .main-btn{
        font-size: 14px;
    }
    .about-section
    ,.testimonials-section{
        background: #e6e6e6;
    }
    .about-section
    ,.testimonial{
        color: #4a4a4a;
    }
    .about-section .heading{
        font-weight: 400;
        font-size: 80px;
    }
    .about-section .subheading{
        text-transform: uppercase;
        font-weight: 500;
        font-size: 24px;
    }
    .about-section .para{
        width: 100%;
        font-size: 18px;
        color: #000;
        opacity: 0.8;
    }
    .partners-section .brand-img{
        padding: 5px;
    }
    .testimonial{
        padding: 45px 0;
    }
    .testimonial .heading{
        font-size: 16px;
    }
    .testimonial .stars{
        margin: 0;
    }
    .testimonial .stars span{
        font-size: 12px;
    }
    .testimonial.owl-carousel .owl-nav .owl-prev, 
    .testimonial.owl-carousel .owl-nav .owl-next{
        font-size: 100px;
        bottom: 50px;
    }
    .partners-section .partner-slider .owl-item{
        width: 50%;
    }
    .video-wrapper video{
        max-width: 290px;
    }
    .testimonial .para{
        width: 80%;
        font-size: 14px;

    }
    .careers-section{
        padding: 20px 0;
        background: #272727;
    }
    .careers-section .heading{
        font-size: 35px;
        font-weight: 500;
    }
    .careers-section .subheading{
        width: 89%;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .newsletter-section{
        padding: 20px 0;
        background: #272727;
    }
    .newsletter-section .heading{
        font-size: 35px;
        font-weight: 500;
    }
    .newsletter-section .subheading{
        width: 89%;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .newsletter-section .your-mail input{
        padding: 0 0 0 10px;
    }
    .newsletter-section .your-mail .main-btn{
        padding: 8px 22px 8px 22px;
    }
    .copyright-section{
        background: #272727;
        font-size: 18px;
        padding: 0;
    }
    .copyright-section .privacy-and-terms{
        width: 100%;
        justify-content: space-between;
        opacity: 0.5;
    }
    .copyright-section .privacy-and-terms a {
        font-family: calibri;
    }
    .privacy-and-terms{
        margin: 0;
    }
    .ohio-mobile{
        opacity: 0.5;
        padding: 20px;    
        font-size: 18px;
        font-family: calibri;
    }
    .top-btn{
        font-size: 60px;
        color: var(--theme-bg-btn);
        opacity: 1;
    }
    .desk-right-reserved{
        display: none;
    }
    .ohio-mobile
    ,.top-btn{
        display: block;
    }
    .heading-section h2{
        width: 100%;
        border: none;
        text-align: right;
        font-size: 32px;
    }
    .heading-section:after{
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        height: 5px;
        width: 100%;
        background: var(--theme-bg-btn);
    }
    .schedule .heading-section:after{
        width: 45%;
    }
    .home_section h4 {
        font-size: 30px;
        font-weight: bold;

    }
    .services-desc {
        min-height: auto;
    }
    .services-section .middle {
        padding-bottom: 25px;
        margin-top: 25px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .home_section p {
        font-size: 18px;
        width: 100%;
    }
    /* .heading-section.mobile-50:after{
        width: 47%;
    } */
    .trasports-section .para{
        width: 100%;
    }
    .schedule-transport{
        padding: 0;
    }
    .schedule-transport:before{
        content: none;
    }
    /* removed empty ruleset (lint) */
    .schedule-section .col-12 {
        background: #ffffff;
        padding-top: 10px;
        margin-bottom: 30px;
    }
    .schedule-section .col-12:last-child {
        margin-bottom: 0;
    }
    .transport_service_image {
        box-shadow: none
    }
    .schedule-section .schedule-content {
        padding: 0 30px 15px;
    }
    .schedule-section{
        padding: 30px 0;
        background: #e6e6e6;
    }
    .schedule-section h3 {
        font-size: 25px;
        color: #000;
    }
    .schedule-card-wrapper{
        flex-direction: column;
    }
    .schedule-card{
        background: #ffffff;
        padding: 10px;
    }
    .schedule-card:nth-child(2){
        margin: 30px 0;
    }
    .schedule-content .para{
        opacity: 0.7;
    }
    .services-section .schedule-content1 {
        padding: 15px 30px 0;
    }
    .cost-estimate .heading-section:after{
        width: 100%;
    }
    .schedule-tabs{
        display: none;
    }
    .schedule-transport-section{
        padding: 0;
        background: #272727;
    }
    .schedule-tab-opener{
        padding: 30px 0;
        background: #272727;
    }
    .schedule-tab-opener .headingNday span{
        font-size: inherit;
    }
    .schedule-tab-opener .headingNday{
        text-transform: capitalize;
        color: #ccc;
    }
    .schedule-tab-opener .headingNday
    ,.schedule-tab-opener .second{
        text-align: center;
    }
    .desk-d-none{
        display: block;
    }
    .schedule-tab-opener .second .mob-para{
        color: #ccc;
        margin-top: 10px;
    }
    .schedule-tab-opener .offer-code input{
        width: 78%;
    }
    .schedule-tab-opener .offer-code button{
        width: 22%;
    }
    .schedule-tab-opener .headingNday .change-btn{
        text-align: left;
        color: var(--theme-bg-btn);    
        text-transform: uppercase;
    }
    .schedule-tab-opener .headingNday .change-btn span{
        color: var(--theme-bg-btn);
    }
    .schedule-transport-btn{
        margin-top: 40px;
    }
    .schedule-tab-opener select
    , .schedule-tab-opener input{
        padding: 10px;    
    }
    .schedule-tab-opener .input-group-text{
        padding: 16px 26px;
    }
    .schedule-tab-opener label
    , .schedule-tab-opener small{
        margin: 10px 0 0 5px;
    }
    .input-group>.form-control
    , .input-group>.form-select{
        max-height: 52px;
    }
    #navbarNav-tab1{
        bottom: 0;
        right: 0;
        height: 89vh;
        width: 100%;
        transform: translate(0,100%);
    }
    #navbarNav-tab .navbar-nav{
        padding: 0 15px;
    }
    #navbarNav-tab.navbarNav-open{
        transform: translate(0,0%);
    }
    .cost-estimate-schedule{
        background: transparent;
    }
    .cost-estimate-schedule .mapouter{
        padding: 20px 0 40px 0;
    }
    .heading-section .main-heading{
        padding: 20px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 99;
        width: auto;
        margin: 0;
    }
    .information-section{
        background: #272727;
    }
    .information-section .info-card{
        flex-direction: column;
    }
    .information-section .info-card:nth-child(even){
        flex-direction: column-reverse;
    }

    .information-section .info-card .info-content{
        width: 100%;
        position: relative;
        padding: 0 30px;
        margin: 12px 0;
    }
    .information-section .info-card .image{
        padding: 0;
        width: 100%;
        display: none;
    }
    .information-section .info-card .mapouter{
        width: 90%;
    }
    .contactNinfo .main-heading{
        padding: 0;
    }
    .contactNinfo .main-heading:nth-child(2){
        padding-right: 70px;
    }
    .information-section .info-card .info-content .heading{
        font-size: 25px;
    }
    .information-section .info-card:nth-child(2){
        display: block;
    }
    .information-section .info-card .info-content .para{
        font-size: 18px;
    }
    .hour-of-operation:not(.heading){
        color: #ccc;
    }
    .information-section .info-card .info-content .para:not(:first-child)
    ,.hour-of-operation{
        margin-bottom: 30px;
    }
    .information-section .info-card:first-child .info-content:after{
        position: absolute;
        content: '';
        height: 2px;
        left: 0px;
        right: 0px;
        bottom: -15px;
        background: #ffffff;
    }
    .information-section .contact-content{
        padding: 0 30px;
        display: none;
    }
    .contact-content .heading{
        font-size: 25px;
        text-transform: uppercase;
    }
    .contact-content .para{
        margin-bottom: 10px;
        color: #ccc;
    }
    .contact-content .form-group label{
        text-transform: capitalize;
        color: #ccc;
    }
    .contact-content .form-group input
    ,.contact-content .form-group textarea{
        background: inherit;
        border-radius: 0;
        border: 4px solid #4a4a4a;
        color: #ffffff;
    }
    .contact-content .form-group{
        margin-bottom: 0;
    }
    .contact-content .main-btn{
        font-size: 12px;
        padding: 8px 15px;
    }
    .contact-section .contact-card{
        flex-direction: column;
    }
    .contact-section{
        background: #ffffff;
        border-top: 30px solid #e6e6e6;
    }
    .contact-section .contact-card .left-panel,.contact-section .contact-card .right-panel{
        background: #ffffff;
        width: 100%;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top-right-radius: 0;
    }
    .contact-section .contact-card .left-panel{
        display: none;
    }
    .contact-section .contact-card .right-panel .turnstile {
        width: 75%;
    }
    .contact-section .contact-card .right-panel{
        padding: 0 0;
    }
    .contact-section .login-form .signup-btn,.contact-section .login-form .forget-pass{
        font-size: 18px;
    }.contact-us .contact-section {border-top: none;}
    .contact-us .contact-section, .contact-section .contact-card .right-panel,.form-control {background: #212529;color: #d0c9c9f2;}
    .contact-us .heading-section:after {
        width: 70%;
        max-height: 320px;
    }
    .schedule-tab-opener .main-btn{
        margin: 10px 0 0 0;
        display: inline-block;
    }
    .schedule-tab-opener .main-btn:last-child{
        margin-right:0 ;
    }
    .trasports-section .heading h2{
        font-size: 30px;
    }
    #calculater-form {
        padding: 0 ;
    }
    #calculater-form .form-control {
        background: #ffffff;
        padding: 15px 10px;
    }
    .map-div {
        height: var(--map-height-mobile);
    }
    .payment-method .heading-section {text-align: center;}
    .payment-method .heading-section .main-heading {padding: 30px 0px;}
    .payment-method .heading-section:after {display: none;}

    /* .contact-us .contact-section {border-top: none;}
    .contact-us .contact-section, .contact-section .contact-card .right-panel,.form-control {background: #212529;color: #d0c9c9f2;}
    .contact-us .heading-section:after {width: 70%;} */


    .right-panel.mobile-bg {
        background: #ffffff!important;
    }
    .right-panel.mobile-bg .form-control {
        background: #ffffff!important;
    }

    .contact-card .LoginLogo {
        display: block;
        margin-bottom: 20px;
    }
    .contact-us .contact-section .contact-card .right-panel .heading {
        font-size: 32px;
        font-weight: normal;
        margin-bottom: 10px;
    }
    .contact-us .contact-section .desc {
        font-family: "Calibri";
        letter-spacing: 1px;
        padding: 0 30px;
    }
    .banner-foot  {
        display: none;
    }
    .banner-section {
        padding: 0 30px;
    }
    .main-btn {
        font-family: calibri;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 15px;
    }
    .forgot-password .right-panel {
        background: #ffffff!important;
        padding: 20px!important;
    }
    .forgot-password .right-panel .form-control {
        background: #ffffff!important;
    }
    .schedule-tab-opener .time-wrapper {
        max-height: 274px;
    }
    .banner-section{
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        background-attachment: fixed;
        width: 100%;
        margin: auto;
    }

    /* iOS (Safari/Chrome): JS uses a clipped fixed layer for `.home-banner` */
    @supports (-webkit-touch-callout: none) {
        .home-banner{
            background-attachment: scroll !important;
        }
    }
}

@media screen and (max-width: 325px) {
    .tabNmob-nav{ 
        width: 70vw;
    }
    .navbar-toggler {
        width: 35px;
        padding: 0;
    }
    .phoneNmail-mobile a {
        font-size: 14px;
    }
    .phoneNmail-mobile a:last-child {
        margin-right: 0;
    }
    .schedule-tab-opener.choose-transport .call, .schedule-tab-opener.choose-transport .reminder {
        font-size: 16px;
    }
    
}