/**
 * Themify Ultra responsive visibility classes.
 * Matches live site inline rules (tb_inline_styles) so WordPress
 * desktop/mobile module duplicates show only one variant per breakpoint.
 *
 * Breakpoints (themify_vars):
 *   mobile: <= 680px
 *   tablet: 681px – 768px
 *   tablet_landscape: 769px – 1280px
 *   desktop: >= 1281px
 */

@media (max-width: 680px) {
  .hide-mobile {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    display: table-column !important;
    background: 0 !important;
    content-visibility: hidden;
    overflow: hidden !important;
  }
}

@media (min-width: 681px) and (max-width: 768px) {
  .hide-tablet {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    display: table-column !important;
    background: 0 !important;
    content-visibility: hidden;
    overflow: hidden !important;
  }
}

@media (min-width: 769px) and (max-width: 1280px) {
  .hide-tablet_landscape {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    display: table-column !important;
    background: 0 !important;
    content-visibility: hidden;
    overflow: hidden !important;
  }
}

@media (min-width: 1281px) {
  .hide-desktop {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    display: table-column !important;
    background: 0 !important;
    content-visibility: hidden;
    overflow: hidden !important;
  }
}