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

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

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

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

    .page_header {
        flex-direction: column;
    }

    .page_header .btn-list div {
        flex-direction: column;
        align-items: end !important;
        margin-bottom: 1rem;
    }

    .page_header .btn-list div button,
    .page_header .btn-list div a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .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 */

    .app_navbar.single_page {
        padding: 1rem;
    }

    .navbar-toggler {
        display: none;
    }

    body.theme-dark .navbar .bg-custom {
        background-color: #0b0b0b;
    }

    /* End Navbar */

    /* Start Auth */
    .auth_section {
        width: 100%;
        padding-block: 5rem;
        padding-inline: 1rem;
    }

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

    /* 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: 2rem;
    }

    .content_single .card_single_info_page {
        width: 100%;
    }

    #languages_app .list_languages {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.75rem;
        padding-block: 1rem;
    }

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

    footer .second_info {
        padding: 0;
    }

    footer .second_info .links_info {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .single_footer .content_area_footer {
        flex-direction: column;
        gap: 0.5rem;
        padding-bottom: 0.5rem;
    }

    footer .second_info .links_info .info_company p {
        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(2, 1fr);
        gap: 0.5rem;
    }

    .control_links a {
        padding-block: 1.25rem;
        gap: 0.5rem;
    }

    .control_links a svg {
        stroke-width: 1.2;
        --aous-aw-icon-size: 2.25rem;

    }

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

    .game_card_area .game_card {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }

    .game_card_area .body_area .d-flex {
        display: grid !important;
        grid-template-columns: 2fr 1fr;
    }

    .game_card_area .action_area {
        width: 100%;
    }

    .game_card_area .action_area span.badge {
        width: 100%;
        display: block;
        padding-block: 1rem;
    }

    .game_drawn_numbers {
        gap: 0.05rem;
    }

    .game_drawn_numbers .ball {
        width: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2.75rem;
        min-height: 2.75rem;
        height: 2.75rem;
        font-size: 1rem;
    }

    .sides_cards_area {
        display: block;
        width: 100%;
    }

    .sides_cards_area .col-12 {
        margin-bottom: 1rem !important;
    }

    html[dir="rtl"] .sides_cards_area .col-12 {
        margin-right: 0.75rem;
        margin-bottom: 2rem !important;
    }

    .sides_cards_area h3 {
        --aous-aw-font-size-h3: 1rem;
    }

    .sides_cards_area .card {
        border: unset !important;
    }

    .sides_cards_area .col-8,
    .sides_cards_area .col-4 {
        width: 100%;
        padding: 0;
    }

    .side_card_numbers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-left: 0px;
        gap: 0.25rem;
        direction: ltr;
    }

    .side_card_numbers .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .side_card_numbers .markdown>table>:not(caption)>*>*,
    .side_card_numbers .table>:not(caption)>*>* {
        padding: .05rem .05rem;
    }

    .side_card_numbers td {
        height: 20px !important;
        font-size: 13px !important;
    }

    body.theme-dark .side_card_numbers td {
        color: black;
    }

    .form-selectgroup-numbers {
        grid-template-columns: repeat(5, 1fr);
    }

    body.theme-dark .form-selectgroup-numbers .form-selectgroup-item .form-selectgroup-label {
        background-color: #000000;
        border-color: #000000;
        color: white;
        font-weight: 600;
    }

    .form-selectgroup-numbers .form-selectgroup-input:checked+.form-selectgroup-label {
        background-color: var(--aous-aw-warning) !important;
    }

    .game_details_area {
        margin-top: 0rem !important;
    }

    .game_details_area .game_tickets {
        grid-template-columns: repeat(6, 1fr);
    }

    .number_of_balls_drawn_are {
        margin-top: 2rem;
    }
}