.table__content {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.table {
  margin-top: 34px;
  margin-bottom: 34px;
}

.table__top-bar,
.table__body {
  display: flex;
  min-width: calc(220px * 4);
}

.table__body {
  flex-direction: column;
}

.table__top-bar-item-inside,
.table__body-item {
  padding: 17px 18px 20px;
}

.table__body-item__line > div,
.table__top-bar .table__top-bar-item {
  flex: 0 0 220px;
  box-sizing: border-box;
}

.table__body-item__line {
  display: flex;
}

.table__body-item-title p,
.table__body-item-text p {
  max-width: 150px;
  font-weight: 500;
}

.table__top-bar-item-inside {
  font-weight: 700;
}

.table__top-bar-item-inside,
.table__body-item-title p,
.table__body-item-text p {
  font-size: 16px;
}

.table__body-item__line:nth-child(odd) {
  background: #f5f5f7;
}

@media screen and (min-width: 1201px) {
  .table {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media screen and (min-width: 1201px) {
  body .table__body-item__line > div,
  body .table__top-bar .table__top-bar-item {
    flex: 0 0 25%;
  }

  body .table__top-bar,
  body .table__body {
    min-width: 100%;
  }
}