Please change the previous code to:
@media only screen and (max-width: 992px){
.menu-wrapper {
display: block !important;
}
.menu-wrapper>.menu-main-container>.menu>li a {
font-size: 12px;
}
.navbar-toggle {
display: none !important;
}
.header-logo {
float: left;
}
.menu-wrapper {
width: 100% !important;
}
.menu-wrapper {margin-top: 1%;}
}
@media only screen and (max-width: 480px){
.menu-wrapper>.menu-main-container>.menu>li {
padding: 0px 10px;
margin-right: 25px !important;
}
}
Regards