Alterar posição do menu responsivo

Boa tarde pessoal!

Estou com o seguinte problema.

Criei um menu responsivo mobile, ou seja, quando diminuo a janela do navegador o menu fica como fosse para celular e na janela de tamanho normal o menu fica in-line.

O problema é que não consigo colocar o menu mais para a direita pois quando faço isso o submenu não acompanha o menu e fica de forma incorreta.

Em anexo segue o arquivo HTML e CSS com toda a formação que estou utilizando.

index.html

estilo.css