Change icon and bg color for mobile header

Hi,
We are using the Header Style 9 (no template) and we would like to change icon and bg color for mobile header.
We’ve changed the menu bar background color and menu bar icon colors under theme colors. But the menu bar and icons are still displaying incorrectly when viewed on iphone. It looks like this piece of code is blocking it:
@media (max-width: 767px) {
body #td-top-mobile-toggle i,
.td-header-wrap .header-search-wrap .td-icon-search {
color: rgba(0,0,0,0.9) !important;
}
}

Can you please help?

Thanks,
Raj