/*********************** Custom CSS for Boost Filter & Search  ************************/
/**************************** Place your custom css below  ****************************/
/* Layout */
.boost-pfs-filter-tree {
  width: 25%;
  float: left; }

.boost-pfs-filter-right {
  width: 75%;
  float: right; }

.boost-pfs-filter-right .boost-pfs-filter-products {
  width: 100%;
  float: right;
  overflow: visible;
  height: auto !important; }

.boost-pfs-filter-tree-mobile button {
  margin: 20px auto;
  width: 90%; }

.boost-pfs-filter-collection-description {
  margin-bottom: 20px;
  margin-top: 20px; }

@media screen and (min-width: 768px) {
  .boost-pfs-filter-tree {
    margin-top: 30px; } }
@media screen and (max-width: 767px) {
  .boost-pfs-filter-tree {
    display: none;
    width: auto !important;
    float: none;
    margin: 20px; }

  .boost-pfs-filter-right, .boost-pfs-filter-right .boost-pfs-filter-products {
    width: auto;
    float: none; } }
/* Search */
.template-search .product-grid {
  margin: 30px auto 0; }

a.boost-pfs-filter-scroll-to-top {
  background-color: #000; }

.search--results {
  display: none !important; }

.template-search .main-content footer .right .pagination {
  float: right; }