Showing/hiding elements on mobile devices

HI,

Wondering if you can help me with a little code.

Basically it involved hiding and showing one of two elements, depending on whether the user in on a desktop or mobile device.

Specifically, I have a Google map on a given page that I want to show on the desktop and hide on mobile devices (this is a third-party plugin. No offence, but this one is just a little more feature-rich than the Enfold included google map).

And then I have a Google map using the Google map element from the Advanced editor in Enfold, that I want to hide on desktops but show on mobiles as it is more responsive than the third party plugin above.

Does that make sense? Can it be done?

Thanks