
.heightAuto {
  height: auto;
}

.heightFull {
  height: 100%;
}

.widthAuto {
  width: auto;
}

.widthFull {
  width: 100%;
}

.fluid {
  width: 100% !important;
  max-width: none !important;
}

.fluidXsUp {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 374px) {  .fluidXsDown {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 375px) {  .fluidSmUp {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 767px) {  .fluidSmDown {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 768px) {  .fluidMdUp {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 1023px) {  .fluidMdDown {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 1024px) {  .fluidLgUp {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 1279px) {  .fluidLgDown {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 1280px) {  .fluidXlUp {
    width: 100% !important;
    max-width: none !important;
  }
}

.fluidXlDown {
  width: 100% !important;
  max-width: none !important;
}