Мобильная верстка странички

Нужно сделать корректное отображение странички в мобильных браузерах.

Использовать @media.

Обратите внимание на плосу прогресса в плеере - она не влезает в отведенное ей место при уменьшении диагонали экрана.

Основные требования:

-никаких JS не должно быть

-страничка должна проходить валидацию W3C

-должно работать при вертикальном и горизонтальном положении экрана.