/* RESPONSIVE STYLE
	----------------------------- */
@media screen and (max-width: 1920px) {}

@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;
    }

    .services-posts .swifty-card .post-details {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto auto auto;
        gap: 30px;
    }

    .services-posts .swifty-card .post-img-wrap {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 9;
    }

    .services-posts .swifty-card .post-title-wrap {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .services-posts .swifty-card .post-info {
        grid-column: 1 / -1;
        grid-row: 3;
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    .services-posts .swifty-card .what-we-do {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}


@media screen and (max-width: 992px) {
    :root {
        --site-header-height: 72px;
    }

    header.header-1,
    header.header-1.fixed,
    .header-spacer {
        display: none;
    }

    h1, h2, h3, h4, h5, h6{
        text-wrap: auto;
    }

    a.btn{
        padding: clamp(10px, 1.2vw, 14px) /* top */ clamp(45px, 5.5vw, 80px) /* right */ clamp(10px, 1.2vw, 16px) /* bottom */ clamp(15px, 3.1vw, 45px);
    }

    a.btn::before{
        right: clamp(15px, 2vw, 45px);
    }

    .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%;
    }

    .mac-intro-section .img-text-block-img {
        min-height: auto !important;
    }

    .block-type-image-text .image-size-edge .img-outer-wrapper {
        position: relative;
    }

    body .block-type-image-text .mac-intro-section .mac-intro-content h2.block-title,
    body .block-type-image-text .mac-intro-section .mac-intro-content .block-subtitle,
    body .block-type-image-text .mac-intro-section .mac-intro-content .block-paragraphs {
        margin-bottom: 30px;
        text-align: center;
    }

    .down-arrow {
        display: none;
    }

    .home-intro-img .full-width-image {
        height: 90vw;
        max-height: 380px;
    }

    .home-intro-img .full-width-image .full-width-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* =========== Home About Section  =========== */
    .home-about-section .mac-intro-section .img-text-block-img {
        position: relative;
        margin-bottom: 80px;
    }

    .home-about-section .section-patterns-wrapper {
        position: relative;
    }

    .home-about-section .section-patterns-wrapper .section-pattern-1 {
        position: absolute;
        bottom: 0px;
        left: 100%;
        top: 24px;
        transform: rotate(90deg);
        height: 100%;
        width: 64px;
    }

    .block-type-image-text.home-about-section .image-position-left .mac-intro-content {
        padding: 20px 20px 50px;
    }

    footer .section-patterns-wrapper {
        display: none;
    }

    .cta-left h2.block-title {
        text-align: left;
        margin-bottom: 15px;
    }

    .cta-left .cta-btns {
        text-align: left;
    }

    .services-posts .block-paragraphs,
    .services-posts .posts-carousel {
        width: 100%;
    }

    .content-block.home-about-section {
        width: 100%;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:first-child{
        padding-top: 0;
        width: 90%;
        gap: 0px;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:first-child {
        padding-top: 0;
        padding-left: 0;
        width: 100% !important;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:nth-child(2n) .block-paragraphs {
        transform: none !important;
        margin-left: 0;
    }

    body .swifty-grid{
        padding: 30px 0px;
    }

    .content-block.service-intro-section .text-block .flex-container{
        grid-template-columns: repeat(var(--posts-per-row, 1), 1fr);
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:nth-child(2n){
        flex-direction: column;
        gap: 30px;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:first-child .block-paragraphs {
        transform: none !important;
        max-width: 100%;
    }

    .content-block.service-intro-section .text-block .flex-container{
        width: 90%;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:first-child .flexi-img-txt-img{
        max-height: max-content;
    }

    body .filters-posts-contaner .mobile-category-dropdown{
        background-color: var(--primary-color);
        max-width: 100%;
        border-radius: 0;
    }
    
    body .swifty-resources .swifty-grid{
        padding: 0;
    }

    body.single-post .post-content-inner {
        padding-left: 0;
    }

    .post-content-inner{
        grid-template-columns: 1fr;
    }

    .social-share{
        width: 100%;
        position: relative;
    }

    body.single-post .social-share a.social-share__link{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .mobile-only {
        display: block;
    }

    .post-content-inner .post-sidebar{
        width: 100%;
    }

    body.single-post .post-content-inner{
        padding-top: 10px;
    }

    .services-posts .posts-block .blogs-listing .single-post{
        padding-bottom: 20px;
    }

    .block-title span{
        display: inline;
    }

    body .gallery-wrapper.dual-slider .dual-row img{
        height: 50px;
    }

     footer .footer-right {
        grid-area: left;
    }

    footer .footer-wrap {
        display: flex;
        flex-direction: column;
    }

    footer .footer-wrap .footer-left {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
        gap: 0;
    }

    footer .footer-wrap .footer-left .footer-middle {
        margin-bottom: 0;
        gap: 0;
    }

    .footer-left .footer-links,
    footer .footer-wrap .footer-left .footer-middle {
        width: 100%;
        text-align: left;
        justify-content: start;
        margin-bottom: 0;
    }

    .bottom-footer-wrap {
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .footer-bottom {
        padding-top: 0;
    }

    .footer-bottom .copyright-section {
        width: 100%;
    }

    .footer-middle .footer-social {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        padding: 30px 0 0;
    }

    .cta-left h2.block-title span{
       display: block;
    }

    .footer-left .footer-links ul.menu li{
        padding: 7px 0;
    }

    .footer-middle .footer-social a.social-icon img {
        width: 28px;
    }

    .content-block.intro-section .tiles-wrapper{
        flex-direction: column;
    }

    .content-block.intro-section .tiles-block .tiles-wrapper .single-tile, 
    .content-block.two-companies .tiles-block .tiles-wrapper .single-tile{
        flex: 100%;
        max-width: 100%;
    }

    .showing-up .mac-intro-section.image-position-right .mac-intro-content .image-title-wrap h2.block-title{
        justify-content: center;
    }

    .showing-up .mac-intro-section.image-position-right .mac-intro-content .block-paragraphs p{
        text-align: center;
    }

    .showing-up .mac-intro-section.image-position-right .mac-intro-content .block-paragraphs p:last-child{
	    margin-bottom: 0px;
	}

    .content-block.two-companies .tiles-block .tiles-wrapper .single-tile-wrapper{
        padding: 10px 0;
    }

    .content-block.botm-imgtxt-1.block-type-image-text .image-position-left .img-text-block-img,
    .content-block.botm-imgtxt-2.block-type-image-text .image-position-right .img-text-block-img {
        padding-right: 30px;
        padding-left: 30px;
    }

    .content-block .mac-intro-section .block-paragraphs li{
        font-weight: 700;
    }

    .content-block.block-type-image-text > .container .mac-intro-section .mac-intro-content{
        padding: 10px 0;
    }

    .content-block.botm-imgtxt-1 .block-paragraphs ul, .content-block.botm-imgtxt-2{
        padding-left: 0;
    }

    .content-block.block-type-image-text > .container .mac-intro-section{
        width: 100% !important;
        margin-left: 0;
    }

    .content-block.bottom-section .flex-container{
        flex-direction: column;
    }

    .content-block.bottom-section .flex-container .text-column {
        width: 100% !important;
    }

    .content-block.bottom-section .flex-container .text-column:nth-child(2) .block-paragraphs ul.button-wrap{
        flex-direction: column;
        width: 100%;
    }

    .lp-form .swifty-cf-field p input[type="submit"]{
        padding: clamp(10px, 1.2vw, 14px) /* top */ clamp(45px, 5.5vw, 80px) /* right */ clamp(10px, 1.2vw, 16px) /* bottom */ clamp(15px, 3.1vw, 45px);
    }
    
}




@media screen and (max-width: 767px) {
    .team-activities .gallery-wrapper .modular-gallery-ul {
        height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
        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-left: 0;
        transform: translateY(0px);
    }

    .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;
    }

    .blogs-listing {
        flex-direction: column;
    }

    /* Default */
    .work-posts .posts-col-2 .blogs-listing .single-post {
        flex: 0 0 100%;
    }

    /* Pattern repeats every 4 posts */
    .work-posts .posts-col-2 .blogs-listing .single-post:nth-child(4n+1),
    .work-posts .posts-col-2 .blogs-listing .single-post:nth-child(4n+2),
    .work-posts .posts-col-2 .blogs-listing .single-post:nth-child(4n+3),
    .work-posts .posts-col-2 .blogs-listing .single-post:nth-child(4n+4) {
        flex-basis: 100%;
        width: 100%;
    }

    .posts-col-2 .blogs-listing .single-post {
        width: 100%;
    }

    .services-posts .posts-block .blogs-listing .single-post {
        flex: 100%;
        width: 100%;
    }

   

    .team-member-content {
        transform: translateY(-10px);
    }

    .work-posts .swifty-card.is-wide,
    .work-posts .swifty-card.is-narrow {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .work-posts .swifty-cards .swifty-cards-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .work-posts .swifty-cards .swifty-card {
        grid-column: 1 / -1 !important;
        /* force full width */
    }

    .content-block.team-top-img .section-patterns-wrapper .section-pattern {
        display: none;
    }

    .content-block.founder-intro .mac-intro-section .img-text-block-img {
        max-width: 70%;
    }

    .team-activities .gallery-wrapper .gallery-item:nth-child(2),
    .team-activities .gallery-wrapper .gallery-item:nth-child(3),
    .team-activities .gallery-wrapper .gallery-item:nth-child(4) {
        display: none;
    }

    .team-activities .gallery-wrapper .gallery-item:nth-child(1),
    .team-activities .gallery-wrapper .gallery-item:nth-child(5) {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .team-activities .gallery-wrapper .gallery-item:nth-child(1) a.modular_gallery_image {
        width: 75vw;
    }

    .team-activities .gallery-wrapper .gallery-item:nth-child(5) a.modular_gallery_image {
        width: 80vw;
        float: right;
    }

    .content-block.four-pillars .tiles-block {
        grid-template-columns: 1fr;
    }

    .content-block.four-pillars .tiles-block .title-container .block-paragraphs {
        margin-bottom: 0;
    }

    .content-block.service-intro-section .text-block .flex-container {
        grid-template-columns: unset;
    }

    .content-block.service-intro-section .text-block .flex-container .text-column:first-child .block-paragraphs,
    .content-block.service-intro-section .text-block .flex-container .text-column .block-paragraphs {
        transform: none !important;
        max-width: 100%;
    }

    .services-posts .swifty-card .post-details {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto;
        gap: 24px;
        padding-top: 20px;
    }

    .services-posts .swifty-card .post-title-wrap {
        grid-column: 1;
        grid-row: 1;
    }

    .services-posts .swifty-card .post-img-wrap {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .services-posts .swifty-card .post-info {
        grid-column: 1;
        grid-row: 3;
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0;
    }

    .services-posts .swifty-card .what-we-do {
        grid-column: 1;
        grid-row: auto;
    }

    .services-posts .swifty-card .service-heading p {
        font-size: 18px;
    }

    .content-block.contact-address .container.flex-container{
        flex-direction: column;
    }

    .content-block.contact-address .container.flex-container .text-column {
        width: 100% !important;
    }

    .content-block.intro-section .tiles-block .tiles-wrapper .single-tile .tile-description ul{
        flex-direction: column;
    }

    .showing-up .mac-intro-section.image-position-right .mac-intro-content .image-title-wrap{
        flex-direction: column;
        gap: 20px;
    }

    .lp-form .swifty-row {
        flex-direction: column;
    }

    .lp-form .swifty-cf-field.half {
        width: 100%;
    }

}