Почему этот код не работает?

$(document).ready(function(){
if (window.innerWidth>=767) {
if ($(window).scrollTop() > 300) {
$('#menu').addClass('fix');
}
else {
$('#menu').removeClass('fix');
}
}

} else if (window.innerWidth<767) {

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

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

https://jsfiddle.net/72oxsmt9/8/