/* Tablet only (portrait + landscape) */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  /* Your custom tablet styles here */
  #herox,
  #herox #marqueex,
  #herox #container-herox,
  #herox #introVideo {
    margin-top: 5rem !important;
    margin-left: 0rem;
    margin-right: 0rem;
    border-radius: 0rem;
  }

  .media-image {
    z-index: 999;
    margin-bottom: -10rem;
    margin-left: 5rem;
    height: auto;
    width: 550px;
  }


  .hamper .price {
    font-size: 1rem;
  }

  .hamper-card .card-text {
    font-size: smaller;
  }

  .pro-store .product-container {
    flex-wrap: nowrap;
    margin-top: 20px;
  }

  .hamper-header h1 {
    font-size: 3rem;
  }

  .play-button {
    margin-top: 9rem;
    margin-left: -13rem;
  }
}