@media screen and (max-width: 600px) {
  .small-screen-only {
    display: block !important;
  }
}

@media screen and (min-width: 778px) {
  .small-screen-only {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .large-screen-only {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .large-screen-only {
    display: block !important;
  }
}