Media query for HDPI and MDPI Laptop screens not working
<p>I have to apply different property to an element for HDPI and MDPI screen.
I tried following code but it works only for HDPI not for MDPI.</p>

<pre><code>@media screen and (min-width: 900px) {
  .myClass {
    margin-left: 34%;
  }
}
@media screen and (max-width: 899px) and (min-width: 500px) {
  .myClass {
    margin-left: 43%;
  }
}
</code></pre>

<p>Here media screen min-width 990px(HDPI) is working but for other it is not working. How should I do it?</p>