title: Media queries is not supporting at 1024x768 system resolution
body: <p>i have applied background color:gray for tablet, and blue color for my system browser with using of media queries css. It is working fine. Now the problem is, when i tured my system resolution to 1024x768, the tablet color - gray is applying to my system browser also instead of blue color. Please suggest me.</p>
  
  <p>Below is my css:</p>
  
  <pre><code>.Box{background-color:#709bd3;height:200px}
  
  @media screen and (min-device-width:600px) and (max-device-width:1024px) {
  .Box{background-color:#ccc}
  }
  </code></pre>