/* create grid */
.dv-masonry {
display: grid;
grid-gap: 5px; /* space between elements */
grid-template-columns: repeat(4, 1fr) !important;
grid-template-rows: repeat(14, 100px);
}
/* tablet */
@media (min-width: 768px) and (max-width: 980px) {
.dv-masonry {
grid-template-rows: repeat(20, 70px); /* change number of rows */
grid-template-columns: repeat(3, 1fr) !important; /* change number of columns */
}
}
/* phones */
@media (max-width: 767px) {
.dv-masonry {
grid-template-rows: repeat(25, 50px); /* change number of rows */
grid-template-columns: repeat(2, 1fr) !important; /* change number of columns */
}
}
/* remove padding and margin of rows and set width */
.dv-masonry .et_pb_row {
padding: 0px !important;
margin: 0px !important;
width: 100% !important;
}










