section.masonry-container.padding-x {}

.masonryItems {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5.2rem 1fr 5.2rem 1fr 5.2rem 1fr 5.2rem 1fr 5.2rem 1fr;
    grid-template-columns: repeat(6,1fr);
    grid-column-gap: 5.2rem;
    grid-row-gap: 3.95rem;
}
body[data-pagetype="archive-blog"] .masonryItems {
    display: flex;
    justify-content: center;
}
.masonryItems .masonryItem {
    cursor: pointer;
}
.masonryItems .masonryItem:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.masonryItems .masonryItem img {
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
.thumbnails .masonryItem {
    cursor: pointer;
}
.masonryItems .masonryItem .media ,
.singleParticipationHero-container .swiper.mySwiper .swiper-slide{
    width: 100%;
    height: 6.4375rem;
    border-radius: 0.625rem;
    overflow: hidden;
}
.singleParticipationHero-container .swiper.mySwiper .swiper-slide {
    cursor: pointer;
}
.masonryItems .masonryItem.active .media ,
.singleParticipationHero-container .swiper.mySwiper .swiper-slide.swiper-slide-thumb-active{
    border: 2px solid var(--primary);
}
.masonryItems .masonryItem .info {
    display: block;
    text-align: center;
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 400;
    margin-top: .95rem;
}

.thumbnails .masonryItems {
    -ms-grid-columns: 1fr 1.13rem 1fr 1.13rem 1fr 1.13rem 1fr 1.13rem 1fr 1.13rem 1fr 1.13rem 1fr 1.13rem 1fr;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 1.13rem;
    grid-row-gap: 1.13rem;
    margin: 1.31rem auto 5.5rem;
}
section.singleParticipationHero-container {
    margin-bottom: 5.5rem;
}
.thumbnails section.masonry-container.thumbnails .media {
    cursor: pointer;
}
/*================================responsive================================*/
@media only screen and (max-width: 768px) {
    .masonryItems {-ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr;grid-template-columns: repeat(3, 1fr);gap: 1.25rem;}
    .swiper.mySwiper .masonryItems{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .masonryItems .masonryItem .media ,
    .singleParticipationHero-container .swiper.mySwiper .swiper-slide{
        height: 3.75rem;
    }
    .swiper.mySwiper .masonryItems .masonryItem .media{
        height: 6.75rem;
    }
    .masonryItems .masonryItem .info {
        margin-top: .62rem;
    }
}
@media only screen and (min-width: 640px) and (max-width: 768px){
    .masonryItems .masonryItem .media ,
    .singleParticipationHero-container .swiper.mySwiper .swiper-slide{
        height: 6.75rem;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    .thumbnails .masonryItems {
        -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        margin: 1.31rem auto 3.5rem;
    }
    section.singleParticipationHero-container {
        margin-bottom: 3.5rem;
    }
    .masonryItems {
        -ms-grid-columns: 1fr 3.2rem 1fr 3.2rem 1fr 3.2rem 1fr 3.2rem 1fr;
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 3.2rem;
        grid-row-gap: 1.95rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .masonryItems {
        grid-column-gap: 3.2rem;
        grid-row-gap: 1.95rem;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    .masonryItems {
        grid-column-gap: 3.2rem;
        grid-row-gap: 2rem;
    }
}