How to remove search box on mobile

[mexican-hippo]

Hi,

I have would like to remove the search box in my header on the mobile version only. I can't get this to work, I have already tried the code:

@_media screen and (max-width:640px){
#search {
display: none;
}
}

But it does not work. Does somebody know how to remove the search box on the mobile version of your store?

I use debut theme, my store is pallas-sports.myshopify.com, the password is: "fkjklfw"

[Pallavi]

Hello There,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@_media only screen and (max-width:746px) {
button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
display: none!important;
}
}