title: Outlook 2007 to 2013 Displaying Device Media Queries
body: <p>I developed a custom email template that uses a media query to target devices smaller than 480px. The email looks and displays perfect in every email client and platform - Gmail, Yahoo!, Hotmail, Apple Mail, Thunderbird, Outlook 2003, etc - with the exception of Outlook 2007 to 2013.</p>
  
  <p>Outlook 2007 to 2013 oddly picks up the media query and styles the email with the given css declarations. When I remove the media query, it renders perfectly. Any idea how I can have Outlook ignore the media query?</p>
  
  <p>Below is the media query being used as well as a jsFiddle link. Change max-device-width to max-width to see the media query in action.</p>
  
  <hr>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/danimalnelson/uQ7kg/" rel="noreferrer">http://jsfiddle.net/danimalnelson/uQ7kg/</a></p>
  
  <pre><code>@media only screen and (max-device-width: 480px) {
  </code></pre>