/* ==================== [ 1500px ] ==================== */
@media (min-width: 1500px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }

    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {

    /* ==================== [ Sidebar Start ] ==================== */
    .sidebar {
        position: fixed;
        top: 75px;
    }

    .sidebar::before {
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(5px);
        z-index: -1;
        pointer-events: none;
        user-select: none;
        opacity: 0;
    }

    .sidebar::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        z-index: -1;
    }

    .sidebar:not(:is(.sidebarHide))::before {
        opacity: 1;
        pointer-events: unset;
        user-select: unset;
    }

    /* ==================== [ Sidebar End ] ==================== */
}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {}