Bem, o meu comentário ficou grande demais, então eu vou deixá-lo aqui.
É possível sim. Mas comece com o mobile, depois telas cada vez maiores, até o desktop (que já existe no sue caso, aparentemente). Defina o layout que você quer e preste atenção no range de definições (320×240 até 640×960).
Use as media queries apropriadamente. Eu não vou escrever nenhuma aqui, mas saiba que o CSS Tricks (mais que recomendado) já tem todos os snippets mais usados.
!!! Preste atenção !!!
- Alguns elementos do seu site simplesmente não vão existir na versão mobile, você tem que removê-los, seja por falta de espaço ou por outro fator, e isso está okay!
1.1 Pense em como o menu vai ser mostrado. Veja esse exemplo do CSS Tricks
A versão mobile é sempre aquela que oferece um toque de botão, nada mais (figurativo), não deixa o cliente pensar (don't make me think principle) E.g.: Se as funcionalidades do site estão numa área que precisa de login, mostre o login logo de cara, não precisa mostrar o slider, por exemplo.
Pesquise por plugins para facilitar seu serviço. Existem muitos como o Isotope
Tip: Escreva o CSS para cada tipo de tela que você quer suportar em arquivos .CSS separados, isso vai ajudar na manutenção.
position: fixed
. Isso é horrível pra responsividade. Se quiser manter assim, você vai ter que retirá-los pelo menos nos media queries e trabalhar mais com float e com as medidas citadas acima. Exemplo: Você falou do iframe que não se mexe. Mas teu#contentMeioiFrame
está composition: fixed;
eleft: 250px;