title: Media Queries not working in Safari
body: <p>My media queries are working in Firefox and Chrome but not Safari. </p>
  
  <pre><code>@media screen (-webkit-min-device-pixel-ratio: 1),
      and (min-device-width: 1000px), 
      and (max-device-width: 1600px),
      and (min-resolution: 192dpi) { } 
  </code></pre>
  
  <p>They were working absolutely fine in safari until I added in some extra code to support Firefox.</p>
  
  <p>I also have </p>
  
  <blockquote>
    <p><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;</code></p>
  </blockquote>
  
  <p>in my HTML so it's not this.</p>
  
  <p>Please help!! </p>