.hidden {
  display: none; }

.display-block {
  display: block; }

.search-results {
  padding: 80px;
  background-color: #fff; }
  @media (max-width: 1349px) {
    .search-results {
      padding: 60px; } }
  @media (max-width: 1199px) {
    .search-results {
      padding: 50px; } }
  @media (max-width: 991px) {
    .search-results {
      padding: 30px; } }
  @media (max-width: 767px) {
    .search-results {
      padding: 20px; } }
  @media (max-width: 767px) {
    .search-results {
      padding-bottom: 0; } }
  .search-results__inner {
    margin-left: -55px;
    margin-right: -55px; }
    .search-results__inner:before, .search-results__inner:after {
      content: " ";
      display: table; }
    .search-results__inner:after {
      clear: both; }
    @media (max-width: 1349px) {
      .search-results__inner {
        margin-left: -45px;
        margin-right: -45px; } }
    @media (max-width: 1199px) {
      .search-results__inner {
        margin-left: -30px;
        margin-right: -30px; } }
    @media (max-width: 991px) {
      .search-results__inner {
        margin-left: -15px;
        margin-right: -15px; } }
    @media (max-width: 767px) {
      .search-results__inner {
        margin-left: 0;
        margin-right: 0; } }
  .search-results__col {
    float: left;
    padding-left: 55px;
    padding-right: 55px;
    width: 50%; }
    .search-results__col--pull-right {
      float: right; }
    @media (max-width: 1349px) {
      .search-results__col {
        padding-left: 45px;
        padding-right: 45px; } }
    @media (max-width: 1199px) {
      .search-results__col {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (max-width: 991px) {
      .search-results__col {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 767px) {
      .search-results__col {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0; } }
  .search-results__title {
    border-bottom: solid 1px #1d1d1b;
    margin-bottom: 35px;
    padding-bottom: 25px;
    position: relative; }
    @media (max-width: 767px) {
      .search-results__title {
        border-bottom: 0;
        border-top: solid 1px #d0d3d4;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 18px 20px 17px 20px; } }
  .search-results__list-toggle {
    display: none;
    background-color: transparent;
    border: 0;
    padding: 0 20px;
    position: absolute;
    top: 0;
    color: blue;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none; }
    @media (max-width: 767px) {
      .search-results__list-toggle {
        display: block; } }
    .search-results__list-toggle svg {
      display: none; }
      @media (max-width: 767px) {
        .search-results__list-toggle svg {
          display: block;
          float: right;
          position: relative;
          top: -1px; } }
    @media (max-width: 767px) {
      .search-results__list-toggle.is-active svg {
        transition: transform 200ms;
        transform: rotate(90deg); } }
  @media (max-width: 767px) {
    .search-results__list-wrapper.is-hidden {
      display: none; } }
  .search-results__col-footer {
    padding-top: 20px;
    text-align: center; }
    @media (max-width: 767px) {
      .search-results__col-footer {
        padding-top: 40px;
        padding-bottom: 40px; } }
  .search-results__list .material-card {
    width: 30%; }
    @media (max-width: 991px) {
      .search-results__list .material-card {
        width: 50%; } }

.search-bar {
  display: flex;
  padding: 30px 0; }
  @media (max-width: 1349px) {
    .search-bar {
      padding: 30px 0; } }
  @media (max-width: 1199px) {
    .search-bar {
      padding: 30px 0; } }
  @media (max-width: 991px) {
    .search-bar {
      padding: 20px 0; } }
  @media (max-width: 767px) {
    .search-bar {
      background-color: #fff;
      display: block;
      padding: 0; } }
  .search-bar__title {
    line-height: 1;
    margin-bottom: 0;
    min-width: 300px;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-right: 30px;
    white-space: nowrap; }
    @media (max-width: 1199px) {
      .search-bar__title {
        min-width: 230px;
        padding-top: 25px;
        padding-bottom: 24px; } }
    @media (max-width: 991px) {
      .search-bar__title {
        min-width: 150px;
        padding-top: 23px;
        padding-bottom: 23px; } }
    @media (max-width: 767px) {
      .search-bar__title {
        display: none; } }