$mobile: 320px;
$mobileMax: 639px; // use with max-width
$tablet: 640px;
$tabletMax: 1023px;  // use with max-width
$desktopSmall: 1024px;
$desktopSmallMax: 1279px;  // use with max-width
$desktop: 1280px;
$desktopMax: 1439px;  // use with max-width
$desktopLarge: 1440px;
$desktopLargeMax: 1919px;  // use with max-width
$desktopExtraLarge: 1920px;


// only visible on desktop
.ids-desktop {
  @media (max-width: ($tabletMax)) {
    display: none !important;
  }
}

// only visible on mobile
.ids-mobile {
  @media (min-width: ($desktopSmall)) {
    display: none !important;
  }
}