This is example show use of responsive media type that menu becames collapsed in screen width less or equal to 480px.
When screen width is larger than 480px and less or equal to 767px, it act as top menu.
For screen width larger than 767px, it becames as left menu. Change width of your browser to see changes.