@media (max-width:760px){
  .site-header{overflow:visible}
  .nav{position:relative;height:64px;width:100%;min-height:64px}
  .brand-logo-img{width:124px}
  .nav>nav{display:contents}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;padding:0;border:1px solid #dce5f0;border-radius:8px;background:#fff;color:#15213b;cursor:pointer}
  .menu-btn.active{border-color:#1264c4;color:#1264c4}
  .menu-icon{display:flex;width:22px;height:18px;flex-direction:column;justify-content:space-between}
  .menu-icon span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .menu-btn.active .menu-icon span:first-child{transform:translateY(8px) rotate(45deg)}
  .menu-btn.active .menu-icon span:nth-child(2){opacity:0}
  .menu-btn.active .menu-icon span:last-child{transform:translateY(-8px) rotate(-45deg)}
  .navlinks{display:none;position:absolute;z-index:100;top:64px;left:-20px;right:-20px;margin:0;padding:9px 20px 17px;background:#fff;border-bottom:1px solid #dce5f0;box-shadow:0 10px 20px rgba(21,33,59,.14);flex-direction:column;gap:0}
  .navlinks.open{display:flex}
  .navlinks li{width:100%}
  .navlinks a{display:block;padding:12px 4px;border-bottom:1px solid #eef2f7;font-size:16px}
  .navlinks li:last-child a{border-bottom:0}
}