1. .title-area necesita un "
margin: 0px !important;" en el responsive, para que el logo se centre completamente.
2. .site-header .widget-area le hace falta un "
width: auto;" en general. Y "
text-align: center;" y "
width: 100%;" a la hora del responsive.
Así me quedo con esos cambios:
https://www.diigo.com/item/image/56393/xdse
Saludos!