#masonry_grid {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
min-width: 100%;
}
@media screen and (max-width: 768px) {
#masonry_grid {
margin: 0 -30px;
}
}
#masonry_grid .s_column {
float: left;
}
#masonry_grid .size-1of1 {
width: 100%;
}
#masonry_grid .size-1of2 {
width: 50%;
}
#masonry_grid .size-1of3 {
width: 33.333%;
}
#masonry_grid .size-1of4 {
width: 25%;
}
#masonry_grid .size-1of5 {
width: 20%;
}
#masonry_grid .size-1of6 {
width: 16.666%;
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_6[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_6[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_6[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_6[data-columns]::before {
content: "5 .s_column.size-1of5";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_6[data-columns]::before {
content: "6 .s_column.size-1of6";
}
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_5[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_5[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_5[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_5[data-columns]::before {
content: "4 .s_column.size-1of4";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_5[data-columns]::before {
content: "5 .s_column.size-1of5";
}
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_4[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_4[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_4[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_4[data-columns]::before {
content: "4 .s_column.size-1of4";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_4[data-columns]::before {
content: "4 .s_column.size-1of4";
}
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_3[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_3[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_3[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_3[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_3[data-columns]::before {
content: "3 .s_column.size-1of3";
}
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_2[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_2[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_2[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_2[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_2[data-columns]::before {
content: "2 .s_column.size-1of2";
}
}
@media only screen and (max-width: 40em) {
#masonry_grid.masonry_columns_1[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#masonry_grid.masonry_columns_1[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#masonry_grid.masonry_columns_1[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
#masonry_grid.masonry_columns_1[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}
@media only screen and (min-width: 120.063em) {
#masonry_grid.masonry_columns_1[data-columns]::before {
content: "1 .s_column.size-1of1";
}
}