.album{overflow:hidden;margin:20px 0 5px}
.album img{float:left;margin-bottom:15px}
.alitem{float:left}
.oneinrow .alitem{width:100%}
.twoinrow .alitem{width:calc(50% - 10px);margin-right:20px}
.threeinrow .alitem{width:calc(33.33333% - 16.6666666px);margin-right:20px}
.twoinrow .alitem:nth-child(2n){margin-right:0}
.threeinrow .alitem:nth-child(3n){margin-right:0}
.oneinrow img{border-radius:6px;width:100%;}
.twoinrow img{border-radius:4px;width:100%;}
.threeinrow img{border-radius:4px;width:100%;}
.album img:hover{opacity:.8}

.alslider {padding-top:60px}




@media screen and (max-width: 700px) {
.threeinrow .alitem{width:calc(33.33333% - 10px);margin-right:15px}
.twoinrow .alitem{width:calc(50% - 7.5px);margin-right:15px}
}

@media screen and (max-width: 600px) {
.threeinrow .alitem{width:calc(33.33333% - 6.666666px);margin-right:10px}
.twoinrow .alitem{width:calc(50% - 5px);margin-right:10px}
}

@media screen and (max-width: 550px) {
.threeinrow .alitem, .threeinrow .alitem:nth-child(3n), .twoinrow .alitem, .twoinrow .alitem:nth-child(2n){min-width:100%;min-height:100%;margin-right:0;position: relative;overflow: hidden;padding-bottom:60%;border-radius:4px;margin-bottom:15px}
.threeinrow img, .twoinrow img{position: absolute;top: 0;bottom: 0;margin: auto;}
}