@media all and (max-width: 580px)  {
.scroll-container { min-height:500px !important;
}
	}
.scroll-container {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  height: 500px;
  min-height:100vh;
  -webkit-scroll-snap-type: mandatory;
      -ms-scroll-snap-type: mandatory;
          scroll-snap-type: mandatory;
  scroll-behavior: smooth;
  font-size: 0px;
}

.scroll-container .scroll-section {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

.scroll-container.diff-size {
  -webkit-scroll-snap-destination: 50% 0%;
      -ms-scroll-snap-destination: 50% 0%;
          scroll-snap-destination: 50% 0%;
  padding: 0px;
}

.scroll-container.diff-size .scroll-section {
  width: auto;
  height: 100%;
  margin-right: 0px;
  -webkit-scroll-snap-coordinate: 50% 0%;
      -ms-scroll-snap-coordinate: 50% 0%;
          scroll-snap-coordinate: 50% 0%;
}

.scroll-container.diff-size .scroll-section:first-child {
  -webkit-scroll-snap-coordinate: 0% 0%, 50% 0%;
      -ms-scroll-snap-coordinate: 0% 0%, 50% 0%;
          scroll-snap-coordinate: 0% 0%, 50% 0%;
  margin-left: 0px;
}

.scroll-container.diff-size .scroll-section:last-child {
  -webkit-scroll-snap-coordinate: 50% 0%, 100% 0%;
      -ms-scroll-snap-coordinate: 50% 0%, 100% 0%;
          scroll-snap-coordinate: 50% 0%, 100% 0%;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

  ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0, .1);
   
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}