Responsive Fixed Header - Copy this Html, Tailwind Component to your project

Create-a-fixed,-responsive-header-for-a-website-that-includes-the-following-elements:-A-company-logo-on-the-left.-A-navigation-menu-with-the-following-links:-"Home",-"About-Us",-"Catalog",-and-"Contact".-A-shopping-cart-icon-on-the-right.-A-search-bar-next-to-the-shopping-cart.-The-header-should-remain-fixed-at-the-top-of-the-page-as-the-user-scrolls.-It-should-be-fully-responsive,-adapting-to-different-screen-sizes-(e.g.,-mobile,-tablet,-desktop).-On-smaller-screens,-the-navigation-links-should-collapse-into-a-hamburger-menu,-and-the-search-bar-should-adjust-in-size-accordingly.-Style-it-with-a-modern,-clean-design,-using-a-simple-color-scheme-that-looks-professional.-Please-include-the-HTML-structure,-CSS-styling,-and-necessary-media-queries-for-responsiveness.