Desabilitar javascript nas versões Mobile e Tablet

boa noite colegas,

Tenho um script que uso no site versão desktop (wordpress), mas gostaria de desabilita-lo na versão mobile e tablet.

Já coloquei no CSS a class main-menu-containers como display: none e nada aconteceu. Coloquei a Div como display none e nada também, alguém saberia me informar como desabilito esse escript para as versões: 320px, 480px, 600px e 800px.

Script abaixo:

$(function () {
//incluso essa variavel para setar atributos do css depois

var elemento = $('.main-menu-containers');

$(window).scroll(function () {

//distancia que o scroll devera rolar para aparecer o box da div
if ($(this).scrollTop() > 200) {

//bloco incluso para setar o css
elemento.css({
'position': 'fixed',

});

$('.main-menu-containers').fadeIn();

} else {

$('.main-menu-containers').fadeOut();
}
});
});

Desde já agradeço a atenção de todos!