@import url(./preset.css);
@media (max-width: 480px) {
  .btn {
    min-width: auto;
  }
  .logo img {
    width: 50px;
  }
  .username_main h5 {
    margin: 0 0 0.5rem;
    font-size: 15px;
  }
  .title_val_main .title {
    margin: 0 0 0.5rem;
    line-height: 1rem;
    letter-spacing: 1px;
  }
  .rank_title_main .sub_title {
    line-height: 11px;
    letter-spacing: 0.6px;
    margin: 0 0 0.4rem;
  }
  .rank_card {
    padding: 20px 15px;
  }
  .header_img::after {
    right: -16px;
    width: 140px;
    height: 140px;
    background-size: contain;
  }
  .header_img img {
    width: 120px;
  }
}
@media (max-width: 380px) {
  .header_img img {
    width: 90px;
  }
  .header_img::after {
    width: 110px;
    height: 110px;
  }
  .username_main h5 {
    font-size: 13px;
  }
  .header_img img {
    width: 120px;
  }
  .title_val_main .title {
    letter-spacing: 0.6px;
  }
  .chatTypeArea button {
    min-width: auto;
  }
}

/*# sourceMappingURL=responsive.css.map */
