Media Query no hace cambio de fuente correctamente

[eddwinpaz]

Saludos tengo el siguiente problema estoy utilizando media query para hacer responsive design en un landing page (index.html) pero cuando le digo que cambie el tamano de la fuente simplemente no lo hace ni en firefox ni en chrome no he probado en otros navegadores pero sencillamente creo que es general tengo la siguiente clase.

.section2-sub-title-property-box {

padding: 10px;
font-weight: normal;
font-size: 14px;
text-align: center;
color: #A3A3A3;
text-overflow: ellipsis;
white-space: nowrap;
}

y este es el codigo media query

/* Tablet landscape (1024x768) */
@media screen and (max-width:1024px) {

.section1-image-dimention {
display: none;
}

.column1 {
padding: 15px;
width: 220px;
}

.section1-property-box{
margin: 0px;
padding: 0px;
width: 100%;
}
.section1-sub-title-property-box{
width: 200px;
float: left;
}

.column3 {
width:45%;
}

.organge_button {
font-size: 1.1em;
}

.organge_button:hover{
font-size: 11px;
}

.search-field {
font-size: 11px;
padding: 5px;
}


.column2 {
width:200px;
}
/*AQUI ESTA LA REDIMENSION QUE NO FUNCIONA.*/
.section2-sub-title-property-box {
font-size: 11px;
}

.price-tag-money {

top: 20px;
}

}

Alguien sabe a que se debe esto?

Gracias de antemano por leer mi mensaje

[pzin]

Intenta usar code o highlight para cuando publicas código.

He probado tu código y funciona bien.

Será alguna otra cosa que falle. ¿Eso tiene URL para ir a ver?

[eddwinpaz]

si @bonez pero no entiendo porque en mi css no hace el cambio :S tienes alguna idea? mira voy a postear todo el css aqui.

http://pastebin.ca/2306557

Tienes alguna idea ?

[pzin]

No me he parado a mirar bien el código, también sin ver el HTML no es lo mismo, pero el error más común suele ser cuando no se ponen las reglas de @media al final del archivo CSS tal y como lo tienes ahí porque luego se reescribe alguna regla o se cambia algún valor.