Как сделать что бы при ширине экрана меньше 767px первое условие не выполнялось и обратно включалось когда...

....когда ширина экрана больше 767 px

https://jsfiddle.net/72oxsmt9/16/
$(document).ready(function(){
$(window).scroll(function(){
if ($(window).scrollTop() > 0)
{
$('#menu').addClass('fix');
}
else
{
$('#menu').removeClass('fix');
}
});

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

$(window).scroll(function(){
if ($(window).scrollTop() > 0) {
$('.mobile-menu-b').addClass('mobile-menu');

}
else
{
$('.mobile-menu-b').removeClass('mobile-menu');

}
})