Как включить JS на JQuery при ширине меньше 991px и отключить при больше 991 px без перезагрузки страницы сайта?

YavaDev, Скажите пожалуйста, Если делаю без JQuery....
вставляю библиотеку Flickity,
Но как-будто не отрабатывает else.
В чем может быть причина?

function resizeScreen(){
if (window.innerWidth <= 991){
  console.log(window.innerWidth);

  var elem = document.querySelector('.main-carousel');
  var flkty = new Flickity( elem, {
    initialIndex:0,
    cellAlign:'center',
    friction:0.4,
    resize:true,
    contain:false,
    freeScroll:false,
    wrapAround:false,
    prevNextButtons:false,
    pageDots:true,
    percentPosition:true,
    watchCSS:false,
  });

}
else {
  console.log();

flkty.destroy();

}
}
resizeScreen();
window.addEventListener('resize', resizeScreen);

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

Почему то вставляю библиотеку Flickity,
Но не отрабатывает else.
В чем может быть причина?

function resizeScreen(){
if (window.innerWidth <= 991){
	console.log(window.innerWidth);

	var elem = document.querySelector('.main-carousel-1');
	var flkty = new Flickity( elem, {
		initialIndex:0,
		cellAlign:'center',
		friction:0.4,
		resize:true,
		contain:false,
		freeScroll:false,
		wrapAround:false,
		prevNextButtons:false,
		pageDots:true,
		percentPosition:true,
		watchCSS:false,
	});

}
else {
	console.log();

flkty.destroy();

}
}
resizeScreen();
window.addEventListener('resize', resizeScreen);

Вот спецификация: Flickity

Как включить JS на JQuery при ширине меньше 991px и отключить при больше 991 px без перезагрузки страницы сайта?

YavaDev, Проблема решена!
Спасибо, друг!

Хочу добавить, что саму библиотеку нужно вынести из скрипта.
Вот так:

//библиотека для пошаговой прокрутки
(function(e,i){if(typeof....
(function(t,e){if(t......
(function(e,i){if(typ.....
(function(e,i){if(t....

function resizeScrenn(){
    if ($(window).width() <= 991){


// flickity-settings
$('.main-carousel').flickity({
    initialIndex:0,
    cellAlign:'center',
    friction:0.4,
    resize:true,
    contain:false,
    freeScroll:false,
    wrapAround:false,
    prevNextButtons:false,
    pageDots:true,
    percentPosition:true,
    watchCSS:false,
});


} else{

// flickity-settings destroy
$('.main-carousel').flickity('destroy');

}   
}
resizeScrenn();
$(window).resize(function(){
    resizeScrenn();
});