@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) {
    a.navbar-brand img {
    width: 100px;
}

    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: 70px 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: 70px 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: 0px;

        padding-bottom: 70px;

    }
.abuot-us-content .mt-20 {
    margin-top: 1rem;
}
.conscious-content-box .mt-20 {
    margin-top: 1rem;
}
.abuot-us-content.pl-5 {
    padding: 0;
    padding: 70px 0 0;
}
.our-story-sec .row {
    flex-direction: column-reverse;
}
.conscious-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
    .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;

    }

}