/* ==========================
   Tablet
========================== */

@media (max-width:992px){

    .sidebar{

        left:-260px;
        z-index:1050;
        transition:.35s;

    }

    .sidebar.active{

        left:0;

    }

    .content{

        margin-left:0;

    }

    .menu-toggle{

        display:block;

    }

    .search-box{

        width:220px;

    }

}

/* ==========================
   Mobile
========================== */

@media (max-width:768px){

    .topbar{

        padding:15px;

    }

    .search-box{

        display:none;

    }

    .main-content{

        padding:15px;

    }

    .profile strong,
    .profile small{

        display:none;

    }

    .stat-card{

        margin-bottom:20px;

    }

    .table{

        display:block;
        overflow-x:auto;

    }

}

/* ==========================
   Small Phones
========================== */

@media (max-width:576px){

    .stat-card{

        padding:20px;

    }

    .stat-card h2{

        font-size:28px;

    }

    .stat-icon{

        width:55px;
        height:55px;
        font-size:24px;

    }

}