/* Desktop Styles (default) */
#appSideBar {
    width: 350px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

/* Tablet Styles */
@media screen and (max-width: 992px) {
    #appSideBar {
        width: 300px;
    }
}

/* Mobile Styles */
@media screen and (max-width: 480px) {
    #appSideBar {
        width: 100%;
        box-shadow: none;
    }
}