.mobile-text
{
    display:none;
}
@media (max-width: 400px) {
    .username {
        display: none;
    }
}

    /* Extra small devices (xs: <600px) */
    @media (max-width: 599.95px) {
        .desktop-text {
            display: none;
        }

        .mobile-text {
            display: initial;
        }
        .text-create
        {
            display:none !important;
        }

        .mud-button-icon-start {
            margin-inline: 0px !important;
        }

        .customAddButton {
            position: fixed;
            bottom: 30px;
            right: 28px;
            z-index: 11;
        }
        .mud-table {
            width: 100%;
            overflow-x: auto;
        }
        /* Add xs styles here */
    }

    /* Small devices (sm: ≥600px and <960px) */
    @media (min-width: 600px) and (max-width: 959.95px) {
        /* Add sm styles here */
    }

    /* Medium devices (md: ≥960px and <1280px) */
    @media (min-width: 960px) and (max-width: 1279.95px) {
        /* Add md styles here */
    }

    /* Large devices (lg: ≥1280px and <1920px) */
    @media (min-width: 1280px) and (max-width: 1919.95px) {
        /* Add lg styles here */
    }

    /* Extra large devices (xl: ≥1920px) */
    @media (min-width: 1920px) {
        /* Add xl styles here */
    }