Responsive Navbar with Collapsible Menu and Centered Logo

Create a navbar which show its all elements in laptop but in mobile devices it collapse the elements in hamburger manu and it should be responsive. It contain 4 elements and a logo. The logo will in the center of the navbar and other four elements 'Home, About, Contact ' will at left side and at right side of the logo there will a dropdown which will 'Products' and it contain products