Как Javascript'ом указать дополнительное условие в зависимости от width браузера?

$(window).load(function() {
	$('.nav_slide_button').click(function() {
		$('.pull').slideToggle();
	});
});

<nav class="pull"> 
<ul class="nav navbar-nav navbar-right">
<li><a href="#intro">1-ый пункт</a></li>
<li><a href="#contact">Контакты</a></li>
</ul>
</nav>

@media screen and (max-width:991px) {
	.pull { display: none; }
}