Removed logo now mobile menu doesnt work

Hi,

I was given the following code to remove the logo from the top of the page and to also remove the blank white space at the top of the page. However, when I use the code, the mobile menu doesnt work. When I remove the code the logo, white space and mobile menu work. Can someone tell me which part of the code to remove to allow the mobile menu to work??

Here is the code i am currently using:

/* Hide logo in desktop */

#header .logo,
#header.av_logo_center .av-logo-container,
#header.av_top_nav_header .av-logo-container,
#header.av_bottom_nav_header .av-logo-container,
#main .av-logo-container {
display: none;
}

/* Hide logo in mobile*/

@media only screen and (max-width: 767px) {
#main .av-logo-container {
display: block;
}
#header .logo,
#main .logo {
display: none!important;
}}

@media only screen and (min-width: 768px) {
#header_main .av-logo-container {
display: none;
}}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 50px;
}