.hidden {
  display: none !important;
}

.displayBlock {
  display: block !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.nowrap {
  white-space: nowrap;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.hiddenMobile {
  display: inherit;
}

@media (max-width: 700px) {
  .hiddenMobile {
    display: none !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  .hiddenTablet {
    display: none !important;
  }
}

@media (min-width: 1101px) {
  .hiddenDesktop {
    display: none !important;
  }
}