/* mobile view */
@media screen and (min-width: 320px) and (max-width: 480px) {
    /*nav-bar*/
    #navBar .topnav .title-bar{
        background: #444 !important;
    }    
    #navBar .topnav .title-bar .menu-icon::after{
        background: #f6f6f6 !important;
        box-shadow: 0 7px 0 #f6f6f6, 0 14px 0 #f6f6f6 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    #navBar .topnav .title-bar{
        background: #444 !important;
    }    
    #navBar .topnav .title-bar .menu-icon::after{
        background: #f6f6f6 !important;
        box-shadow: 0 7px 0 #f6f6f6, 0 14px 0 #f6f6f6 !important;
    }

}