title: Media Queries doesn't work when there is a lot of them
body: <p>When I write media and after check it - it works! But when I write 5-6 media queries and after I check them, they are doesn't work!</p>
  
  <p>I try the next code:</p>
  
  <pre><code>@media screen and (max-width: 1280px) and (max-height: 1024px) {...}
  
  @media screen and (max-width: 1366px) and (max-height: 768px) {...}
  
  @media screen and (max-width: 1400px) and (max-height: 1050px) {...}
  
  @media screen and (max-width: 1440px) and (max-height: 900px) {...}
  </code></pre>
  
  <p>Here, in the StackOverflow I saw the post like my, with the code:</p>
  
  <pre><code>@media screen and (max-width: 1920px), screen and (max-height: 1080px) {....}
  </code></pre>
  
  <p>But it doesn't work too. What is the problem?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I use it on IE8 with the JS plugins respond.js and css3-mediaqueries.js</p>