
.hidden {
  display: none !important;
}

.hiddenXsUp {
  display: none !important;
}

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

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

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

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

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

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

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

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

.hiddenXlDown {
  display: none !important;
}

.visible {
  opacity: 1;
  visibility: visible !important;
}

.visibleXsUp {
  visibility: visible !important;
  opacity: 1;
}

@media (max-width: 374px) {  .visibleXsDown {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (min-width: 375px) {  .visibleSmUp {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (max-width: 767px) {  .visibleSmDown {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (min-width: 768px) {  .visibleMdUp {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (max-width: 1023px) {  .visibleMdDown {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (min-width: 1024px) {  .visibleLgUp {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (max-width: 1279px) {  .visibleLgDown {
    visibility: visible !important;
    opacity: 1;
  }
}

@media (min-width: 1280px) {  .visibleXlUp {
    visibility: visible !important;
    opacity: 1;
  }
}

.visibleXlDown {
  visibility: visible !important;
  opacity: 1;
}

.invisible {
  visibility: hidden !important;
  opacity: 0;
}

.invisibleXsUp {
  visibility: hidden !important;
  opacity: 0;
}

@media (max-width: 374px) {  .invisibleXsDown {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (min-width: 375px) {  .invisibleSmUp {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (max-width: 767px) {  .invisibleSmDown {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (min-width: 768px) {  .invisibleMdUp {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (max-width: 1023px) {  .invisibleMdDown {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (min-width: 1024px) {  .invisibleLgUp {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (max-width: 1279px) {  .invisibleLgDown {
    visibility: hidden !important;
    opacity: 0;
  }
}

@media (min-width: 1280px) {  .invisibleXlUp {
    visibility: hidden !important;
    opacity: 0;
  }
}

.invisibleXlDown {
  visibility: hidden !important;
  opacity: 0;
}

.bgImgNone {
  background-image: none;
}