Desabilitar Script na versão Mobile e Tablet

Bom dia colegas,

Tenho um script que uso no site versão desktop, 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!