/* RESPONSIVE STYLE
	----------------------------- */
@media screen and (max-width: 1850px) {
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: 70vw;
    }
}
    
@media screen and (max-width:1720px) {
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: 66vw;
    }
   
}

@media screen and (max-width: 1536px) {
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: 62vw;
    }
}


@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {
    
}


@media screen and (max-width: 1280px) {
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: 68vw;
    }
}


@media screen and (max-width: 1024px) {
    .header-menu{
        display: none;
    }
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: 140vw;
    }
}


@media screen and (max-width: 992px) {
    .post-nav-wrap.more-options .nav-more{
        grid-template-columns: 1fr;
    }

    .post-nav-wrap.more-options .nav-more .nav-box::after{
        bottom: 18px;
        right: 18px;
    }
    .inner-hero-block.hero-type-inner1 .hero-container .hero-content .hero-content-outer{
        width: calc(100% - 40px);
    }
    body .swifty-grid{
        padding: 50px 0;
    }
    body.blog .swifty-card .post-img-wrap{
        width: 100%;
    }
}




@media screen and (max-width: 767px) {
    .team-activities .gallery-wrapper .modular-gallery-ul{
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        position: static;
    }

    .team-activities .gallery-wrapper .gallery-item{
        position: static;
        width: 100%;
        height: auto;
    }

    .team-activities .gallery-wrapper .gallery-item img{
        height: auto;
    }
    .team-member-outer {
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 60px auto;
        padding: 0 20px;
    }

    .team-member-content {
        padding-top: 0;
    }

    .work-gallery .gallery-block .gallery-wrapper .modular-gallery-ul{
        grid-template-columns: 1fr !important;
        gap: 25px;
    }

    /* every item full width stack */
    .work-gallery .gallery-block .gallery-wrapper .gallery-item{
        grid-column: 1 / -1 !important;
    }

    /* remove edge-to-edge effect for mobile */
    .work-gallery .gallery-block .gallery-wrapper 
    .gallery-item:nth-child(7n+4) img{
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }


}