@media (max-width: 575px) {
  .hide-xs {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .hide-sm {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hide-md {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hide-lg {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .hide-xl {
    display: none !important;
  }
}

@media (min-width: 1600px) {
  .hide-xxl {
    display: none !important;
  }
}