@media (min-width: 768px) and (max-width: 979px) {
    #sidebar {
        width: 180px;
    }
    #content {
        margin-left: 180px;
    }
}

@media (max-width: 767px) {
    #header {
        position: relative;
    }
    #search {
        display: none;
    }
    #sidebar {
        float: none;
        width: 100% !important;
        display: block;
        position: relative;
        z-index: 1;
    }
    #sidebar > ul {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
    }
    #sidebar > ul > li {
        display: block;
        float: none;
        width: 100%;
    }
    #sidebar > ul > li.active {
        background: none;
    }
    #sidebar > ul > li.active > a {
        background: none;
    }
    #sidebar > ul > li > a {
        padding: 12px 15px;
    }
    #sidebar > ul > li > a:hover {
    }
    #sidebar > ul li ul {
        display: none;
        margin: 0;
        padding: 0;
    }
    #sidebar > ul li.open ul {
        display: block;
    }
    #sidebar > ul li ul li {
        display: block;
    }
    #sidebar > ul li ul li a {
        padding: 10px 0 10px 25px;
    }
    #sidebar > ul li ul li:first-child a {
        border-top: 0;
    }
    #sidebar > ul li ul li:last-child a {
        border-bottom: 0;
    }
    #content {
        margin: 0 !important;
        min-height: 400px;
    }
    .quick-actions li {
        min-width: 100px;
    }
    .btn-mini {
        height: 18px;
        padding: 3px 8px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .quick-actions li {
        min-width: 100px;
        margin: 0 0 5px 5px;
    }
    .quick-actions li a {
        padding: 10px;
    }
    .quick-actions-horizontal li a span {
        display: none;
    }
    .quick-actions li a {
        font-size: 11px;
    }
    .stat-boxes li {
        margin-bottom: 5px;
    }
}