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