/* sin diferencias entre vertical y horizontal */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
{
/* aquí tu css */
}
/* cambios css solo para modo vertical */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait)
{
/* aquí tu css */
}
/* cambios css solo para modo horizontal */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape)
{
/* aquí tu css */
}
si quieres que solo sea en dispositivos portatiles añade
and (orientation: portrait)