Aumentando tamanho da logomarca só no mobile

Fala pessoal, minha dúvida acho que é moleza pra vocês, mas eu não tô conseguindo.

Eu simplesmente quero que a logo da minha loja fique um pouco maior no Mobile. Eu estou satisfeito com o tamanho e posicionamento no Desktop, mas no mobile acho ela um pouco desproporcionalmente pequena.

Tenho tentado fazer assim:

@media (max-width: 768px) {
.abriga-logo {
transform: scale(1.3);
}  }

essa classe é o container da logo e já tentei fazer sem o @media pra ver se aplicava o scale no Desktop e funciona bem.

Só que no mobile, não aplica o scale de jeito nenhum.

Alguma idéia?

Bom dia. Vi que está usando um tema nosso. Show!

Apague todos os códigos que colocou(estão errados) e adicione o código abaixo:

@media only screen and (max-width: 767px){
.logo a {height: 65px;}
}

65px é o tamanho da logo no mobile. Você pode aumentar o diminuir o numero.

não consegui, tem que colocar dessa forma