@media (min-width:750px) and (max-width:990px) {
.view{width:22%;text-align:center;margin:auto;height:auto;display:inline-block}
.mask p{height:auto;text-align:left;width:60%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;margin:auto;background:#000}
}
@media (min-width:1px) and (max-width:499px) {
.view{width:100%;text-align:center;max-width:260px;margin:auto;height:auto;float:none}
#hov{height:auto;margin-top:50px}
.mask{background-color:#CCC;height:300px;position:absolute;overflow:hidden;top:0;left:0}
.mask p{height:auto;text-align:left;width:80%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;background:#000}
}
@media (min-width:500px) and (max-width:749px) {
#hov{background-color:#0F3;height:auto;margin-top:50px}
.view{width:45%;text-align:center;margin:auto;height:auto}
.mask{background-color:#F6F;height:300px;position:absolute;overflow:hidden;top:0;left:0}
.mask p{height:auto;text-align:left;width:80%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;background:#000}
}