@media (min-width: 768px) {
  .bar-section {
    padding: 96px 0;
  }

  .bar-hero__inner {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    padding-top: 156px;
  }

  .bar-hero__panel {
    align-self: end;
    margin-bottom: 58px;
  }

  #item.negative {
    padding: 48px;
  }
}

@media (min-width: 992px) {
  .bar-hero__inner {
    grid-template-columns: minmax(0, 1fr) 390px;
  }
}

@media (max-width: 767px) {
  body.admin-bar > section:first-of-type,
  body.admin-bar nav#header {
    margin-top: 0 !important;
  }

  .bar-hero .bar-hero__slider,
  .bar-hero .bar-hero__frame {
    min-height: 720px;
  }

  .bar-hero__inner {
    justify-content: flex-end;
  }

  .bar-hero__title {
    hyphens: auto;
  }

  .bar-hero__actions .bar-button,
  .bar-hero__actions .btn {
    width: 100%;
  }

  .bar-single-hero {
    min-height: 360px;
    padding: 112px 0 46px;
  }

  .bar-single-hero__breadcrumb {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .bar-single-hero__title {
    font-size: clamp(34px, 10.5vw, 50px);
    hyphens: auto;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .single-post .bar-single-hero__title {
    font-size: clamp(30px, 8.5vw, 42px);
  }

  #item.negative {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

}