You need to use that

@media screen and (max-width: 780px) {    
 #sp-header .sp-default-logo.visible-xs {display: block;}
} 

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {margin: 0 5px; display: block;}   
#sp-menu > .sp-column .sp-module { margin-top: 0;}


@media screen and (min-width: 790px) {
.offcanvas {visibility: visible;}
.sp-default-logo.hidden-xs {display: none !important; visibility: hidden;} 
}