/* below 944px */
@media (max-width: 59em) {
  /* html {
    font-size: 56.25%;
  } */
  .main {
    max-width: 60rem;
  }
  .seller-coupon-slogan-grid {
    width: 56.8rem;
    grid-template-columns: auto;
  }
  .seller-coupon-text {
    grid-row: 1/2;
    text-align: center;
  }
  .seller-coupon-info-grid {
    width: 60rem;
    grid-template-columns: auto;
    align-items: center;
    margin: 0 auto;
  }
  .seller-coupon-cta-box {
    justify-self: center;
    align-items: center;
  }
  .seller-coupon-share-box {
    align-items: center;
  }
  .books-grid {
    grid-template-columns: repeat(3, auto);
  }
  .bn-img {
    width: 19rem;
  }
  .book-hid,
  .book-hide-3 {
    display: none;
  }
  .section-seller-notice {
    width: 60rem;
  }
  .seller-notice-box {
    width: 56.8rem;
  }
  .seller-notice-textarea {
    width: 53.6rem;
  }
}

/* below 704px */
@media (max-width: 44em) {
  /* html {
    font-size: 50%;
  } */
  .main {
    max-width: 37.5rem;
  }
  .seller-coupon-slogan-grid {
    width: 34.3rem;
  }
  .seller-coupon-text-username {
    /* width: 34.3rem; */
    height: 3.6rem;
  }
  .usedbook-seller-username {
    max-width: 20rem;
    height: 3.6rem;
  }
  .seller-coupon-text-username,
  .usedbook-seller-username {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* Limit the Text line */
    -webkit-line-clamp: 1;
  }
  .headline-h1 span {
    display: inline-block;
  }
  .seller-coupon-info-grid {
    width: 34.3rem;
  }
  .books-grid {
    grid-template-columns: repeat(2, auto);
  }
  .book-hid-2 {
    display: none;
  }
  .book-hide-3 {
    display: block;
  }
  .bn-grid {
    grid-template-columns: repeat(1, auto);
  }
  .bn-img {
    width: 32rem;
  }
  .hot-list {
    align-items: flex-start;
  }
  .hot-list-text {
    text-align: left;
  }
  .coupon-modal {
    width: 34.3rem;
  }
  .coupon-modal-form input {
    width: 25.1rem;
  }
  .coupon-modal-btn {
    width: 14.75rem;
  }
  .section-seller-notice {
    width: 37.5rem;
  }
  .seller-notice-box {
    width: 34.3rem;
  }
  .seller-notice-textarea {
    width: 31.1rem;
  }
}
