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

    /* Start Root */
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        margin-inline: inherit !important;
        padding-inline: 10px !important;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .route_on_map_btn {
        display: block;
    }

    .driver_page_wrapper {
        padding-bottom: 5rem;
    }

    #map {
        margin: 2rem auto;
        width: 95%;
        height: 40vh;
    }

    .scheduled_area .action_tools a {
        display: none;
    }

    .tabs_area {
        margin-top: 0;
        gap: 1.2rem;
    }

    .tabs_area a {
        text-align: center;
        font-size: 14px;
    }

    .tabs_area::after {
        bottom: 0.8rem;
    }

    .tabs_area a.active::after {
        bottom: -10px;
    }

    .page {
        padding-inline: unset;
    }

    .d-n-mobile {
        display: none;
    }

    .sm_w_100 {
        width: 100% !important;
    }

    .padding_app {
        padding-inline: 0.75rem !important;
    }

    .iti__country-list {
        width: max-content;
    }

    .modal {
        z-index: 99999;
    }

    .modal-header {
        padding: 1.5rem 3.5rem 0 1.5rem;
    }

    html[dir="rtl"] .card-body {
        --aous-aw-card-spacer-y: 0.5rem;
        --aous-aw-card-spacer-x: 0.5rem;
    }

    html[dir="rtl"] .custom_dropdown .dropdown-menu {
        right: unset;
        left: 0;
    }

    .app_navbar {
        padding: 1rem;
    }

    .app_navbar.single_page {
        gap: 1rem;
    }

    .app_navbar.single_page a span {
        display: none;
    }

    .app_navbar.single_page .links {
        gap: 1.5rem;
    }

    .navbar .navbar-nav {
        gap: 1rem;
    }

    header.navbar .navbar-nav .nav-link:not(.dropdown_link) svg {
        --aous-aw-icon-size: 1.25rem;
    }

    .page-body {
        margin-top: 0;
        padding-top: 0.5rem;
    }

    .page_header {
        flex-direction: column;
    }

    .page_header .btn-list div {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: start !important;
        justify-content: end !important;
        margin-bottom: 1rem;
    }

    .page_header .btn-list div button,
    .page_header .btn-list div a {
        width: fit-content;
        display: flex;
        align-items: start;
        justify-content: start;
    }

    .w-75 {
        width: 100% !important;
    }

    .table-mobile-sm .btn {
        display: flex;
    }

    /* End Root */

    /* Start Custom Pagination */
    .pagination_area .pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .pagination_area .pagination .page-link {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }

    /* End Custom Pagination */

    /* Start Navbar */
    .navbar-toggler {
        display: none;
    }

    body.theme-dark .navbar .bg-custom {
        background-color: var(--aous-aw-bg-custom);
    }

    /* End Navbar */

    /* Start Auth */
    .auth_section {
        width: 100%;
        padding-bottom: 2rem;
        padding-top: 0;
    }

    .auth_section .card-body {
        padding-block: 2rem;
    }

    .auth_section .title_area {
        margin-bottom: 2.5rem !important;
    }

    .auth_section .title_area h1 {
        font-size: 1.35rem;
    }

    .auth_section .header_section {
        margin-bottom: 2rem;
    }

    .auth_section .header_section h1 {
        font-size: 1.75rem;
    }

    .auth_section button[type="submit"] {
        background-image: linear-gradient(1deg, #000000, #3d3838);
        border-color: var(--aous-aw-bg-custom);
        color: var(--aous-aw-white);
    }

    body.theme-dark .auth_section button[type="submit"] {
        background-image: linear-gradient(1deg, #ffffff, #ffffff);
        color: #000000;
    }

    /* End Auth */

    /* Start Action buttons */
    .action_buttons {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.25rem;
        margin-bottom: 1rem;
    }

    /* End Action buttons */

    /* Start Company info card */
    .company_info_card .tools_buttons {
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
    }

    .company_info_card .tools_buttons form {
        width: 100%;
    }

    .company_info_card .tools_buttons a,
    .company_info_card .tools_buttons button {
        display: block;
        width: 100%;
        padding-block: 0.7rem;
        font-size: 1rem;
    }

    /* End Company info card */

    .single_header {
        padding-top: 0rem;
    }

    .content_single .card_single_info_page {
        width: 100%;
    }

    #languages_app .list_languages {
        gap: 0.75rem;
        padding-block: 1rem;
    }

    #languages_app .list_languages a {
        padding-block: 0.7rem;
    }

    /* Start Footer */
    footer {
        padding-bottom: 6rem;
        margin-top: 2rem;
    }

    .single_footer .content_area_footer {
        flex-direction: column-reverse;
        padding-bottom: 0.5rem;
        align-items: start;
        gap: 1.5rem;
    }

    .single_footer .content_area_footer .help_links {
        display: flex;
        align-items: start;
        width: 100%;
    }

    /* End Footer */

    .payment_method_area {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .payment_method_area .payment_method {
        padding: 0.5rem;
    }

    .control_links {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }

    .control_links a {
        padding-block: 0.75rem;
        gap: 0.75rem;
        justify-content: center;
        text-align: center;
    }

    .control_links a span {
        font-size: 0.75rem;
    }

    .control_links a svg {
        --aous-aw-icon-size: 1.75rem;
        stroke-width: 1.75;
    }

    .dashboard_area {
        margin-top: 0;
    }

    .dashboard_area .save_my_booking_area {
        max-width: 100%;
    }

    .dashboard_area .save_my_booking_area .btn {
        width: 100%;
    }

    .dashboard_area .save_my_booking_area .text_content h1 {
        font-size: 1.75rem;
    }

    .dashboard_area .save_my_booking_area .text_content p {
        font-size: 0.9rem;
        margin-top: 1rem;
        color: var(--aous-aw-secondary);
    }

    html[dir="rtl"] .dashboard_area .save_my_booking_area .text_content p {
        margin-top: 0.25rem;
    }

    .dashboard_area .save_my_booking_area .form_control_area .line_location {
        left: 20px;
    }

    .dashboard_area .save_my_booking_area .form_control_area .form_control_content .tom_select .ts-control {
        padding-left: 2rem;
    }

    .dashboard_area .save_my_booking_area .form_control_area .form_control_content .tom_select .ts-control .item {
        font-size: 0.85rem;
    }

    .dashboard_area.driver_dashboard .driver_links {
        position: fixed;
        bottom: 15px;
        gap: 0.25rem;
        width: 94%;
        min-height: 75px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        left: 0;
        backdrop-filter: blur(5px);
        box-shadow: -1px -4px 10px var(--border-color);
        margin-inline: 3%;
        border-radius: 50px;
        padding-inline: 1rem;
        z-index: 99999;
    }

    .theme-dark .dashboard_area.driver_dashboard .driver_links {
        box-shadow: unset;
    }

    .dashboard_area.driver_dashboard .driver_links a {
        flex: 1;
        padding-block: 0.5rem;
        gap: 0.5rem;
        background-color: transparent;
    }

    .booking_custom_card {
        display: grid;
        grid-template-columns: 0.4fr 2fr 0.7fr;
        align-items: center;
        gap: 0.5rem;
    }

    .booking_custom_card .other_content {
        grid-column: 1 / -1;
    }

    .booking_area .card-body {
        padding-inline: 1rem;
    }

    .booking_area .form-selectgroup {
        grid-template-columns: 1fr 1fr !important;
    }

    .booking_area .action_tabs {
        gap: 0.75rem;
    }

    .booking_area .action_tabs .content_link {
        gap: 0.25rem;
    }

    .booking_area .action_tabs .content_link a:not(.btn_info) {
        width: 100%;
    }

    .counter_input_area {
        grid-template-columns: 2fr 1fr;
    }

    .review_booking .col-lg-1.text-end {
        display: none;
    }

    #daySuggestions {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        align-items: center;
        gap: 0.5rem;
    }

    .wallet_area {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1rem;
    }

    .categories_cards,
    .products_cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .product_info .order_form {
        width: 100%;
    }

    html[dir="rtl"] .theme-dark .dropdown-menu {
        left: 0;
        right: auto;
    }

    .no_result_found {
        width: 100%;
    }

    .flatpickr-mobile {
        border-color: #e4e4e7;
        padding: 0.85rem;
        min-height: 39px;
        display: block;
        width: 100%;
        font-size: .875rem;
        color: inherit;
        background-color: var(--aous-aw-bg-forms);
        background-clip: padding-box;
        border: var(--aous-aw-border-width) solid var(--aous-aw-border-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--aous-aw-border-radius);
        margin-top: 1rem;
    }

    .accordion-flush .accordion-item {
        margin-bottom: 2rem;
    }

    body.theme-dark .flatpickr-mobile {
        background: white;
        color: #000000;
    }

    .booking_cards .booking_card {
        padding: 1rem;
        grid-template-columns: 10% 85%;
        gap: 5%;
    }

    .booking_cards .booking_card .body ul {
        display: grid;
        grid-template-columns: 3fr 0.75fr .25fr;
        gap: 0.75rem;
    }

    .booking_cards .booking_card .body ul li:first-child {
        grid-column: 1 / -1;
    }

    body.theme-dark .booking_cards .booking_card .body ul li {
        color: #b7b7b7;
    }

    .booking_details_list {
        display: none;
    }

    .booking_tracking_details {
        margin-top: 0;
    }

    #about_driver .booking_preference_area {
        grid-template-columns: 10% 85%;
        gap: 5%;
    }

    .shared_page_area {
        display: block;
        padding-inline: 0;
    }

    .shared_page_area button[type="submit"] {
        width: 100%;
    }

    .shared_page_area .right_area {
        margin-top: 1.5rem;
    }

    .shared_page_area .right_area #map {
        height: 40vh;
    }

    .vehicle_information_booking {
        flex-direction: column-reverse;
    }

    .content_details_page {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .content_details_page .content_payment {
        width: 100%;
        min-width: unset;
    }

    .content_details_page #payment-element {
        margin-bottom: 0;
    }

    .content_details_page .right_content {
        height: 100%;
    }

    .content_header_calender {
        flex-direction: column;
        align-items: start;
        gap: 1rem;
        padding-inline: 1rem;
    }

    .left_content {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .right_content {
        flex-direction: column;
        align-items: start;
        gap: 1.5rem;
        width: 100%;
    }

    .right_content .action_button_view {
        margin-right: unset;
        width: 100%;
        justify-content: space-between;
    }

    .right_content .action_button_tools {
        width: 100%;
        justify-content: space-between;
    }

    .cookies_area {
        border-radius: 20px 20px 0 0;
        min-height: 17rem;
    }

    .cookies_area {
        flex-direction: column;
    }

    .cookies_area .row {
        gap: 0.65rem;
    }

    .cookies_area .row .col-auto {
        width: 100%;
    }

    .cookies_area .col-auto button,
    .cookies_area .col-auto a {
        width: 100%;
    }

    #store_rental_form .ride_content .pick_up_content {
        margin-bottom: 1rem;
    }

    #store_rental_form .ride_content .schedule_content .col-lg-4 {
        margin-bottom: 1rem;
    }

    #store_rental_form .filter_area {
        width: 100%;
        overflow-x: scroll;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

    #store_rental_form .vehicle_cards_area {
        margin-top: 1.5rem;
    }

    #store_rental_form .vehicle_cards_body .col-lg-4 {
        padding: 0;
    }

    #store_rental_form .vehicle_card {
        padding: 1rem;
    }

    .preview_choose_vehicle {
        grid-template-columns: 1fr;
    }

    .preview_choose_vehicle .booking_option_area .action_area {
        grid-template-columns: 1fr;
    }

    .preview_choose_vehicle .vehicle_left_area .vehicle_img_area img {
        height: 12rem;
        width: 100%;
    }


    #confirm_payment .form-selectgroup,
    #offer_management .form-selectgroup,
    #manage_status_offer .form-selectgroup,
    #about_driver .form-selectgroup {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .info_service_sheet {
        min-height: 60vh;
        padding-top: 1.5rem;
    }

    .info_service_sheet .offcanvas-body .content_sections {
        width: 100%;
    }

    .choose_the_service_area {
        margin-top: 0rem;
        width: 100%;
    }

    .choose_the_service_area .header_cards {
        margin-bottom: 1rem;
    }

    .choose_the_service_area .service_cards {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .input_icon_content_area .flatpickr-input ~ svg {
        display: none;
    }
}
