title: Media Queries don't work on desktop
body: <p>I have the following media queries which work on a mobile, but the default does not work on a desktop:</p>
  
  <pre><code>@media (min-width:481px) {
  .header-section { width: auto; }
  .search-block { display:none; }
  }
  @media (min-width:320px) {
  .header-section { width: auto; }
  .search-block { display:none; }
  }
  </code></pre>
  
  <p>These work on mobiles, but when I view on desktop, the default CSS which is displayed below and not under any media query does not kick in. In my google inspector, I can see media="all" for these rules but it still doesn't work and applies the media queries meant for the mobile. Any ideas?</p>
  
  <pre><code>.search-block {
  width: 500px;
  float: left;
  margin-top: 5px;
  margin-left: 30px;
  }
  </code></pre>