.sideBar{
    position:fixed;
    top:0;
    bottom:0;
    overflow-y:auto;
    padding:10px;
    padding-bottom:30px;
    background-color: #333;
}
.sideBar ul{
    list-style:none;
    padding:0;
}
.sideBar a{
    
    color: #FFF;
    
    padding:5px;
    font-size: 17px;
}
.sideBar a:hover{
    padding:10px;
    font-weight: bold;
}


.sideBar .logo{
    width:50%;
    margin:10px;
}
@media(max-width:767px){/*mobile and tablet*/
    .sideBar{
        position:fixed;
        left:0px;
        top:0px;
        z-index:3;
        overflow-y:scroll;
        display:none;
        box-shadow:3px 3px 3px rgba(3,3,3,0.5);
    }
}

@media(min-width:768px) and (max-width:991px){
    /*small screen*/
    
    .sideBar .logo{
        width:100%;
    }
    
}