/* This rule applies ONLY when the screen is 767px wide or less */
@media (max-width: 767px) {
  .hide_on_mobile {
    display: none !important;
  }
}

/* This rule applies ONLY when the screen is 768px wide or more */
@media (min-width: 768px) {
  .hide_on_desktop {
    display: none !important;
  }
}