Tenho um menu mobile que quero colocar em meu site. Porém, não consigo fazer com que ele aparece somente quando a tela atingir do tamanho de 992 px (media queries).
<nav id="navbar_mobile" class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span style="float: left; margin-top: -17px; margin-left: 34px; font-size: 15px;">Menu</span>
</button>
</div>
<div id="bs-example-navbar-collapse-1">
<div id="item_menu_mobile">
<a href="index.php" id="DIREITO_m"><li>Inicial</li></a>
<a href="institucional.php" id="DIREITO_m"><li>Institucional</li></a>
<a href="parceiros.php" id="DIREITO_m"><li>Parceiros</li></a>
<a href="busca.php" id="DIREITO_m"><li>Busca</li></a>
<a href="anuncie.php" id="DIREITO_m"><li>Anuncie</li></a>
<a href="contato.php" id="DIREITO_m"><li>Contato</li></a>
</div>
</div>
</nav>