
.noScroll {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: hidden !important;
}

.scrollX {
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollXXsUp {
  overflow-x: auto;
  overflow-y: hidden;
}

@media (max-width: 374px) {  .scrollXXsDown {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 375px) {  .scrollXSmUp {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 767px) {  .scrollXSmDown {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 768px) {  .scrollXMdUp {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 1023px) {  .scrollXMdDown {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 1024px) {  .scrollXLgUp {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 1279px) {  .scrollXLgDown {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 1280px) {  .scrollXXlUp {
    overflow-x: auto;
    overflow-y: hidden;
  }
}

.scrollXXlDown {
  overflow-x: auto;
  overflow-y: hidden;
}

.scrollY {
  overflow-y: auto;
  overflow-x: hidden;
}

.scrollYXsUp {
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 374px) {  .scrollYXsDown {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 375px) {  .scrollYSmUp {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 767px) {  .scrollYSmDown {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 768px) {  .scrollYMdUp {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 1023px) {  .scrollYMdDown {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 1024px) {  .scrollYLgUp {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 1279px) {  .scrollYLgDown {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 1280px) {  .scrollYXlUp {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.scrollYXlDown {
  overflow-y: auto;
  overflow-x: hidden;
}