css desktop v mobile error?

Hello

So..I have gone crazy with the code inspector and achieved quite a bit, however, some of the code remains once i use a mobile device, for example:

I use the code below, it removes the google ‘enter your location’ and ‘get directions’ tabs below the google map in the listings.

.gd-input-group-addon {display:none;}

The issue I have is that if i use a mobile device the ‘enter your location’ and ‘get directions’ tabs reappear.

Any idea where i have gone wrong here?

Many thanks