.trl .navbtn{display:none;}
@media(max-width:820px){
.trl .hd .in{flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:11px 0;gap:10px;}
.trl .hd img{height:30px !important;width:auto;}
.trl .navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:3px;cursor:pointer;flex:none;}
.trl .navbtn span{display:block;width:20px;height:2px;background:#fff;transition:.25s;}
.trl .hd.open .navbtn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.trl .hd.open .navbtn span:nth-child(2){opacity:0;}
.trl .hd.open .navbtn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.trl .hd nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 16px;background:#0b0d10;border-top:1px solid var(--line);border-bottom:3px solid var(--orange);overflow:visible;box-shadow:0 14px 26px rgba(0,0,0,.5);}
.trl .hd.open nav{display:flex;}
.trl .hd nav a{display:block;padding:16px 6vw;font-size:15px;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.08);}
.trl .hd nav a.c{margin:16px 6vw 0;padding:15px;text-align:center;border-bottom:0;border-radius:3px;font-size:15px;}
}