@media(min-width:1201px) {
 #nav-wrapper .menu > .pi-area-menu { position:relative; }
 #nav-wrapper .menu > .pi-area-menu > ul.sub-menu {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(7,auto); grid-auto-flow:column;
  width:780px; left:50%; right:auto; transform:translateX(-50%); padding:10px; border-top:3px solid #467f25; background:#fff; box-shadow:0 12px 32px #27323720;
 }
 #nav-wrapper .menu > .pi-area-menu > ul.sub-menu > li { float:none; width:auto; margin:0; min-width:0; }
 #nav-wrapper .menu > .pi-area-menu > ul.sub-menu > li > a { padding:14px 16px; font-size:12px; line-height:1.5; letter-spacing:1px; border:0; border-bottom:1px solid #eef1eb; white-space:normal; }
 #nav-wrapper .menu > .pi-area-menu > ul.sub-menu > li > a:hover,
 #nav-wrapper .menu > .pi-area-menu > ul.sub-menu > li > a:focus { background:#eff5e9; color:#3e7422; }
 #nav-wrapper .menu > .pi-area-menu:focus-within > ul.sub-menu { opacity:1; visibility:visible; }
}