<div class="relative max-w-lg mx-auto px-3 lg:px-4 bg-white p-4 borderTK">

  {{partial "search/powered-by.html" .}}

  <div id="stats" class="mb-6"></div>


    <div id="clear-all" class="self-end"><!-- ClearAll --></div>
    <div class="mb-6 bg-grey-light p-4">
      <h5>Sections</h5>
      <div id="sections">
        <!-- RefinementList widget will appear here -->
      </div>
    </div>

  <div id="hits" class="bg-primary-colorTK"><img src="/uploads/site/balls.svg"></div>
  <div id="pagination"><!-- Pagination widget --></div>
</div>

<div class="max-w-lg max-w-5xl mx-auto px-1 lg:px-4 bg-white">

  {{partial "search/powered-by.html" .}}

  <div id="stats" class="mb-6"></div>
    <div id="clear-all" class="self-end"><!-- ClearAll --></div>
    <div class="mb-6 bg-grey-light p-4">
      <h5>Sections</h5>
      <div id="sections">
        <!-- RefinementList widget will appear here -->
      </div>
    </div>

  <div id="hits" class="bg-primary-colorTK"><img src="/uploads/site/balls.svg"></div>
  <div id="pagination"><!-- Pagination widget --></div>
</div>

Adjust results page for mobile
Adjust results page for mobile
