@media only screen and (max-width: 1399px) {
    .services-section__cards-container {
        --cardHeight: 545px;
    }

    .impact-section__list-icon {
        width: 100px;
    }

    .gallery-grid__wrapper-2c12 {
        grid-column-gap: 30px;
    }

    .impact-section__list-copy {
        width: calc(100% - 130px);
    }

    .impact-section__list-icon img {
        max-width: 100px;
        max-height: 110px;
    }
}

@media only screen and (min-width: 1200px) {
    .intro-section {
        padding-top: 13rem;
    }
}

@media only screen and (max-width: 1199px) {
    .header__navbar_collapse {
        padding-right: 0;
    }

    .services-section__cards-container {
        --cardHeight: 440px;
    }

    .services-section__cards-container_col-ttb .services-section__cards-container_card-image img {
        width: 250px;
    }

    .gallery-grid__wrapper-2c12 .gallery-grid__single-item:nth-of-type(2),
    .gallery-grid__wrapper-2c12 .gallery-grid__single-item:nth-of-type(3) {
        width: 400px;
    }

    .services-section__accordion-intro-wrap,
    .services-section__accordion-progress-wrap,
    .services-section__accordion-detail-wrap {
        min-height: 150px;
        padding: 25px 50px;
    }

    .services-section__accordion-intro-copy::before,
    .services-section__accordion-detail-wrap::before {
        top: 25px;
        left: 25px;
    }

    .services-section__accordion-grid-single p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1048px) {
    .services-section__cards-container {
        --cardHeight: 430px;
    }

    .services-section__cards-container_card-body {
        padding: 30px 30px 0 30px;
        border-radius: 35px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        -ms-border-radius: 35px;
        -o-border-radius: 35px;
    }

    .services-section__cards-container_card-heading {
        font-size: clamp(19px, 3.2vw, 46px);
    }

    .services-section__cards-container_media-buying .services-section__cards-container_card-heading {
        font-size: clamp(19px, 2.3vw, 34px);
    }

    .services-section__cards-container_col-ltr .services-section__cards-container_card-image img {
        width: 270px;
    }

    .services-section__cards-container_cards {
        margin-right: var(--cardMargin);
    }
}

@media only screen and (max-width: 991px) {
    .projects-section__grid-view {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .projects-section__grid-item {
        width: 100%;
        height: unset;
        aspect-ratio: 19 / 9;
    }

    .projects-section__grid-item_wrapper {
        width: 100%;
        height: unset;
        aspect-ratio: 19 / 9;
    }

    .projects-section__grid-item img,
    .projects-section__grid-item video {
        width: 100%;
        height: unset;
        aspect-ratio: 19 / 9;
    }

    .services-section__scroll-tabs-wrapper {
        flex-direction: column;
        gap: 0;
    }

    .services-section__scroll-tabs-left,
    .services-section__scroll-tabs-right {
        width: 100%;
        padding: 0;
        position: unset;
    }

    .section-row {
        padding: 3rem 0;
    }

    .projects-detail__banner-container {
        margin: 0 -25px -3rem;
    }

    .clients-section__testimonials {
        flex-direction: column;
    }
    
    .clients-section__testimonials_logos,
    .clients-section__testimonials_swipe-area {
        width: 100%;
    }

    .clients-section__testimonials_logos {
        display: block;
    }
    
    .clients-section__tesimonials_client-logo {
        width: 100%;
    }

    .clients-section__tesimonials_single-comment {
        min-height: 450px;
    }

    .clients-section .cmm-common__titles {
        margin: 0;
    }

    .services-section__cards-container_cards {
        margin-right: 0;
    }

    .gallery-grid__wrapper {
        display: block;
    }

    .gallery-grid__single-item img,
    .gallery-grid__single-item video {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .gallery-grid__single-item {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .gallery-grid__wrapper-2c12 .gallery-grid__single-item:nth-of-type(2),
    .gallery-grid__wrapper-2c12 .gallery-grid__single-item:nth-of-type(3) {
        width: 100%;
    }

    .impact-section__list-icon {
        width: 80px;
    }

    .impact-section__list-icon img {
        max-width: 80px;
        max-height: 88px;
    }

    .video-player .video-player__play-icon {
        width: 50px;
    }

    .impact-section__list-copy {
        width: calc(100% - 110px);
    }

    .video-player video {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .services-section__accordion-body {
        padding: 20px 0;
    }

    .services-section__accordion-header {
        min-height: 80px;
        padding: 0px 40px 0px 100px;
    }

    .services-section__accordion-header:before {
        width: 80px;
        height: 80px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .services-section__accordion-grid-single {
        padding: 20px 5px 0 0;
    }

    .services-section__accordion-grid-single p {
        word-break: break-word;
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
    }

    .services-section__accordion-header:after {
        font-size: 27px;
        top: 27px;
    }

    .services-section__cards-container_tabs {
        display: none;
    }

    .services-section__cards-container_card-post-title {
        display: block;
    }

    .owl-item.active .clients-section__tesimonials_client-logo.active {
        padding: 2px;
        background: transparent;
    }

    .clients-section__testimonials_logos .owl-item {
        padding: 0;
    }
}

@media only screen and (max-width: 780px) {
    .services-section__cards-container_cards {
        margin-right: var(--cardMargin);
    }
}

@media only screen and (min-width: 768px) {
    .intro-section {
        padding-top: 10rem;
    }
}

@media only screen and (max-width: 767px) {
    header {
        background: rgba(var(--clr--white), .5);
        backdrop-filter: blur(250px);
        width: calc(100% - 40px) !important;
        padding: 0 !important;
        margin: 15px 20px 0 20px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
    }

    .header-toggled {
        backdrop-filter: blur(100px);
        width: 100vw !important;
        height: 115vh;
        margin: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .header__navbar {
        padding: 5px 10px !important;
    }

    .header-toggled .header__navbar {
        padding: 15px 10px !important;
    }

    .header__navbar > * {
        position: relative;
    }

    .header__logo {
        max-width: 120px;
        padding: 0;
        z-index: 9;
    }

    .header__navbar_toggler {
        z-index: 9;
    }

    .header__navbar--container {
        backdrop-filter: unset;
        background: transparent;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header__navbar--container ul.header-menu {
        height: 0;
        flex-direction: column;
        transition: height 300ms ease-out;
        -webkit-transition: height 300ms ease-out;
        -moz-transition: height 300ms ease-out;
        -ms-transition: height 300ms ease-out;
        -o-transition: height 300ms ease-out;
    }

    .header__navbar--container.menu-toggled ul.header-menu {
        height: 100vh;
        width: 100vw;
        position: absolute;
        top: -60px;
        left: -20px;
        z-index: 8;
        transition: height 300ms ease-out;
        -webkit-transition: height 300ms ease-out;
        -moz-transition: height 300ms ease-out;
        -ms-transition: height 300ms ease-out;
        -o-transition: height 300ms ease-out;
    }

    .header__navbar .navbar-nav .nav-link,
    .menu-item a {
        font-size: clamp(24px, 5vw, 92px);
        font-weight: 700;
    }

    .projects-section__grid-item_labels {
        left: 10px;
        bottom: 10px;
        gap: 5px;
    }

    .footer__contents {
        text-align: center;
        order: 2;
    }

    .footer__contact-form {
        order: 1;
    }

    .footer__contents_links ul.list__horizontal {
        justify-content: center;
    }

    .footer__contents_logo {
        max-width: 200px;
        margin-inline: auto;
    }

    .services-section__cards-container {
        --cardHeight: 360px;
    }

    .services-section__cards-container_card-body {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .services-section__cards-container_col-ttb .services-section__cards-container_card-image img {
        width: 200px;
    }

    .article-hero {
        padding-top: 6rem !important;
    }

    .cmm-common__titles-small {
        margin-bottom: 15px;
    }

    .impact-section__container-tdri .impact-section__list-wrapper,
    .col-md-12.impact-section__column-icons .impact-section__list-wrapper {
        column-count: 1;
    }

    .services-section__accordion-intro-wrap,
    .services-section__accordion-progress-wrap,
    .services-section__accordion-detail-wrap {
        min-height: 100px;
        padding: 15px 30px;
    }

    .services-section__accordion-intro-copy::before,
    .services-section__accordion-detail-wrap::before {
        height: 70px;
        top: 15px;
        left: 15px;
    }

    .services-section__accordion-grid-single {
        width: calc(100% / 3);
    }

    .services-section__accordion-intro-wrap {
        gap: 15px;
    }

    .cmm-common__titles {
        text-align: center;
    }

    .impact-section__row {
        row-gap: 30px;
    }

    .intro-section__video-play {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .gutter-top {
        margin-top: 70px;
    }
    
    .intro-section {
        padding-top: 5rem;
    }

    .footer__contact-form_submit-btn {
        margin-inline: auto;
    }
}

@media only screen and (max-width: 575px) {
    .projects-section__grid-item {
        aspect-ratio: 19 / 10;
    }

    .projects-section__grid-item_wrapper {
        aspect-ratio: 19 / 10;
    }

    .projects-section__grid-item img,
    .projects-section__grid-item video {
        aspect-ratio: 19 / 10;
    }

    .services-section__cards-container_cards {
        margin-left: var(--cardMargin);
        margin-right: calc(var(--cardMargin) * 2.5);
    }

    .services-section__cards-container {
        --cardHeight: 420px;
    }

    .services-section__cards-container_single {
        padding-top: calc(var(--index) * (var(--cardTopPadding) * .5));
    }

    .services-section__cards-container_card-body {
        padding: 50px 30px 0 15px;
    }

    .services-section__cards-container_card-post-title {
        padding: 5px 20px;
    }

    .services-section__cards-container_card-cta {
        flex-direction: column;
        align-items: center;
    }

    .services-section__cards-container_card-btn {
        display: block;
        margin-block: 15px;
        margin-left: auto;
    }

    .services-section__cards-container_col-ltr {
        flex-direction: column;
    }

    .services-section__cards-container_col-ltr > * {
        width: 100%;
    }

    .services-section__cards-container_col-ltr .services-section__cards-container_card-image img {
        width: 180px;
    }

    .services-section__cards-container_media-buying .services-section__cards-container_col-ltr .services-section__cards-container_card-image img {
        width: 27vw;
    }

    .services-section__cards-container_card-image {
        justify-content: center;
    }

    .services-section__cards-container_cards {
        padding-bottom: calc(var(--cards) * (var(--cardTopPadding) * .5));
    }

    .services-section__cards-container_col-ttb > * {
        height: auto;
    }

    .impact-section__list-icon {
        width: 70px;
    }

    .impact-section__list-copy {
        width: calc(100% - 100px);
    }

    .impact-section__list-icon img {
        max-width: 70px;
        max-height: 77px;
    }

    .clients-section__testimonials_logos {
        width: calc(100% - 80px);
        margin-inline: auto;
    }
}

@media only screen and (max-width: 380px) {
    .services-section__cards-container_col-ltr .services-section__cards-container_card-image img {
        width: 165px;
    }

    .services-section__accordion-grid-single {
        width: calc(100% / 2);
    }
}