mediaquerys para tablet


/* 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)