Responsive website, how to make the script execute at different screen resolutions?

Question

css

There is an adaptive site, how to make the script execute depending on the screen resolution.

jQuery('.block').addClass("hidden").viewportChecker({
    classToAdd: 'visible animated fadeIn', offset: 50
  });

How to write the correct condition? Something didn't quite work out for me.

Answer 1

I decided.

jQuery(document).ready(function(){
  var w = screen.width;
  if (w >= '1000') {
    // выполняем на экранах больше 1000рх
  } else {
    if (w >= '600') {
      // выполняем на экранах больше 600рх
    } else {
      if (w < '600') {
        // выполняем на экранах меньше 1000рх
      }
    }
  }
});