
@media (min-width: 768px) {
  .flyout {
    width: 60%;
    padding: 0 20px;
  }
}

@media (min-width: 768px) {
  .search-title {
    display: inherit;
  }
}

@media (min-width: 768px) {
  .search-form {
    position: static;
    padding-bottom: 40px;
  }
}


@media (min-width: 768px) {
  .search-recommended {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .search-recommendations-section {
    flex-flow: row;
    width: 90%;
  }
}

@media (min-width: 768px) {
  .search-recommendations__title {
    margin-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .search-recommendations__list {
    margin-right: 50px;
  }
}


@media (min-width: 768px) {
  .search-suggestions {
    margin-bottom: 100px;
  }
  .search-suggestions .search-recommendations__title {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  #searchflyout {
    padding-top: 10px;
    padding-bottom: 0;
    width: 80%;
  }
}

@media (min-width: 768px) {
  .carousel__item--flexCarousel,
  .no-carousel__item--flexCarousel {
    width: calc(100% / (var(--flexCarousel-perPage-md)));
  }
  .carousel__item--flexCarousel > *,
  .no-carousel__item--flexCarousel > * {
    width: 100%;
  }
  .carousel__item--flexCarousel > .productTile,
  .no-carousel__item--flexCarousel > .productTile {
    width: auto;
    max-width: var(--placeholderWidthDesktop, 334px);
  }
}
/*# sourceMappingURL=searchFlyoutDependencies-md.css.map*/