@media screen and (min-width: 1024px) {
  body [data-hide-on-desktop] {
    display: none !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
  body [data-hide-on-tablet] {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  body [data-hide-on-mobile] {
    display: none !important;
  }
}