.wrap{overflow:hidden;margin:10px}.box{float:left;position:relative;width:24.90%;padding-bottom:16%}.boxInner{position:absolute;left:6px;right:6px;top:6px;bottom:16px;overflow:hidden;background-image:url(../img/album_placeholder.png);background-size:contain}.boxInner img{width:100%}.boxInner .titleBox{position:absolute;bottom:0;left:0;right:0;margin-bottom:0;background:#000;background:rgba(0,0,0,0.5);color:#FFF;padding:2%;text-align:left}.card-label-left{max-width:65%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-label-right{max-width:30%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.no-touch .boxInner:hover .titleBox,body.touch .boxInner.touchFocus .titleBox{margin-bottom:0}@media only screen and (max-width :250px){.box{width:100%;padding-bottom:66.67%}.boxInner .card-label-right{display:none}.card-label-left{max-width:100%}}@media only screen and (max-width :400px) and (min-width :251px){.box{width:100%;padding-bottom:66.67%}.boxInner span.image-count{display:none}.card-label-left{max-width:60%}.card-label-right{max-width:40%}}@media only screen and (max-width :720px) and (min-width :401px){.box{width:100%;padding-bottom:66.67%}.card-label-left{max-width:50%}.card-label-right{max-width:50%}}@media only screen and (max-width :951px) and (min-width :721px){.box{width:49%;padding-bottom:33.33%}.card-label-left{max-width:50%}.card-label-right{max-width:50%}}@media only screen and (max-width :1300px) and (min-width :951px){.box{width:49%;padding-bottom:33.33%}}@media only screen and (max-width :2000px) and (min-width :1301px){.box{width:33.3%;padding-bottom:20%}}