Create a Responsive Mega Menu with HTML and CSS

Create a responsive mega menu in HTML and CSS that is perfect for desktop and mobile devices. The menu should have the following main sections: Products, Services, Support, and Community. When the user hovers over each section, subcategories should appear, each with an icon and a short description next to it. Make sure the design is modern and well organized for easy navigation. The menu should stay open in the window on hover, and when in mobile view the menu should work.