Не исчезает мобильное меню
 

На сайте сделал отдельное мобильное меню, которое изначально не видно с помощью display: none; и меню открывается с помощью гамбургер-меню. Однако если открыть мобильное меню и не закрыть его, а также растянуть окно браузера, то меню никуда не исчезает и наслаивается на обычное меню.

Код JS такой

$(document).ready(function () {
    $('#nav-toggle').on('click', function (e) {
        e.preventDefault();
        $('.mobile-menu').fadeToggle(500).css("display", "block");
    });
    $(window).resize(function () {
        if (innerWidth >= 992) {
            if ($('.mobile-menu').css('display') == 'none') {
                $('.mobile-menu').removeAttr('style');
            }
        }
    });
});

Собственно что надо дописать, чтобы мобильное меню исчезало в любом случае, если растянуть окно браузера до стандартных значений, даже при условии что оно было открыто???