@media screen and (max-width: 1200px) {
  .pink-gift {
    bottom: 25%;
  }

  .thinBannerMiddle p:first-child {
    display: none;
  }

  .hero-container {
    justify-content: space-around;
  }

  .video_container {
    height: 100%;
  }

  video {
    object-fit: cover;
    height: 100%;
  }

  .strings_section {
    padding: 15rem 3rem;
  }

  .strings_section-grid {
    grid-template-columns: repeat(2, 30rem);
  }

  .four-symbol_section {
    padding: 10rem 5rem;
  }

  .mano-meisita {
    width: 70%;
    overflow: hidden;
  }

  .four-symbol_price {
    width: 100%;
  }

  .meaning_section {
    padding: 15rem 3rem;
  }

  .meaning-grid {
    padding: 3rem;
    grid-template-columns: repeat(3, 25rem);
  }

  .our-specials_section,
  .gift-from-sum_section {
    padding: 10rem 5rem;
  }

  .our-specials_grid,
  .gift-from-sum_grid {
    grid-template-columns: repeat(2, 30rem);
  }
}

@media screen and (max-width: 950px) {
  .yellowribbon {
    max-width: 100%;
    top: 80%;
    z-index: 2;
  }

  .yellowribbon img {
    width: 23rem;
  }

  .thinBannerMiddle p:nth-child(2) {
    display: none;
  }

  .strings_section {
    padding: 15rem 2rem;
  }

  .mano-meisita {
    width: 95%;
  }

  .meaning-grid {
    padding: 3rem;
    grid-template-columns: repeat(2, 25rem);
  }

  .our-specials_section,
  .gift-from-sum_section {
    padding: 10rem 1rem;
  }

  .our-specials_grid,
  .gift-from-sum_grid {
    padding: 1rem;
  }
}

@media screen and (max-width: 680px) {
  h1 {
    font-size: 3.8rem;
  }

  .pink-gift img {
    width: 8rem;
  }

  .yellowribbon {
    max-width: 50%;
    left: 3%;
    top: 75%;
  }

  .pinkcatlogo {
    top: 3%;
    right: -2.3%;
  }

  .thinBannerMiddle {
    font-family: "yadYad";
    font-size: 1.8rem;
  }

  .thinBanner {
    justify-content: space-around;
    font-size: 1.7rem;
  }

  .order_whatssup a:nth-child(2) {
    display: none;
  }

  .order_whatssup a:first-child {
    display: block;
  }

  .strings_section-grid {
    grid-template-columns: repeat(1, 34rem);
  }

  .four-symbol_section {
    padding: 10rem 1rem;
  }

  .mano-meisita {
    width: 100%;
  }

  .meaning-grid {
    padding: 3rem;
    grid-template-columns: repeat(1, 30rem);
  }

  .meaning_item img {
    width: 90%;
    height: 90%;
  }

  .our-specials_grid,
  .gift-from-sum_grid {
    grid-template-columns: repeat(1, 30rem);
  }

  .our-specials_grid,
  .gift-from-sum_grid {
    padding: 1.8rem;
  }

  .ribbon_meaning-section {
    flex-direction: column;
  }

  .ribbon_meaning-section p {
    padding: 1rem 4rem 4rem;
  }

  .footer_section {
    padding: 0 1rem 8rem;
  }

  .connect,
  .copy {
    flex-direction: column;
  }
}

@media screen and (max-width: 480px) {
  .yellowribbon {
    left: 2%;
  }

  .strings_section h2 {
    font-size: 3rem;
  }

  .gallery-grid_item:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
  }

  .gallery-grid_item:nth-child(3) {
    display: none;
  }
  .gallery-grid_item:nth-child(5) {
    grid-column: 1/3;
    grid-row: 3/4;
  }

  .gallery-grid_item:nth-child(6) {
    display: none;
  }

  .gallery-grid_item:nth-child(8) {
    display: none;
  }

  .gallery-grid_item:nth-child(9) {
    grid-column: 5/7;
    grid-row: 3/4;
  }

  .strings_section {
    padding: 15rem 1rem;
  }

  .threeBlackSymbols-item {
    width: 80%;
  }

  .mano-meisita {
    display: none;
  }

  .mano-meisita480 {
    padding: 5rem 0;
    display: block;
    width: 70%;
    border-radius: 30%;
  }

  .four-symbol_section h2,
  .meaning_section h2,
  .our-specials_section h3,
  .gift-from-sum_section h3 {
    font-size: 3rem;
  }
}