/* Momentum based slider CSS */
/*.grid-container {
  display: grid;
}
.grid-item {
  font-size: 1em;
}
.main {
  grid-area: main;
  padding: 0;
  overflow: hidden;
}*/
.items {
  position: relative;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  user-select: none;
}
.items.active {
  /*cursor: grabbing;
  cursor: -webkit-grabbing;*/
}
.item {
  display: inline-block;
}
.item img {
  display: inline-block;
  pointer-events: none;
  user-select: none;
}

@media (min-width: 992px)
{
  .items > .item { width:35% }
  .items::-webkit-scrollbar-track {
	  border-radius: 10px;
	}
	.items::-webkit-scrollbar-thumb {
	  background: var(--primary);
	  border-radius: 10px;
	}
	.items::-webkit-scrollbar-thumb:hover {
	  background: #443823;
	}
	.items::-webkit-scrollbar {
	  height: 5px;
	}
}
@media (max-width: 991px) and (min-width: 501px)
{
  .items > .item { width:45% }
}
@media (max-width: 500px) and (min-width: 300px)
{
  .items > .item { width:90% }
}