Как сделать, что бы $('.icon-mobile-menu').removeClass("active");не сбарсывался при расширении экрана?

$(document).ready(function () {
$(".icon-mobile-menu").click(function(ob) {
ob.stopPropagation();
$(".icon-mobile-menu").addClass("toggle");
});

$('li > a').click(function(){
$('.icon-mobile-menu').removeClass("active");
})
// Show/hide the main navigation
$('.icon-mobile-menu').click(function() {
$(this).toggleClass('on');
$('#menu').slideToggle(250);
$(".icon-mobile-menu").toggleClass("toggle");
});
$(window).resize(function(){
var w = $(window).width();
if(w > 768 && $('#menu').is(':hidden')) {
$('#menu').removeAttr('style');
}
});
$('#menu').on('click',function(e){
e.stopPropagation();
if ( $('.icon-mobile-menu').is(':visible'))
$(this).removeAttr('style');
$('.icon-mobile-menu').removeClass('on');
})
});
// конец
Дополнен 54 минуты назад
https://jsfiddle.net/72oxsmt9/90/