.mob_nav_btn{display:none}@media (max-width:700px){#nav{position:fixed;background:#fff;z-index:2;top:0;left:0;bottom:0;overflow:auto;transform:translateX(-100%);transition:transform .2s;will-change:transform}#head #nav li{float:none;display:block;text-align:left}#head #nav ul{display:block;opacity:1;visibility:visible;position:static}#container #head nav a{padding:14px}body.mob_nav_open #nav{transform:translateX(0)}#container:after{content:'';opacity:0;visibility:hidden;position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);pointer-events:none;transition:opacity .7s}body.mob_nav_open #container:after{opacity:1;visibility:visible}.mob_nav_btn{display:block;transition:transform .2s;will-change:transform;position:relative;z-index:1}body.mob_nav_open .mob_nav_btn{transform:rotate(270deg)}.mob_nav_btn g{transition:stroke-width .1s;will-change:stroke-width}.mob_nav_btn .-close{stroke-width:0}body.mob_nav_open .mob_nav_btn .-close{stroke-width:inherit}body.mob_nav_open .mob_nav_btn .-menu{stroke-width:0}}