<hr>
  <section id="noResult" class="no-results">
    <div class="container black-bg">
      <div class="row">
        <div class="col two-boxes-up two-boxes-down">
          <h4 class="text-center">No results found :(</h4>
          <p class="text-center">Try refining your search term.</p>
        </div>
      </div>
    </div>
  </section>
<hr>

<style>
  .no-results {
    display: none;
  }
  .no-results.show {
    display: block;
  }
</style>