Mobile responsive layout not working

[fantasyteamadvice]

Having the weirdest issue with my IP.Board install.  Using this code in the head section of my global template to show ads on desktop/mobile

<style type="text/css">
   .mobileShow { display: none;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 220px)
   and (max-device-width : 480px){ .mobileShow { display: inline;}}
</style>
      <style type="text/css">
   .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 220px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
</style>

Code was working well for the past week, now all the sudden on google chrome while looking at the site on my android device it is showing me the logo and ad unit which is designated as <div class="mobileHide">.  Like I said, it was displaying perfectly fine, now it is suddenly broken.  I disabled all plugins, but to no avail.

Any ideas?

And now it is displaying mobile again.. and I didn't touch anything.

If anyone sees any issues with the code I am using please let me know, as it seems to be randomly displaying tags hidden in the mobileHide div class