Celular "viejo" no reconoce media queries

[leyman07]

Hola, quise hacer una página que se adapte a celulares y otros dispositivos, pero al probarla en un celular un poco viejo ya (Nokia 5230 del 2009) no se adapta. Hice la prueba con la ventana del navegador y sí se adapta bien como quise una columna debajo de otra, también probé en algunos sitios que dicen comprobar como se ve en una tablet, smartphone, etc y se adapta bien. En conclusión ¿Será problema del celular viejo o me falta algo en el código? En el mismo celular otras páginas las he visto adaptadas.

Esto puse en el head

<meta name="viewport" content="width=device-width, initial-scale=1">

Y no usé Bootstrap si no unas columnas caseras que encontré por ahí que las tengo así:

.col-2{
width: 25%;
vertical-align: super;
text-align: center;
}

@media (max-width: 768px) {
.col-2 {
width:100%;
}

}

}


Si no se entiende y se puede dejo la página aunque el código la verdad es un verdadero lío porque es un ensayo, en fín. Saludos.