/* Mobile Screens */
@media screen  and (min-width:320px) and (max-width:767px) {
    body{
        overflow-x: hidden !important;
    }
    .menubar {
        position: absolute;
        top: 5px !important;
        left: 10px;
    }
    .menubar i{
        font-size: 35px;
    }
    .sidemenu {
        width: 250px;
        position: fixed;
        top: 0;
        left: -250px;
        z-index: 4;
        transition: ease-in-out 0.3s;
    }
    .menu{
        display: block !important;
    }
    .menu i{
        position: absolute;
        color: #222;
        top: 8px;
        left: 15px;
        font-size: 30px;
        z-index: 5;
    }
    .topmenus {
        left: 0;
    }
    .dashboard-section {
        height: 500px;
        width: 100%;
        margin-left: 0;
    }
    .topmenus h3 {
        margin-left: 50px;
    }
}

/* Tab Screens  & High End Mobile View */
@media screen  and (min-width:768px) and (max-width:991px) {
    
}