nav display

перебираю чужой css, есть меню nav
по задумке оно должно прятаться на маленьком кране
и даже есть свойство

Код (CSS):

1. .nav {
2.     padding: 13px 0;
3.     background-color: #1f1f1f;
4. }
5.  
6. @media (max-width: 991.98px) {
7.     .nav {
8.         display: none;
9.     }
10. }

но вот только оно не работает.
nav вообще не понимает display или что то не доделано?

обернул все в div, с аналогичным свойством работает.
без div не работает

 

HTML:

1. <div class="top_nav">
2. <nav class="nav">
3.     <div class="container">
4.         <ul class="top_nav-list">
5.         <li class="top_nav-list__item">
6.         <a href="" class="top_nav-list__link"></a>
7.         </li>
8.         </ul>  
9.     </div>
10. </nav>
11. </div>

это уже с div .top_nav который прячется