@media only screen and (max-width: 768px) {
    .dataTables_wrapper {
       overflow-x: auto;
    }
    header .header_toggle h5 {
       font-size: 13px;
    }
    .table-div {
       overflow-x: auto;
    }
    .notification-sec .notification-content {
       width: 350px;
    }
    #dashboard-form {
      flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) { 
    /* .l-navbar {
        top: 50px;
        left: 0px;
        width:20px;
    }
    .l-navbar.show {
        width: calc(var(--nav-width) + 156px);
        left: 0px;
    } */
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .dashboard-box .card .card-body h4 {
        font-size: 1.2rem;
    }
}