@media(max-width:1100px) {
  .brand-official img {
    width: 190px
  }
}

@media(max-width:760px) {
  .media-grid {
    grid-template-columns: 1fr
  }

  .media-art {
    height: 170px
  }

  .magazine-feature {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 28px
  }

  .magazine-cover {
    width: 220px;
    justify-self: center
  }

  .media-heading h3 {
    font-size: 32px
  }
}

@media(max-width:540px) {
  .brand-official {
    padding: 14px 0
  }

  .brand-official img {
    width: 152px
  }

  .result-title {
    font-size: 42px
  }

  .art-note {
    left: 0;
    max-width: 100%;
    font-size: 18px
  }

  .magazine-feature {
    padding: 24px
  }

  .magazine-feature h3 {
    font-size: 27px
  }
}

@media(max-width:350px) {
  .brand-official img {
    width: 130px
  }

  .cart-trigger {
    font-size: 11px
  }

  .art-note {
    font-size: 16px
  }
}