title: How to use multiple media queries in a single CSS file.?
body: <p>How could i apply different media queries in a single CSS file.I am applying the below queries but only the latest one works..</p>
  <pre><code>@media only screen and (max-width: 500px){
        css styling here
  }
  
  @media only screen and (max-width: 600px){
       css styling here
  }
  </code></pre>