Hide/Show Based on Breakpoints and Count of Items

responsive-visibility-count.js

$(function () {
  navDesktop();
  navTablet();
  navMobile();
  $(window).resize(navDesktop);
  $(window).resize(navTablet);
  $(window).resize(navMobile);
});

function navDesktop() {
  if ($(window).width() >= 1024) {
    // do something
  }
}
function navTablet() {
  if ($(window).width() < 1024) {
    // do something
  }
}
function navMobile() {
  if ($(window).width() < 768) {
    // do something
  }
}