.uniblock__body {
  overflow-x: scroll;
  display: flex;
  max-width: calc(100vw - 20px);
  list-style-type: none;
  scroll-snap-type: x mandatory;
  transition: transform 200ms linear;
}


@media (min-width : 768px) {

  .uniblock__body {
    max-width: calc(100vw - 320px);
  }
}
@media (min-width : 1024px) {
  .uniblock__body {
    grid-area: uniblock-body;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 25px;
    margin-bottom: 5px;
    overflow-x: hidden;
    max-width: 100%;
  }

  .uniblock_wrap  .uniblock__body {
    gap: 5px 5px;
  }

  .uniblock_wrap {
    margin: 10px 65px;
  }
}

@media (min-width : 1130px) {
  .uniblock_wrap  .uniblock__body {
    gap: 25px 25px;
  }
}