title: DIV will not disappear on small screen
body: <p>I have tried many different ways and nothing have worked.</p>
  
  <p>I wanted to make the DIV disappear on screen smaller than 499px. </p>
  
  <pre><code>div.navND {
      display: none;
  }
  
  div.navNM {
      display: none;
  }
  
  @media screen and (min-width: 750px) {
      div.navND {
          clear: both;
          display: block;
      }
  }
  
  @media screen and (min-width: 500px) {
      div.navNM {
          clear: both;
          display: block;
      }
  }
  
  @media screen and (max-width: 499px) {
      div.navNM {
          display: none;
      }
  }
  </code></pre>
  
  <p>Could anyone help me fixing this problem.</p>
  
  <p>Thank you</p>