Tu media query solo se va a ver afectado cuando el tamaño de la pantalla sea menor a 768px de ancho, y las tablas, según la dev tool de chrome, pueden tener 1024px de ancho por eso nunca se vera afectado, si cambias tu media query por esto va a funcionar:
@media (max-width: 1025px)
Te recomiendo que busques el tamaño de las pantallas de tables para que puedas tener un valor más preciso, yo use ese ya que es el valor que google chromedev tool le asigna a la vista deresponsive del ipad pro.