@media (max-width: 991px) {
    .login-bg {
        position: inherit;
    }
}

@media (max-width: 768px) {
    #sidebar-wrapper {
        margin-left: -260px;
    }

    #sidebar-wrapper.collapsed {
        margin-left: 0;
    }

    .navbar-expand-lg.px-4 {
        padding-left: 0.5rem !important;
    }

    #sidebar-wrapper {
        position: absolute;
        height: 100%;
        margin-left: -260px;
        z-index: 999;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: 0;
    }

    #sidebar-wrapper.collapsed {
        width: 260px;
    }

    #sidebar-wrapper.collapsed .list-group-item {
        text-align: left;
        display: flex;
    }

    #sidebar-wrapper.collapsed .list-group-item span, #sidebar-wrapper.collapsed .sidebar-heading h6 {
        display: flex;
    }
}