/* Support for 4-column Masonry Layout */
@media (min-width: 992px) {
    .lg-four-items .masonary-item {
        width: 25%;
        /* 4 items per row */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lg-four-items .masonary-item {
        width: 33.333%;
        /* 3 items on tablets */
    }
}

@media (max-width: 767px) {
    .lg-four-items .masonary-item {
        width: 50%;
        /* 2 items on mobile */
    }
}

@media (max-width: 575px) {
    .lg-four-items .masonary-item {
        width: 100%;
        /* 1 item on small screens */
    }
}