title: Hide a <li> on a certain mobile resolution
body: <p>How can I hide a <code>li</code> in mobile resolution? when width resolution &lt; 600 (for example: ) hide items whith <code>class="txt-menu"</code></p>
  
  <p>My html:</p>
  
  <pre><code>&lt;li&gt;
      &lt;a href="#"&gt;TITLE MENU&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href=""&gt;Link 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;Link 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;Link 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=""&gt;&lt;img src="my-image_instead_of_menu-text"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="" class="txt-menu"&gt;my text intead of menu image&lt;/li&gt;&lt;br&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Thanks!</p>