.security .security-item {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.security .security-item > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}
.security .security-item .security-item__label {
  line-height: 45px;
  font-weight: 500;
  display: flex;
}
@media (min-width: 1920px) {
  .security .security-item .security-item__label {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .security .security-item .security-item__value {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .security .security-item .security-item__value-not-unit {
    flex: 0 0 calc(100% - 35%);
    max-width: calc(100% - 35%);
  }
  .security .security-item .security-item__unit {
    flex: 0 0 calc(100% - 35% - 30%);
    max-width: calc(100% - 35% - 30%);
  }
}
@media (min-width: 1200px) and (max-width: 1919.98px) {
  .security .security-item .security-item__label {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .security .security-item .security-item__value {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .security .security-item .security-item__value-not-unit {
    flex: 0 0 calc(100% - 40%);
    max-width: calc(100% - 40%);
  }
  .security .security-item .security-item__unit {
    flex: 0 0 calc(100% - 40% - 30%);
    max-width: calc(100% - 40% - 30%);
  }
}