Как сделать чтобы левый правый div оставался статичным, а левый растягивался ?

Всем привет. Есть следующая конструкция

<div class=»container»>
<div class=»rubbery»>левая часть</div>
<div class=»fixed»>правая часть</div>
</div>
левая часть имеет ширину 50%, а правая 500px;
см. скриншот.

при достижении общей ширины экрана менее 1000px (к примеру на мобильных устройствах) левая часть всё равно занимает 50%, а правая где находится форма съезжает за экран.

В результате получается вот это

Как сделать так чтобы при достижении общей ширины менее 1000px левая форма уходила за экран, а правая оставалась на месте ?

Заранее спасибо.