.d-none {
  display: none;
}
.d-block {
  display: block;
}

/* ============ Responsive ============ */

@media screen and (min-width: 1441px) {
  .d-xl-none {
    display: none;
  }
  .d-xl-block {
    display: block;
  }
}

@media screen and (max-width: 1440px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-block {
    display: block;
  }
}

@media screen and (max-width: 1220px) {
  .d-md-none {
    display: none;
  }
  .d-md-block {
    display: block;
  }
}

@media screen and (max-width: 840px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-block {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .d-xs-none {
    display: none;
  }
  .d-xs-block {
    display: block;
  }
}