@media only screen and (max-width: 959px) {
  .show-above-l {
    display: none !important;
  }
}

@media only screen and (min-width: 960px) {
  .show-below-l {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .show-above-m {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .show-below-m {
    display: none !important;
  }
}

@media only screen and (max-width: 479px) {
  .show-above-s {
    display: none !important;
  }
}

@media only screen and (min-width: 480px) {
  .show-below-s {
    display: none !important;
  }
}