cytx_api/www/static/css/web_1024.css

/* ===== max-width: 1440px ===== */
@media(max-width:1440px){
  .nav-link{padding:8px 10px;font-size:14px;letter-spacing:0.5px;}
  .header-nav{gap:2px;}
}

/* ===== max-width: 1024px ===== */
@media(max-width:1024px){
  .fixed-header{padding:0 24px;}
  .banner-slide-content{left:40px;max-width:600px;}
  .banner-slide-content.pos-left{left:40px;}
  .banner-slide-content.pos-right{right:40px;}
  .banner-slide-content.glass-on{padding:36px 40px;}
  .banner-slide-content h1{font-size:32px;}
  .data-cards{gap:12px;}
  .donation-tables{gap:12px;}
  .donation-wrap,.news-wrap{padding:0 32px;}
  .proj-info-card{width:340px;padding:36px 32px;right:5%;}
  .proj-info-card h3{font-size:24px;}
  .proj-info-card p{font-size:14px;}
  .proj-tab{padding:12px 20px;font-size:13px;}
  .news-grid{gap:24px;}
  .partners-grid{grid-template-columns:repeat(4,1fr);}
  .partners-section{padding:40px 32px;}
  .slide-labels{display:none;}
  .col-text-grid{grid-template-columns:repeat(3,1fr);gap:20px;}
  .article-detail-wrap{grid-template-columns:1fr 240px;gap:28px;padding:20px 24px 60px;}
}