How to make the second level ul li content not go beyond the first level ul?

Question

css

Hello. Can you please tell me how to make the contents of the second level ul li not go beyond the scope of the first level ul?
Link to the code: https://jsfiddle.net/0nr9bhzh/19/
Screenshot with an example: dl4.joxi.net/drive/2018/03/06/0022/2754/1473218/18...
Moreover, if the first and the second menu item, the second level consists of 1 list, it opened at the parent level
Screenshot with an example: joxi.ru/E2ppB81UBPgYb2

Answer 1

You are welcome.

Answer 2

https://jsfiddle.net/0nr9bhzh/12/ something like this