@media (min-width: 1024px) and (max-width: 1200px) {}

@media (min-width: 768px) and (max-width: 1024px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .stat-item:nth-child(2)::after {
        display: none;
    }

    .section-title {
        font-size: 48px;
    }

    .approach-slide h3 {
        font-size: 38px;
    }

    .approach-slide p {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    nav.navbar {
        padding: 10px 15px;
    }

    header.header.is-sticky nav.navbar {
        padding: 10px 15px;
    }

    .solutions-slider-item {
        width: 260px;
    }

    .solutions-slider-item.solutions-slider-item--large {
        width: 310px;
    }

    .solutions-slider-item--large .solutions-slider-img-wrap,
    .solutions-slider-item:not(.solutions-slider-item--large) .solutions-slider-img-wrap {
        height: 220px;
    }

    .industries-slider {
        height: 70vh;
    }

    .industries-slider-title {
        font-size: 26px;
    }

    .industries-slider-arrow {
        width: 38px;
        height: 38px;
        margin: 0 14px;
    }

    .industries-slider-source {
        display: none;
    }

    .why-choose-us-content-col {
        padding: 40px 24px;
    }

    .why-choose-us-heading {
        font-size: 26px;
    }

    .approach-section {
        padding: 70px 0px;
    }

    .section-title {
        font-size: 32px;
    }

    .approach-slide h3 {
        font-size: 30px;
    }

    .approach-slide p {
        font-size: 17px;
        line-height: 1.7;
    }

    .site-menu-close {
        top: 20px;
        right: 20px;
    }

    .site-menu-primary a {
        font-size: 26px;
    }

    .site-menu-inner {
        padding: 110px 15px 90px;
        gap: 36px;
    }

    .site-menu-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 30px 15px;
    }

    .hero-content h1 {
        color: #fff;
        font-size: 40px;
        line-height: 55px;
        text-transform: capitalize;
        padding-bottom: 25px;
        margin: 0;
    }

    section.abuot-us-section {
        padding: 70px 0;
    }

    .mt-20 {
        margin-top: 10px;
    }

    .abuot-us-image {
        padding-left: 0;
        margin-top: 40px;
    }

    .philosophy-image {
        padding: 70px 25px;
    }

    .philosophy-content-outer {
        background: #3D3D3D;
        height: 100%;
        width: 100%;
        padding: 25px;
    }

    .philosophy-content h2 {
        line-height: 42px;
        font-size: 30px;
        margin-bottom: 36px;
    }

    .philosophy-tag {
        font-size: 16px;
    }

    .philosophy-content-group {
        gap: 50px;
    }

    .solutions-slider-section {
        padding: 70px 0;
        overflow: hidden;
    }

    .philosophy-content-outer {
        padding: 70px 15px;
    }

    .industries-slider-eyebrow {
        top: 40px;
    }

    .why-choose-us-section {
        padding: 70px 0;
    }

    .conscious-content {
        padding: 75px 15px;
    }

    section.create-something-section {
        padding: 0;
    }

    .create-something-bg {
        padding: 70px 15px;
    }

    .create-something-bg .button-group {

        flex-direction: column;
    }

    .site-footer {
        background: #222222;
        padding: 70px 0 20px;
    }

    .site-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .site-footer-bottom-links {
        justify-content: start;
        margin-top: 10px;
    }
    .button-group{
        flex-direction: column;
    }
    .abuot-us-content {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        padding-left: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .our-values-section {
        padding: 80px 0px;
    }
    section.our-values-section .col-6 {
        width: 100%;
    }
    section.abuot-us-section .abuot-us-image {
        margin-top: 0;
    }
    .our-process-section {
        padding: 80px 0px;
    }




}




@media (max-width: 576px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stat-item::after {
        display: none;
    }

    .stat-item {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        padding-bottom: 30px;
    }

    .stat-item:last-child {
        border-bottom: none;
    }

    .stat-item h2 {
        font-size: 38px;
    }

    .cities {
        font-size: 14px;
        line-height: 1.8;
    }
}