Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя

[Sk1lful]

Здравствуйте! подскажите пожалуйста) почти на финишной прямой, осталось один div победить) html вплотную не изучал, но по статьям делать получается, но не всегда.

Собственно проблема: блок 1 (скриншот)  выходит за границы экрана при ширине меньше 800px (при ширине больше 800 ширина блока фиксированная 260px; адаптивная верстка, стили opened,amenu, блоки sidebar, gadget2)

пробовал решит проблему inline-block'ом, margin-left: 0 (помогло с основным блоком 2); float:left - не помогает. overflow: hidden не то что надо.

В общем надо сделать так чтоб блок 1 отображался как блок 2  -  скриншот

jsfiddle.net/wrqzpd5y

utf8adapt.rar

Edited December 7, 2016 by Sk1lful

[radioactive]

очень много лишнего css

почти ничего не менял, лишнее выключил звездочкой

http://jsfiddle.net/wrqzpd5y/1/

[radioactive]

код в песочницу! https://jsfiddle.net

p.s доп скрипты подключаются в этом меню jsfiddle

[Sk1lful]

11 час назад, radioactive сказал:

код в песочницу! https://jsfiddle.net

p.s доп скрипты подключаются в этом меню jsfiddle

Земляк, помоги! Добавил в jsfiddle

[Sk1lful]

53 минуты назад, radioactive сказал:

очень много лишнего css

почти ничего не менял, лишнее выключил звездочкой

http://jsfiddle.net/wrqzpd5y/1/

Спасибо огромное!