/* codex-phase17-wellcms-desktop-nav-hero start */
body.codex-well-site.codex-yuyue-body #header .navbar-brand,
body.codex-well-site.codex-yuyue-body #header .navbar-brand span,
body.codex-well-site.codex-yuyue-body #header .navbar-nav .nav-link{
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@media(min-width:992px){
  body.codex-well-site.codex-yuyue-body #header .container{
    min-height:74px!important;
    max-width:1360px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:18px!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-toggler{
    display:none!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-brand{
    flex:0 0 auto!important;
    max-width:230px!important;
    min-width:max-content!important;
    gap:10px!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-brand .codex-nav-mark{
    width:44px!important;
    height:44px!important;
    line-height:44px!important;
    flex-basis:44px!important;
    font-size:23px!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-brand span{
    display:block!important;
    max-width:170px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:20px!important;
    line-height:1.12!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-brand span:after{
    display:none!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-collapse{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:center!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    min-width:0!important;
    gap:2px!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-nav.mr-auto{
    flex:1 1 auto!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-nav .nav-item{
    flex:0 0 auto!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-nav .nav-link{
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:8px 8px!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-nav:last-child .nav-link{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero{
    min-height:clamp(500px,60vh,700px)!important;
    padding-top:74px!important;
    padding-bottom:72px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,430px)!important;
    gap:48px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero h1{
    max-width:880px!important;
    font-size:clamp(40px,4.2vw,64px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero p{
    max-width:820px!important;
    font-size:18px!important;
    line-height:1.78!important;
  }
}
@media(min-width:992px) and (max-width:1180px){
  body.codex-well-site.codex-yuyue-body #header .container{gap:12px!important;padding-left:16px!important;padding-right:16px!important}
  body.codex-well-site.codex-yuyue-body #header .navbar-brand span{font-size:18px!important;max-width:140px!important}
  body.codex-well-site.codex-yuyue-body #header .navbar-nav .nav-link{font-size:13px!important;padding-left:6px!important;padding-right:6px!important}
  body.codex-well-site.codex-yuyue-body #header .navbar-nav:last-child .nav-item:first-child{display:none!important}
}
@media(max-width:991.98px){
  body.codex-well-site.codex-yuyue-body #header .navbar-toggler{
    display:flex!important;
  }
  body.codex-well-site.codex-yuyue-body #header .navbar-brand{
    min-width:0!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue.brand-home,
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero,
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid,
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero-grid>div:first-child{
    box-sizing:border-box!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .brand-wrap{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero h1,
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero p,
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .actions{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    overflow:visible!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero h1{
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.14!important;
    margin:10px 0 12px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero p{
    font-size:14.5px!important;
    line-height:1.64!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .brand-btn{
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:620px){
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero{
    padding-top:28px!important;
    padding-bottom:24px!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .brand-wrap{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero h1{
    font-size:clamp(27px,7.6vw,33px)!important;
    line-height:1.15!important;
  }
  body.codex-well-site.codex-yuyue-body .brand-yuyue .edu-hero .brand-btn:nth-child(n+2){
    display:none!important;
  }
}
/* codex-phase17-wellcms-desktop-nav-hero end */