Как прописать сделать, что бы при ширине экрана меньше 767px класс fix не работал?

$(document).ready(function(){

//первое условие

$(window).scroll(function(){
if ($(window).scrollTop() > 300) {
$('#menu').addClass('fix');
}
else {
$('#menu').removeClass('fix');
}
});

//второе условие

$(window).scroll(function(){
if ($(window).scrollTop() > 100) {
$('.mobile-menu-b').addClass('mobile-menu');
}
else {
$('.mobile-menu-b').removeClass('mobile-menu');
}
});
});