@media(max-width:768px){

  #home .hot-market-card,
  #home .hero > .card{
    padding:22px 18px!important;
    margin:20px 0!important;
    border-radius:22px!important;
  }

  #home .hot-market-card h3{
    font-size:24px!important;
    margin-bottom:18px!important;
  }

  #hot-market-list .market-row{
    display:grid!important;
    grid-template-columns:minmax(135px,1.25fr) minmax(92px,.9fr) minmax(70px,.65fr)!important;
    align-items:center!important;
    gap:8px!important;

    padding:13px 0!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    border-radius:0!important;
  }

  #hot-market-list .coin{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    font-size:15px!important;
    font-weight:800!important;
    color:#27e6d3!important;
  }

  #hot-market-list .coin-logo{
    width:24px!important;
    height:24px!important;
    padding:3px!important;
  }

  #hot-market-list .price{
    text-align:right!important;
    font-size:15px!important;
    font-weight:700!important;
    color:#27e6d3!important;
    white-space:nowrap!important;
  }

  #hot-market-list .up,
  #hot-market-list .down{
    text-align:right!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  #hot-market-list .coin-tag{
    font-size:10px!important;
    padding:2px 6px!important;
    margin-left:4px!important;
  }

  #home .refresh-time{
    text-align:right!important;
    font-size:12px!important;
    margin-top:12px!important;
  }

  #home .hotmarket-cta{
    margin-top:18px!important;
    padding-top:18px!important;
  }

  #home .hotmarket-cta .btn{
    width:100%!important;
    max-width:260px!important;
  }

  #home .hotmarket-cta .notice{
    font-size:12px!important;
    line-height:1.6!important;
    padding:10px 14px!important;
  }
}