html - How to make subitem in menu dropdown dock under li not under the nav -

i have made menu dropdown in css , have bit of difficulty dock subitems under li being hovered.

here fiddle

instead docks under whole nav structure. know it's - top: 100%;

nav ul ul {         background: #2a3e53;          border-radius: 0px;          padding: 0;         position: absolute;          top: 100%;     } 

what have make dock under li , push rest of items, suggestions?

solution michele fenu's answer :

@media screen , (max-width: 767px) {     nav ul ul {         position: static;     } } 

if have understand question, try changing this

nav ul ul ul {     position: absolute;      left: 100%;      top:0; } 

into this

nav ul ul ul {     position: static;      left: 100%;      top:0; } 

here's fiddle