.c1, .c2, .c25, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
float: left;
display: block;
width: 100%;
min-height: 150px;
margin: 0.5% 1% 0.5% 0;
}

.c1:first-child, .c2:first-child, .c25:first-child, .c3:first-child, .c4:first-child, .c5:first-child, .c6:first-child, .c7:first-child, .c8:first-child, .c9:first-child, .c10:first-child, .c11:first-child, .c12:first-child {
}




.c12 {
width: 99%;
}
.c11 {
width: 90.66666667%;
}
.c10 {
width: 82.33333333%;
}
.c9 {
width: 74%;
}
.c8 {
width: 65.66666667%;
}
.c7 {
width: 57.33333333%;
}
.c6 {
width: 49%;
}
.c5 {
width: 40.66666667%;
}
.c4 {
width: 32.33333333%;
}
.c3 {
width: 24%;
}
.c25 {
width: 19%;
}
.c2 {
width: 15.66666667%;
}
.c1 {
width: 7.33333333%;
}




@media (max-width: 1024px) {
.c1, .c2, .c25, .c3, .c4, .c5, .c7, .c8, .c9, .c10, .c11 {
width: 32.33333333%;
}
}


@media (max-width: 768px) {
.c1, .c2, .c25, .c3, .c4, .c5, .c7, .c8, .c9, .c10, .c11 {
width: 49%;
}
.c6 {
width: 99%;
}
}

@media (max-width: 480px) {
.c1, .c2, .c25, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11 {
width: 99%;
}
}