Alterar CSS "BREADCRUMBS"

Olá amigos, preciso de uma pequena ajuda sobre o CSS das migalhas de pão.

Eu inseri no meu site os “BREADCRUMBS” fornecido pelo plugin Yoast, no entanto quando meu site é visualizado em tamanhos diferentes de monitores, o alinhamento do BREADCRUMBS fica fora de enquadro.

Alguém poderia me dizer o que devo inserir no CSS para que o alinhamento fique permanente dentro do bloco?

Meu CSS:
#breadcrumbs {
margin-left: 6.7%;
color: #FFF;
font-size: 12px;
text-align:left;
}

#breadcrumbs a:hover {
color: #FFF;
}
meu site: http://www.fizmarketing.com

Agradeço se alguém puder me ajudar.