/* here be nothing */

@media (max-width: 768px) {
    .directorist-table thead {
        display: none;
    }

    .directorist-table tbody,
    .directorist-table tr,
    .directorist-table td {
        display: block;
        width: 100%;
    }

    .directorist-table tr {
        margin-bottom: 1.5rem;
        padding: 1rem;
        border-radius: 8px;
        background: #fafafa;
    }

    .directorist-table td {
        border: none;
        padding: 0.4rem 0;
        text-align: left !important;
    }

    .directorist-table td::before {
        font-weight: 600;
        display: inline-block;
        width: 40%;
        color: #555;
        margin-right: 5%;
    }

    .directorist-table td>* {
        display: inline-block;
        width: 55%;
        vertical-align: top;
    }

    /* Auto-labels by column order */
    .directorist-table td:nth-of-type(1)::before {
        content: "Listing";
    }

    .directorist-table td:nth-of-type(2)::before {
        content: "Expires";
    }

    .directorist-table td:nth-of-type(3)::before {
        content: "Status";
    }

    .directorist-table td:nth-of-type(4)::before {
        content: "Plan";
    }

    .directorist-table td:nth-of-type(5)::before {
        content: "Actions";
    }

    /* Listing row */
    .directorist-listing-table-listing-info {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .directorist-listing-table-listing-info__img img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 4px;
    }

    .directorist-title a {
        font-size: 15px;
        font-weight: 500;
    }

    /* Actions */
    .directorist-actions {
        margin-top: 0.5rem;
    }

    .directorist-actions a,
    .directorist-dropdown a {
        font-size: 13px;
        padding: 6px 10px;
    }

    .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu {
        right: 1;
    }
}