title: CSS Media Query Negation
body: <p>I would like to transform this condition to a CSS media query:</p>
  
  <pre><code>if(min-device-width != 768px &amp;&amp; max-device-width != 1024px &amp;&amp; max-width == 1200px) {
     // apply CSS
  }
  </code></pre>
  
  <p>Edit: </p>
  
  <p>Actually I want to target Ipads within this condition: </p>
  
  <pre><code>if((min-device-width != 768px &amp;&amp; max-device-width != 1024px &amp;&amp; max-width == 1200px) 
  || (min-device-width == 768px &amp;&amp; max-device-width == 1024px &amp;&amp; orientation == 'portrait')) {
         // apply CSS
  }
  </code></pre>
  
  <p>So the CSS should be applied if it's any device and current width &lt; 1200px OR if it's an Ipad (therefore the min/max-device-width) and it's in portrait mode. </p>
  
  <p>Thanks!</p>