media query para móviles

Hola, desarrollo una aplicación para móviles y tengo el footer, y encima de él, botones con bottom del 10%. quedan inmediatamente encima del footer.

Cuando cambio la orientación del móvil a landscape, quiero que sea del 15% pero no logro hacerlo. Los buttons bajan y "se meten" DENTRO del footer. Les agradeceré si me pueden ayudar

#botones-abajo{
position: fixed;
bottom: 10%;
}
/* Smartphones (landscape) ----------- */
@media only screen and orientation=landscape {
#botones-abajo {
position: fixed;
bottom: 25%;
}
}

Prueba con:

Código HTML :

.botones-abajo{
position: fixed;
bottom: 10%;
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-width:768) {
#botones-abajo {
position: fixed;
bottom: 25%;
}
}

Espero haberte ayudado

Gracias !!!!!