Как скрыть li по классу стиля?

Question

[Антон Вебсайтовский]

Здравствуйте, очень простой вопрос. Но я чет туплю )

<div class="nav green-black">
  <ul class="dropdown clear">
    <li><a href="#oform" title="Как оформить" class="scroll">Как оформить</a></li>
    <li class="mi"></li>
    <li><a href="#obrz" title="Образец диагностической карты" class="scroll">Образец ДК</a></li>
    <li class="mi"></li>
    <li><a href="#otzv" title="Вопрос-ответ" class="scroll">Вопрос-ответ</a></li>
    <li class="mi"></li>
    <li><a href="#vagnoznat" title="Важно знать" class="scroll">Важно знать</a></li>
    <li class="mi"></li>
    <li><a href="#onac" title="О нас" class="scroll">О нас</a></li>
    <li class="mi"></li>
    <li><a href="#cont" title="Контакты" class="scroll">Контакты</a></li>
    <li class="mi"></li>
    <li><a href="#otzv" title="Отзывы" class="scroll">Отзывы</a></li>
  </ul>
</div>

При определенном разрешении экрана ну медиа, я делаю чтобы (), скрывались, хочу сделать чтобы скрывалось, как это сделать?

Делал так но не работает.

@media only screen and (max-width:1000px) {
   .mi {
     display: none;
   }
  }