.hidden-mobile,
.hidden-tablet,
.hidden-desktop {
  display: none !important;
}

.visible-mobile-block,
.visible-mobile-inline,
.visible-mobile-inline-block,
.visible-tablet-block,
.visible-tablet-inline,
.visible-tablet-inline-block,
.visible-desktop-block,
.visible-desktop-inline,
.visible-desktop-inline-block {
  display: none !important;
}

/* use 601 so that android 7" tablet gets mobile version */

.visible-mobile-block {
  @media (max-width: 601px) {
    display: block !important;
  }
}
.visible-mobile-inline {
  @media (max-width: 601px) {
    display: inline !important;
  }
}
.visible-mobile-inline-block {
  @media (max-width: 601px) {
    display: inline-block !important;
  }
}

.visible-tablet-block {
  @media (min-width: 601px) and (max-width: 768px) {
    display: block !important;
  }
}
.visible-tablet-inline {
  @media (min-width: 601px) and (max-width: 768px) {
    display: inline !important;
  }
}
.visible-tablet-inline-block {
  @media (min-width: 601px) and (max-width: 768px) {
    display: inline-block !important;
  }
}

.visible-desktop-block {
  @media (min-width: 768px) {
    display: block !important;
  }
}
.visible-desktop-inline {
  @media (min-width: 768px) {
    display: inline !important;
  }
}
.visible-desktop-inline-block {
  @media (min-width: 768px) {
    display: inline-block !important;
  }
}