Tiene un error en las media queries
Cita: @media screen and (max-width: 1023px){ css }
@media screen and (min-width: 1024px){ css }
ahí sólo discrimina entre las screen y aquellos dispositivos que tengan una anchura hasta 1023 y los mayores a ella.
Para los móviles mejor sería utilizar el valor media handheld y max-device-width y si quiere más precisión la orientación: orientation:portrait
Quizás le resulte útil
este artículo