Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.

• The dropdowns should open underneath the parent element.
• On the right side, the dropdown's right side should be aligned to the right of the parent element.
• On the left side, the dropdown's left side should be aligned to the left of the parent element.
• On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.
• On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.
• Dropdown parent element arrows should point down.


• On mobile, the arrows to access submenu should be at the left of the dropdown.