title: Setting width to td in media query is not working
body: <p>I want to change the width of td for smaller screens for email template. But its not working even after setting its style as important.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.alignmentColumn {
      width: 25% !important; //for desktop 
      @media only screen and (max-width: 767px) {
          width: 0% !important;  //for mobile screens
      }
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table width="100%" style="border-collapse: collapse;min-height: 100%;"&gt;
          &lt;thead style="z-index: 3000; background-color: #2c95dd; position: relative;"&gt;
              &lt;tr&gt;
                  &lt;th class="alignmentColumn"&gt;&lt;/th&gt;
                  &lt;th width="40%"&gt;
                      &lt;span style="font-family: Perpetua, serif; font-weight: 700; font-size: 30px; color: rgb(0, 67, 135); font-weight: 300; float: left;" class=""&gt;Test&lt;/span&gt;
                   &lt;/th
                  &lt;th class="alignmentColumn"&gt;
                  &lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody style="max-width: 640px; margin: 0 auto; text-align:left "&gt;
              &lt;tr&gt;
                  &lt;td class="alignmentColumn"&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;p style="margin: 30px 0; "&gt;Hello,&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td class="alignmentColumn"&gt;&lt;/td&gt;
              &lt;/tr&gt;
        &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>