title: Media Query is not working in mobile gmail app
body: <p>I am creating one html template for Gmail app. In I have added one image which should come 60% on the desktop view and 100% for mobile gmail app view.</p>
  
  <p>This is img tag width 60%:</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="show.jpg" alt="Show your skills" class="mob-img" border="0" 
      style="outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; 
      width:60%;" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in media query I made it 100%. But it is not working in gmail app.</p>
  
  <pre><code>    @media only screen and (max-width: 600px) {
          .mob-img {
          width: 100% !important;
          }
      }
  </code></pre>
  
  <p>I am not getting why this is not working in gmail app. Please let me know if I am missing something.</p>
  
  <p>Thanks in advance</p>