@media only screen and (max-width: 991px) {
    .sm_w_100 {
        width: 100% !important;
    }

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-12 {
        margin-bottom: 0.5rem;
    }

    .btn-list .d-flex {
        flex-wrap: wrap;
    }

    html[dir="rtl"] .navbar-expand-lg.navbar-vertical~.navbar,
    html[dir="rtl"] .navbar-expand-lg.navbar-vertical~.page-wrapper {
        margin-right: 0 !important;
        margin-left: unset;
    }

    html[dir="rtl"] .dropdown-menu-end[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .navbar-nav.order-md-last .d-md-flex {
        display: flex !important;
        align-items: center;
    }

    .page-body {
        padding-inline: 0;
    }

    .navbar-expand-lg .navbar-collapse {
        padding-top: 0.5rem;
    }

    .navbar-vertical.navbar-expand-lg {
        width: 100%;
    }

    .navbar-expand-lg.navbar-vertical~.navbar,
    .navbar-expand-lg.navbar-vertical~.page-wrapper {
        margin-left: 0;
    }

    .navbar-nav.order-md-last {
        justify-content: start !important;
        gap: 0;
        flex-direction: column !important;
        align-items: start !important;
    }

    .navbar-nav.order-md-last .d-md-flex {
        width: 100%;
        margin-top: 0.5rem;
    }

    .search_content {
        width: 100%;
    }

    .page-wrapper .page-header {
        padding-inline: 0;
        margin-top: 1rem;
    }

    .page-wrapper .page-header .row {
        flex-direction: column;
    }

    #filter_content .col-lg-3,
    #filter_content .col-lg-2 {
        margin-bottom: 0.5rem;
    }

    .dashboard_card {
        margin-bottom: 2rem;
    }

    .dashboard_card .chart_transaction_area {
        margin-bottom: 1rem;
    }
}