/* Tutte le classi nascoste di default */
[class^="d-"] {
  display: none;
}

/* Extra extra small: fino a 360px */
@media (max-width: 360px) {
  .d-xxsm {
    display: block;
  }

  .hide-xxsm {
    display: none;
  }
}

/* Extra small: fino a 486px */
@media (max-width: 446px) {
  .d-xsm {
    display: block;
  }

  .hide-xsm {
    display: none;
  }
}

/* Small: fino a 576px */
@media (max-width: 576px) {
  .d-sm {
    display: block;
  }
}

/* Medium: fino a 768px */
@media (max-width: 768px) {
  .d-m {
    display: block;
  }
}

/* Extra large: fino a 1024px */
@media (max-width: 1024px) {
  .d-xl {
    display: block;
  }
}

/* Extra extra large: fino a 1280px */
@media (max-width: 1280px) {
  .d-xxl {
    display: block;
  }
}

/* Extra extra extra large: fino a 1440px */
@media (max-width: 1440px) {
  .d-xxxl {
    display: block;
  }
}