@media screen and (max-width: 1024px) {
    .left-sidebar {
        left: -300px;
        top: 70px;
    }

    .mobile-sidenav.left-sidebar {
        width: 250px;
        left: 0px;
        top: 70px;
    }

    .content-section {
        width: calc(100% - 0px);
        margin-left: 0px;
    }

    .main-outer .content-section {
        width: calc(100% - 0px);
        margin-left: 0px;
    }

        .main-outer .content-section .dashheader {
            width: 100%;
        }

    .content-section .dashheader {
        width: 100%;
    }

    .left-width .list-unstyle li a {
        justify-content: start;
    }

        .left-width .list-unstyle li a span {
            display: block;
        }
}

@media screen and (max-width: 992px) {
    .dashboard-card .col-lg-3 {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 576px) {
    .user-form .form-section-outer {
        width: 90%;
    }
}