CSS media queries para Tablets

/* ----------- Tablets ----------- */
/* cambios css para modo vertical y horizontal */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* inserta aquí tu código */
}
 
/* cambios css solo para modo vertical */
@media only screen and (min-width: 768px)  and (max-width: 1024px) and (orientation: portrait) { 
  /* inserta aquí tu código */
}
 
/* cambios css solo para modo horizontal */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
  /* inserta aquí tu código */
}

/*
Si deseas que los cambios se vean solo en los dispositivos (Tablets) utilizamos la propiedad «device»
*/

/* ----------- Tablets ----------- */
/* cambios css para modo vertical y horizontal */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* inserta aquí tu código */
}
 
/* cambios css solo para modo vertical */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { 
  /* inserta aquí tu código */
}
 
/* cambios css solo para modo horizontal */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 
  /* inserta aquí tu código */
}