@media (max-width: 767px) {
    .custom-search-wrapper {
        display: flex;
        flex-direction: column-reverse;
        justify-content: start;
        align-items: flex-start;
        gap: 1.5rem;
        flex-grow: 1;
    }

    .filter-container {
        width: 100%;
    }

    .filter-container .custom-search {
        width: 100%;
    }

    .custom-search-wrapper .custom-select-container{
        display: none;
    }

    .custom-search-wrapper .btn-filter {
        display: inline-flex !important;
    }

    .table-desktop {
        display: none;
    }
    .table-mobile {
        display: flex !important;
    }
    .status-active {
        font-size: var(--fs-body-xs);
    }
    .table-mobile .ti-ti-dots-vertical {
        font-size: 1.5rem;
    }
    .pagination .m-hidden{
        display: none;
    }
    .custom-pagination-wrapper {
        flex-direction: column;
        align-items: stretch;
    }
    .custom-pagination-wrapper nav {
        margin: 0;
    }
    .pagination {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .table-mobile .dropdown-item-custom a{
        color: var(--color-black) !important;
    }
    .table-mobile .dropdown-item-custom i{
        color: var(--color-grey-40);
    }
    .table-mobile .dropdown-item-custom.edit:hover > * {
        color: var(--color-secondary) !important;
    }
    .table-mobile .dropdown-item-custom.delete:hover > * {
        color: var(--color-red) !important;
    }
}