title: screen tag in css showing error in netbeans?
body: <p>I'm creating a sample application using netbeans having some css files in that. I'm using following tag:</p>
  
  <pre><code>@media screen and (max-width: 320px) {
      #hero{height: 480px;}
      .herocontent{padding-top: 100px; padding-bottom: 30px;}
  }
  </code></pre>
  
  <p>This tag is showing an error as "un expected symbols found and" message.</p>
  
  <pre><code>@media only screen and (max-width: 500px) {
      .gridmenu {
          width:100%;
      }
  }
  </code></pre>
  
  <p>This tag is showing error as "un expected symbol found screen" message. Please help me to resolve these issues.</p>