title: Media query bracket condition
body: <p>I'm trying to make a media query with a condition constructed this way:</p>
  <pre><code>((min-width: 300px), (min-height : 500px)) and (min-device-height: 1000px)
  </code></pre>
  <p>The problem is the condition inside brackets is either not being evaluated with priority or is treated as incorrect. My question is: can i nest the conditions like that, and if yes is that a correct synthax/what's the correct one? If not how can i achieve that with a workaround?</p>