Cacher is the code snippet organizer for pro developers

<style>
  @media all and (max-device-width: 480px) {
      *[class*="mobile-only"] {
          display: block !important;
          max-height: none !important;
      }
      *[class*="no-mobile"] {
          display: none !important;
      }
  }
</style>

<div class="no-mobile">
  <!--// Everything inside is invisible to mobile //-->
</div>
<!--[if !mso]><!-->
<div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none">
      <!--// Everything inside is invisible to desktop //-->
</div>
<!--<![endif]-->

<!--// The Invisible Div //-->

<style>
@media all and (max-device-width: 480px) {
*[class*="mobile-only"] {
            display: block !important;
            max-height: none !important;
      }
}
</style>

<!--[if !mso]><!-->
<div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none">
      <!--// Everything inside is invisible to desktop //-->
</div>
<!--<![endif]-->