Override style-responsive in Child Theme

Hi,

I’m trying to override the Minamaze parent theme style-responsive.css file in my child theme style.css but it doesn’t seem to work?

My child theme looks like this:

@import url(“../minamaze/style.css”);
@import url(“../minamaze/styles/style-responsive.css”);

@media only screen and (max-width: 768px) {
#header-links,
#pre-header-search {
/* display: none; */
}
}

The reason I’m doing this is the top menu disappears for my site when viewed on a mobile device. I can make the amend above directly in the parent theme style-resonsive.css file and it works. However everytime I update the theme my changes are lost. I hope by putting it into the child theme style.css file it’ll prevent this from happening.

Has anyone accomplished this? Could anyone please give me some pointers on where I’m going wrong?

Kind regards
Paul