El asunto es el siguiente..
tengo.
Código PHP:
@media screen and (max-width:1024px) {
.section1-image-dimention { width: 30%; height: 30%; }]
.scroller-columns{
width: 870px;
}
.column1 {
padding: 15px;
width: 260px;
border-right:1px solid #E5E5E5 ;
}
.column2 {
border-left: 0px;
position: relative;
}
.column3 {
width:35%;
}
.section1-property-box{
margin: 0px;
padding: 0px;
}
.section1-sub-title-property-box {
height: 100px;
width: 200px;
float: left;
padding-bottom: 10px;
text-overflow: ellipsis;
}
.organge_button:active { font-size: 11px; }
.organge_button:hover{ font-size: 12px; }
.search-field {
font-size: 11px;
padding: 5px;
}
.column2 { width:200px; }
.section2-sub-title-property-box {
font-size: 11px;
word-wrap: break-word;
}
.price-tag-money {
top:55px;
}
.inner-section-container-right {
float: right;
width: 75%;
}
}
.inner-section-container-right {
float: right;
width: 75%;
}
no hace el cambio como es debido.... en otras palabras lo ignora..
Este es el .inner-section-container-right original y el de arriba es el de responsive
.inner-section-container-right {
float: right;
width: 65%;
}
No entiendo porque lo ignora