#cff.cff-masonry {
    box-sizing: border-box;
}
#cff.cff-masonry .cff-item:first-child,
#cff.cff-masonry .cff-item {
    padding-top: 0;
}
#cff.cff-masonry .cff-item,
#cff.cff-masonry .cff-likebox{
    float: none;
    display: inline-block;
    width: 30%;
    margin: 0 1.5%;
    margin-bottom: 20px;
}
#cff.cff-masonry.masonry-4-desktop .cff-item{
    width: 22%;
    margin: 0 1.5%;
}
#cff.cff-masonry .cff-item:first-child,
#cff.cff-masonry .cff-item {
    padding-top: 0;
}
#cff.cff-masonry.masonry-5-desktop .cff-item{
    width: 17%;
    margin: 0 1.5%;
}
#cff.cff-masonry.masonry-6-desktop .cff-item{
    width: 13.516%;
    margin: 0 1.5%;
}
#cff.cff-masonry .cff-comments-box {
    position: relative;
    z-index: 999;
}
#cff.cff-masonry .cff-comment-attachment,
#cff.cff-masonry .cff-comment-replies-box {
    max-width: 100%;
}
@media (max-width: 780px){
    #cff.cff-masonry .cff-item,
    #cff.cff-masonry.masonry-4-desktop .cff-item,
    #cff.cff-masonry.masonry-5-desktop .cff-item,
    #cff.cff-masonry.masonry-6-desktop .cff-item{
        width: 100%;
        margin: 0;
    }
    #cff.cff-masonry.masonry-2-mobile .cff-item{
        width: 47%;
    }
}

/* --- Begin Pure CSS Masonry Columns Layout --- */
#cff.cff-masonry.cff-masonry-css {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-fill: auto;
    -moz-column-fill: auto;
    column-fill: auto;
}
/* --- Widths & Media --- */
#cff.cff-masonry.cff-masonry-css {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    margin: 0;
}
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    margin: 0;
}
#cff.cff-masonry.cff-masonry-css .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-4-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-5-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css.masonry-6-desktop .cff-item,
#cff.cff-masonry.cff-masonry-css .cff-likebox {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0 0 12px 0;
}
#cff.cff-masonry.cff-masonry-css .cff-likebox {
    width: 99.5%;
}
@media only screen and ( max-width: 780px ) {
    #cff.cff-masonry.cff-masonry-css,
    #cff.cff-masonry.cff-masonry-css.masonry-4-desktop,
    #cff.cff-masonry.cff-masonry-css.masonry-5-desktop,
    #cff.cff-masonry.cff-masonry-css.masonry-6-desktop {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #cff.cff-masonry.cff-masonry-css.masonry-2-mobile {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        margin: 0;
    }
    #cff.cff-masonry.cff-masonry-css.masonry-2-mobile .cff-item,
    #cff.cff-masonry.cff-masonry-css.masonry-2-mobile {
        width: 100%;
    }
}
/* --- End Pure CSS Masonry Columns Layout --- */