/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .admin-content {
        padding: 32px;
    }

}

/* =========================================================
   DESKTOP
========================================================= */

@media (max-width: 1199.98px) {

    :root {
        --sidebar-width: 240px;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .admin-wrapper {
        display: block;
    }

    .admin-main {
        width: 100%;
    }

    .admin-content {
        padding: 20px;
    }

    .page-card {
        padding: 20px;
        border-radius: 16px;
    }

    .admin-footer {
        padding:
            16px
            20px;
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .admin-content {
        padding: 16px;
    }

    .page-card {
        padding: 16px;
        border-radius: 14px;
    }

    .admin-footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .sidebar-menu-item {
        padding:
            12px
            14px;
    }

    .sidebar-user {
        padding:
            16px
            0;
    }

}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .mobile-topbar {
        height: 56px;

        padding:
            0
            14px;
    }

    .mobile-topbar-title {
        font-size: 15px;
    }

    .admin-content {
        padding: 14px;
    }

    .page-card {
        padding: 14px;
    }

    .admin-alert {
        font-size: 13px;
    }

    .sidebar-menu-item {
        font-size: 14px;
    }

    .sidebar-menu-item i {
        font-size: 17px;
    }

}

/* =========================================================
   EXTRA SMALL DEVICE
========================================================= */

@media (max-width: 380px) {

    .mobile-topbar-title {
        font-size: 14px;
    }

    .page-card {
        border-radius: 12px;
    }

}