Responsive CSS

I need CSS and html for a responsive layout. I have a few specific minimum and maximium widths on sections, and require the items to stack and adjust width percentages based on the overall resolution. I have attached a few files with basic layout comcepts to show what I would like to happen as the site is scaled up and down. Menu in the top left will convert to a mobile syle dropdown menu overall screen resolution becomes to narro for the menu Text below the menu bar should scale down until the menu bar converts to dropdown menu, then not dispay because there will not be room Audio player in top right does not scale, fixed widht of 279 px Overall Main container centered, with a max width of 1400px and a minium width of 320px Chat area to the right of main container minimum width of 390px Please notice that the right chat area drops below the main view area once the minium width becomes to narrow to hold both and then scalse to fill the width below the main area. Attached Files: [login to view URL]: screen able to handle 925 pixils and above [login to view URL]: Screen resolution when below 925 pixils in width (please note that the menu may need to convert to dropdown before resoolution drops down to 320 pixils wide based on overall width) [login to view URL]: Screen resolution at the minumium of 320 in width