Cómo crear un menú responsive design

El día de hoy les traigo un tutorial para hacer un menú responsivo bastante fácil. En el mundo del responsive design tenemos la opción de adaptar todos los elementos de un sitio para que puedan ser accesibles desde cualquier pantalla y dispositivo. En este tutorial tomando como referencia un menú tradicional para cualquier sitio web lo vamos a transformar en un menú responsivo con unos cuantos ajustes en queries. Espero les guste.