/*
 * Responsive visibility utility classes, matching Flatsome core's own
 * breakpoints exactly (extracted from web/app/themes/flatsome/assets/css/flatsome.css).
 *
 * Existing page content uses these classes (via the `visibility` attribute on
 * [section]/[row]/[col]/[ux_banner] shortcodes) to show only ONE of several
 * desktop/tablet/mobile duplicate copies of the same content at a time.
 */

/* small: < 550px */
@media (max-width: 549px) {
  .hide-for-small {
    display: none !important;
  }
}
@media (min-width: 550px) {
  .show-for-small {
    display: none !important;
  }
}

/* medium: 550px - 849px */
@media (max-width: 849px) {
  .hide-for-medium {
    display: none !important;
  }
}
@media (min-width: 850px) {
  .show-for-medium {
    display: none !important;
  }
}

/* large: >= 850px */
@media (min-width: 850px) {
  .hide-for-large {
    display: none !important;
  }
}