/* 
Most of the styles for this page are in styles.css and other legacy 
this file consist of adjustments and aim replace legacy styles
*/

.search-page-listings {
  .listings-info {
    .top-filters__right {
      display: flex;
    }

    .top-filters__right--mobile {
      display: none;
    }

    .save-search.mobile {
      display: none;
    }
  }
}

@media screen and (max-width: 768px) {
  .search-page-listings {
    .listings-info {
        height: auto;
        padding: 0;
        margin: 10px 0;

      .top-filters__right {
        display: none;
      }

      .top-filters__right--mobile {
        display: block;
      }

      .item-element.res-box {
        margin-top: 0;
      }

      .save-search.mobile {
        padding: 5px 15px;
        margin: 0;
        border: 1px solid #ddd;
        color: black;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        background-color: white;

        &:disabled {
          background-color: #f5f5f5;
          color: #999;
        }
      }
    }
  }
}