Как сделать что бы содержимое ul li второго уровня, не выходило за рамки ul первого уровня?

Всем привет. Подскажите пожалуйста как сделать что бы содержимое ul li второго уровня, не выходило за рамки ul первого уровня?
Ссылка на код: https://jsfiddle.net/0nr9bhzh/19/
Скриншот с примером: dl4.joxi.net/drive/2018/03/06/0022/2754/1473218/18...

Приэтом, если у первого и второго пункта меню, второй уровень состоит из 1 списка, он открывался на уровне родителя
Скриншот с примером: joxi.ru/E2ppB81UBPgYb2