.title-bar {
  border-bottom: $default-border;
  padding: 16px $page-content-horizontal-padding;

  .breadcrumbs-container {
    @media (max-width: 767px) {
      display: none;
    }
  }

  .title-bar-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .title-bar-actions {
    margin-left: auto;
    margin-top: $margin-xs;

    .btn:not(:first-child) {
      margin-left: $margin-s;
    }
  }

  @media screen and (max-width: 767px) {
    padding-left: $page-content-responsive-horizontal-padding;
    padding-right: $page-content-responsive-horizontal-padding;
  }
}