.masonry-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
     margin-top: 20px;
}
.masonry {
    columns: 2;
    column-gap: 10px;
}
.masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}





@media only screen and (max-width: 1023px) and (min-width: 768px) {  .masonry {
                                                                         columns: 4;
                                                                        
                                                                     }
                                                                     
}
@media only screen and (min-width: 1024px) {
    .masonry {
        columns: 6;
    }
}
.masonry-item, .masonry-content {
    width: 100%;
    height: auto;
    overflow: hidden;
}