/* //!1800 */

/* //!1400 */
@media screen and (max-width: 87.5em) {
  .header-top .header-content,
  .header-bottom .header-content,
  .slider-content,
  .discount-content,
  .return-content,
  .topic-content,
  .footer-content {
    width: 85%;
  }
  .discount-content-item {
    flex-shrink: 0;
  }
  .discount-content-bottom {
    overflow-x: auto;
    gap: 0.5rem;
  }
}
/* //!1200 */
@media screen and (max-width: 75em) {
  html {
    font-size: 59.375%;
  }

  .header-top > .header-content {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .header-content-right {
    width: 100%;
  }
  .header-content-logo {
    display: none;
  }
  .header-content-search {
    width: 100%;
  }
  .header-content-user {
    border: 0.1rem solid #eee;
    padding: 0 4rem;
    border-radius: 0.6rem;
    height: 4rem;
  }
  .header-content-basket {
    border: 0.1rem solid #eee;
    padding: 0 1.5rem;
    border-radius: 0.6rem;
    height: 4rem;
  }
  .header-bottom .header-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .header-content-right .header-content-list {
    justify-content: center;
  }
  .return-content-top {
    flex-direction: column;
  }
  .return-content-top > h3 {
    width: max-content;
  }
  .footer-awards {
    flex-direction: column;
    gap: 3rem;
    align-items: center;
  }
  .footer-awards-right {
    width: 100%;
    justify-content: space-between;
  }
}

/* //!992 */
@media screen and (max-width: 62em) {
  html {
    font-size: 56.25%;
  }
  .header-content-list > li {
    padding: 1.5rem;
  }
  .slider-content-bottom > div {
    width: 25%;
  }
  .slider-content-bottom {
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .slider-content-banner {
    display: none;
  }
  .slider-content-item {
    width: 100%;
  }
  .return-content-image {
    display: none;
  }
  .return-content-top {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .return-content-description {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .return-content-bottom {
    margin-top: 3rem;
  }
  .topic-content form {
    width: 100%;
  }
  .footer-awards-left {
    width: 100%;
    justify-content: center;
    display: flex;
  }
  .footer-awards-icon {
    width: 50%;
  }
  .footer-about {
    flex-direction: column;
    gap: 3rem;
  }
  .footer-about-right {
    width: 100%;
  }
}

/* //!768 */

@media screen and (max-width: 48em) {
  html {
    font-size: 50%;
  }
  .header-content-right > .header-content-list {
    display: none;
  }
  .header-bottom .header-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .header-bottom > .header-content > .header-content-right {
    width: max-content;
  }
  .header-content-hamburger {
    display: flex;
    font-size: 1.4rem;
  }
  .slider-content-bottom > div {
    width: 30%;
  }
  .slider-content-item-btn {
    width: 2.5rem;
    height: 2.5rem;
  }
  .slider-content-item-next {
    left: 1rem;
  }
  .slider-content-item-prev {
    right: 1rem;
  }
  .slider {
    padding: 2rem 0;
  }
  .return-content {
    width: 100%;
    border-radius: 0;
  }
  .footer-awards-left {
    display: none;
  }
  .footer-awards-right {
    flex-direction: column;
  }
  .footer-awards-right > div {
    text-align: center;
  }
  .footer-app {
    flex-direction: column;
    gap: 3rem;
  }
  .footer-app-right {
    width: 100%;
  }
  .footer-app-left {
    justify-content: space-between;
    align-items: center;
  }
  .footer-app-info {
    width: 100%;
    text-align: center;
  }
  .footer-app-image {
    display: none;
  }
  .footer-social {
    flex-direction: column;
    align-items: center;
  }
}

/* //!576 */
@media screen and (max-width: 36em) {
  html {
    font-size: 43.75%;
  }
  .header-content-search-city {
    display: none;
  }
  .header-content-search-input {
    width: 90%;
  }
  .slider-content-bottom > div {
    width: 45%;
  }
  .topic-content-item {
    flex-direction: column;
    margin-top: 1rem;
  }
  .topic-content-item-right,
  .topic-content-item-left {
    width: 100%;
  }
  .footer-awards-email > div {
    display: none;
  }
}

/* //!320 */
@media screen and (max-width: 20em) {
  .footer-about-left > div > a {
    width: 9rem;
    height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer-copyright {
    padding: 1rem;
  }
}