.search-header {
  display: block;
  width: 100%;

  &__text-container {
    display: none;
    padding: 25px 0;
    background-color: lighten($ui-base-color, 6%);

    @media (min-width:895px) {
      display: block;
    }
  }

  &__title-text {
    color: $primary-text-color;
    padding-left: 20px;
    max-width: 1200px;

    @include text-sizing(27px, bold, 32px);
    @include text-overflow(nowrap);
    @include margin-center;

    @media (min-width:895px) and (max-width:1190px) {
      max-width: 900px;
    }
  }

  &__type-filters-tabs {
    display: flex;
    width: 100%;
    max-width: 1200px;

    @include margin-center;

    @media screen and (max-width:895px) {
      max-width: 580px;
    }

    @media (min-width:895px) and (max-width:1190px) {
      max-width: 900px;
    }
  }
}