/* =========================================
   TABLETS
========================================= */

@media (max-width: 1150px) {

    .container,
    .header-container {

        width: min(
            calc(100% - 50px),
            var(--container-width)
        );

    }


    .main-navigation {

        display: none;

    }


    .header-cta {

        margin-left: auto;

        margin-right: 15px;

    }


    .mobile-menu-toggle {

        display: flex;

    }


    .hero-content {

        width: 75%;

    }


    .hero-side-info {

        display: none;

    }


    .intro-grid {

        grid-template-columns: 1fr;

        gap: 30px;

    }


    .intro-label {

        padding-top: 0;

    }


    .footer-top {

        grid-template-columns:
            1fr 1fr;

    }

}


/* =========================================
   TABLET / SMALL LAPTOP
========================================= */

@media (max-width: 850px) {

    .hero-content {

        width: 100%;

    }


    .hero-content h1 {

        font-size: clamp(
            65px,
            14vw,
            110px
        );

    }


    .hero-description {

        max-width: 600px;

    }


    .hero-bottom-container {

        min-height: 65px;

    }


    .hero-location {

        display: none;

    }


    .hero-bottom-container {

        justify-content: flex-start;

    }


    .home-intro {

        padding: 100px 0;

    }


    .footer-top {

        grid-template-columns: 1fr 1fr;

        gap: 45px 30px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    :root {

        --header-height: 78px;

    }


    .container,
    .header-container {

        width: calc(100% - 36px);

    }


    .site-header {

        height: var(--header-height);

    }


    .logo-main {

        font-size: 28px;

        letter-spacing: 4px;

    }


    .logo-sub {

        font-size: 7px;

        letter-spacing: 4px;

    }


    .header-cta {

        display: none;

    }


    .mobile-menu-toggle {

        width: 40px;

        height: 40px;

    }


    .mobile-navigation {

        top: var(--header-height);

        height: calc(100vh - var(--header-height));

    }


    .mobile-navigation-inner {

        padding: 20px 25px 50px;

    }


    .mobile-nav-link {

        font-size: 25px;

        padding: 17px 0;

    }


    .hero-container {

        padding-top: 120px;

        padding-bottom: 120px;

        min-height: 100svh;

    }


    .hero-background {

        background-position:
            60% center;

    }


    .hero-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(5,12,18,0.92),
                rgba(5,12,18,0.68)
            );

    }


    .hero-eyebrow {

        margin-bottom: 22px;

    }


    .hero-eyebrow span:last-child {

        font-size: 9px;

        letter-spacing: 1.7px;

    }


    .hero-content h1 {

        font-size: clamp(
            60px,
            19vw,
            100px
        );

        letter-spacing: -1px;

        margin-bottom: 30px;

    }


    .hero-description {

        font-size: 14px;

        line-height: 1.75;

        margin-bottom: 30px;

    }


    .hero-buttons {

        flex-direction: column;

        align-items: stretch;

    }


    .btn {

        width: 100%;

    }


    .hero-bottom {

        display: none;

    }


    .home-intro {

        padding: 80px 0;

    }


    .intro-grid {

        gap: 25px;

    }


    .intro-content h2 {

        font-size: 55px;

        margin-bottom: 28px;

    }


    .intro-content p {

        font-size: 14px;

    }


    .footer-top {

        grid-template-columns: 1fr;

        gap: 45px;

        padding-bottom: 60px;

    }


    .footer-offices {

        grid-template-columns: 1fr;

    }


    .footer-office:first-child {

        border-right: none;

        border-bottom: 1px solid var(--border-dark);

    }


    .footer-bottom {

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        padding: 25px 0;

    }


    .footer-legal {

        flex-wrap: wrap;

        gap: 15px;

    }

}
/* =========================================
   PART 2 RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .section-heading-row,
    .industries-header,
    .international-heading,
    .why-header {

        grid-template-columns:
            1fr;

        gap: 25px;

    }


    .services-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .why-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


@media (max-width: 850px) {

    .services-preview,
    .industries-section,
    .international-preview,
    .why-burmah {

        padding: 100px 0;

    }


    .services-grid {

        grid-template-columns:
            1fr;

    }


    .service-image {

        height: 350px;

    }


    .industries-grid {

        grid-template-columns:
            1fr;

        margin-top: 55px;

    }


    .industry-item {

        min-height: 160px;

    }


    .international-grid {

        grid-template-columns:
            1fr 1fr;

        grid-auto-rows: 300px;

    }


    .country-qatar,
    .country-pakistan,
    .country-africa,
    .country-dubai,
    .country-china {

        grid-column:
            span 1;

    }


    .country-china {

        grid-column:
            1 / -1;

    }


    .global-section,
    .global-container {

        min-height: 700px;

    }


    .global-offices {

        grid-template-columns:
            1fr;

    }


    .global-office + .global-office {

        padding-left: 0;

        border-left: none;

        border-top: 1px solid var(--border-dark);

    }


    .capabilities-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .capability-item:nth-child(2) {

        border-right: none;

    }


    .capability-item:nth-child(-n+2) {

        border-bottom:
            1px solid rgba(8,19,31,0.15);

    }


    .home-cta {

        min-height: 600px;

    }

}


@media (max-width: 600px) {

    .section-heading-content h2,
    .international-heading h2,
    .industries-header h2,
    .why-header h2 {

        font-size: 55px;

    }


    .services-grid {

        margin-top: 50px;

    }


    .service-image {

        height: 280px;

    }


    .service-content {

        padding: 25px 22px 30px;

    }


    .service-content p {

        min-height: auto;

    }


    .section-bottom-link {

        justify-content: stretch;

    }


    .dark-button {

        width: 100%;

        justify-content: space-between;

    }


    .industry-item {

        grid-template-columns:
            35px 1fr 20px;

        gap: 15px;

        padding: 25px 20px;

    }


    .industry-item h3 {

        font-size: 26px;

    }


    .international-grid {

        grid-template-columns:
            1fr;

        grid-auto-rows: 280px;

    }


    .country-qatar,
    .country-pakistan,
    .country-africa,
    .country-dubai,
    .country-china {

        grid-column:
            1 / -1;

    }


    .country-content h3 {

        font-size: 45px;

    }


    .global-section,
    .global-container {

        min-height: 760px;

    }


    .global-content h2 {

        font-size: 60px;

    }


    .global-offices {

        margin-top: 40px;

    }


    .why-grid {

        grid-template-columns:
            1fr;

        margin-top: 50px;

    }


    .why-item {

        min-height: auto;

        padding: 28px 25px;

    }


    .why-number {

        margin-bottom: 22px;

    }


    .capabilities-grid {

        grid-template-columns:
            1fr 1fr;

    }


    .capability-item {

        min-height: 150px;

        padding: 22px;

    }


    .capability-item strong {

        font-size: 52px;

    }


    .home-cta {

        min-height: 600px;

    }


    .home-cta h2 {

        font-size: 70px;

    }


    .cta-buttons {

        flex-direction: column;

    }


    .cta-buttons .btn {

        width: 100%;

    }

}
/* =========================================
   PART 3 RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .about-intro-grid,
    .operating-heading,
    .values-heading,
    .quality-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .operating-grid {

        grid-template-columns: 1fr;

    }


    .values-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .quality-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .engineering-section {

        grid-template-columns: 1fr;

    }


    .engineering-image {

        min-height: 500px;

    }


    .international-model-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .international-model-content {

        padding-top: 0;

    }

}


@media (max-width: 700px) {

    .page-hero {

        min-height: 600px;

    }


    .page-hero-container {

        padding-bottom: 55px;

        flex-direction: column;

        align-items: flex-start;

        gap: 35px;

    }


    .page-hero-content h1 {

        font-size: 75px;

    }


    .about-introduction,
    .about-operating-model,
    .mission-vision,
    .values-section,
    .international-model,
    .quality-section,
    .about-cta {

        padding: 100px 0;

    }


    .about-text-columns {

        grid-template-columns: 1fr;

        gap: 25px;

    }


    .operating-content {

        padding: 30px 25px;

    }


    .operating-content h3 {

        font-size: 42px;

    }


    .operating-content ul {

        grid-template-columns: 1fr;

    }


    .mission-vision-grid {

        grid-template-columns: 1fr;

    }


    .mission-block,
    .vision-block {

        padding: 50px 30px;

    }


    .values-grid {

        grid-template-columns: 1fr;

        margin-top: 50px;

    }


    .value-card {

        min-height: auto;

        padding: 30px 25px;

    }


    .engineering-image {

        min-height: 380px;

    }


    .engineering-inner {

        padding: 70px 25px;

    }


    .engineering-inner h2 {

        font-size: 60px;

    }


    .international-model-lead {

        font-size: 30px;

    }


    .quality-grid {

        grid-template-columns: 1fr;

        margin-top: 50px;

    }


    .quality-card {

        min-height: auto;

        padding: 30px 25px;

    }


    .quality-card h3 {

        margin-top: 40px;

    }


    .about-cta h2 {

        font-size: 75px;

    }

}
/* =========================================
   PART 4 SERVICES RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .services-intro-grid,
    .services-heading,
    .delivery-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .service-feature,
    .technical-grid {

        grid-template-columns: 1fr;

    }


    .service-feature-reverse {

        direction: ltr;

    }


    .service-feature-image {

        min-height: 500px;

    }


    .technical-image {

        min-height: 500px;

    }

}


@media (max-width: 700px) {

    .services-introduction,
    .core-services,
    .delivery-approach,
    .technical-capability,
    .services-cta {

        padding: 100px 0;

    }


    .services-intro-stats {

        grid-template-columns: 1fr;

    }


    .services-intro-stats div {

        border-right: none;

        border-bottom:
            1px solid var(--border-light);

        padding-left: 0;

    }


    .services-list {

        margin-top: 55px;

    }


    .service-feature-image {

        min-height: 380px;

    }


    .service-feature-content {

        padding: 55px 25px;

    }


    .service-feature-content h3 {

        font-size: 62px;

    }


    .service-capabilities {

        grid-template-columns: 1fr;

    }


    .delivery-process {

        margin-top: 55px;

    }


    .delivery-step {

        grid-template-columns: 45px 1fr;

        gap: 15px;

        padding: 35px 0;

    }


    .delivery-step h3 {

        font-size: 35px;

    }


    .technical-image {

        min-height: 380px;

    }


    .technical-content {

        padding: 60px 25px;

    }


    .capability-grid {

        grid-template-columns: 1fr;

    }


    .services-global {

        min-height: 600px;

    }


    .services-global-content h2 {

        font-size: 70px;

    }


    .services-cta h2 {

        font-size: 75px;

    }

}
/* =========================================
   PART 5 INDUSTRIES RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .industries-intro-grid,
    .industries-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .industry-grid {

        grid-template-columns: 1fr;

    }


    .sector-capability-grid {

        grid-template-columns: 1fr;

        gap: 60px;

    }


    .industry-stats-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .industry-stat {

        padding: 30px;

        border-bottom:
            1px solid rgba(5,12,18,0.2);

    }

}


@media (max-width: 700px) {

    .industries-intro,
    .industry-sectors,
    .sector-capability,
    .industry-cta {

        padding: 100px 0;

    }


    .industry-grid {

        margin-top: 55px;

    }


    .industry-card-image {

        height: 300px;

    }


    .industry-card-content {

        padding: 35px 25px;

    }


    .industry-card h3 {

        font-size: 43px;

    }


    .industry-card ul {

        grid-template-columns: 1fr;

    }


    .sector-capability-visual {

        padding: 30px;

    }


    .industry-stats-grid {

        grid-template-columns: 1fr;

    }


    .industry-stat {

        padding-left: 0;

        border-right: none;

    }


    .industry-global {

        min-height: 600px;

    }


    .industry-global-content h2 {

        font-size: 68px;

    }


    .industry-cta h2 {

        font-size: 72px;

    }

}
/* =========================================
   PART 6 INTERNATIONAL RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .international-intro-grid,
    .international-model-heading,
    .markets-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .international-model-grid {

        grid-template-columns: 1fr;

    }


    .operating-connection {

        min-height: 130px;

        flex-direction: row;

    }


    .connection-line {

        width: 80px;

        height: 1px;

    }


    .market-row {

        grid-template-columns: 1fr;

    }


    .market-row-reverse {

        direction: ltr;

    }


    .market-image {

        min-height: 450px;

    }


    .international-enquiry-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

}


@media (max-width: 700px) {

    .international-intro,
    .international-model,
    .international-markets,
    .international-enquiry,
    .international-cta {

        padding: 100px 0;

    }


    .international-model-grid {

        margin-top: 55px;

    }


    .operating-region {

        padding: 45px 25px;

    }


    .operating-region h3 {

        font-size: 55px;

    }


    .operating-connection {

        min-height: 110px;

        padding: 20px;

    }


    .market-list {

        margin-top: 55px;

    }


    .market-image {

        min-height: 350px;

    }


    .market-content {

        padding: 50px 25px;

    }


    .market-content h3 {

        font-size: 75px;

    }


    .market-focus strong {

        font-size: 7px;

    }


    .international-delivery {

        min-height: 650px;

    }


    .international-delivery-content h2 {

        font-size: 68px;

    }


    .international-delivery-points {

        grid-template-columns: 1fr;

    }


    .international-cta h2 {

        font-size: 72px;

    }

}
/* =========================================
   PART 7 CAREERS RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .careers-intro-grid,
    .careers-values-heading,
    .career-disciplines-heading,
    .recruitment-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .career-values-grid {

        grid-template-columns: 1fr;

    }


    .career-location-grid {

        grid-template-columns: 1fr;

    }


    .career-location-grid > div {

        min-height: auto;

    }


    .discipline-item {

        grid-template-columns:
            60px 1fr;

        gap: 20px;

    }


    .discipline-item p {

        grid-column: 2;

    }


    .discipline-item a {

        grid-column: 2;

    }


    .graduate-grid {

        grid-template-columns: 1fr;

    }


    .graduate-image {

        min-height: 500px;

    }


    .assignment-points {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .recruitment-steps {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .opportunities-header {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .opportunity-row {

        grid-template-columns:
            1fr 1fr;

    }

}


@media (max-width: 700px) {

    .careers-intro,
    .careers-values,
    .career-disciplines,
    .graduate-section,
    .career-assignments,
    .recruitment-process,
    .career-opportunities,
    .career-cta {

        padding: 100px 0;

    }


    .career-value {

        padding: 40px 25px;

    }


    .career-value h3 {

        font-size: 36px;

    }


    .career-global {

        min-height: 700px;

    }


    .career-global-content h2 {

        font-size: 67px;

    }


    .discipline-list {

        margin-top: 55px;

    }


    .discipline-item {

        display: block;

        padding: 30px 0;

    }


    .discipline-item > span {

        display: block;

        margin-bottom: 15px;

    }


    .discipline-item h3 {

        font-size: 30px;

    }


    .discipline-item p {

        margin-top: 15px;

    }


    .discipline-item a {

        display: inline-block;

        margin-top: 20px;

    }


    .graduate-content {

        padding: 50px 25px;

    }


    .graduate-image {

        min-height: 350px;

    }


    .assignment-points {

        grid-template-columns: 1fr;

    }


    .assignment-points div {

        border-left:
            1px solid rgba(5,12,18,.2);

    }


    .recruitment-steps {

        grid-template-columns: 1fr;

    }


    .recruitment-step {

        min-height: auto;

        border-right: none;

    }


    .opportunity-row {

        display: block;

        padding: 30px 0;

    }


    .opportunity-row > div:not(:first-child) {

        margin-top: 15px;

    }


    .opportunity-row > a {

        display: inline-block;

        margin-top: 20px;

    }


    .career-cta h2 {

        font-size: 72px;

    }

}
/* =========================================
   PART 8 CONTACT RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .contact-intro-grid,
    .contact-offices-heading {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .office-grid {

        grid-template-columns: 1fr;

    }


    .enquiry-header {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .routing-options {

        grid-template-columns: 1fr;

    }


    .direct-contact-grid {

        grid-template-columns: 1fr;

        gap: 60px;

    }

}


@media (max-width: 700px) {

    .contact-intro,
    .contact-offices,
    .project-enquiry,
    .direct-contact,
    .contact-cta {

        padding: 100px 0;

    }


    .office-card {

        padding: 40px 25px;

        min-height: auto;

    }


    .office-card h3 {

        margin-top: 50px;

        font-size: 48px;

    }


    .office-details {

        grid-template-columns: 1fr;

    }


    .office-details div + div {

        padding-left: 0;

        padding-top: 25px;

        border-left: none;

        border-top:
            1px solid var(--border-light);

    }


    .office-card-dark
    .office-details div + div {

        border-color:
            rgba(255,255,255,.15);

    }


    .project-form {

        margin-top: 65px;

    }


    .form-grid {

        grid-template-columns: 1fr;

        gap: 25px;

    }


    .form-section {

        padding: 50px 0;

    }


    .form-section-heading {

        grid-template-columns:
            45px 1fr;

        gap: 15px;

    }


    .form-section-heading h3 {

        font-size: 31px;

    }


    .routing-option > span {

        min-height: auto;

    }


    .direct-contact-details {

        grid-template-columns: 1fr;

    }


    .contact-cta h2 {

        font-size: 70px;

    }

}
/* =========================================
   PROJECTS RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .projects-intro-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .project-stat-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }


    .project-stat:nth-child(2) {

        border-right: none;

    }


    .project-stat:nth-child(-n+2) {

        border-bottom:
            1px solid
            rgba(255,255,255,.12);

    }


    .portfolio-header {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .project-capability-grid {

        grid-template-columns: 1fr;

        gap: 70px;

    }

}


@media (max-width: 700px) {

    .projects-intro,
    .project-portfolio,
    .project-capability,
    .projects-cta {

        padding: 100px 0;

    }


    .project-stat-grid {

        grid-template-columns: 1fr;

    }


    .project-stat {

        border-right: none;

        border-bottom:
            1px solid
            rgba(255,255,255,.12);

    }


    .project-stat:last-child {

        border-bottom: none;

    }


    .project-grid {

        grid-template-columns: 1fr;

    }


    .project-card.project-featured,
    .project-card.project-wide {

        grid-column: auto;

    }


    .project-image,
    .project-featured .project-image,
    .project-wide .project-image {

        height: 400px;

    }


    .project-card h3 {

        font-size: 42px;

    }


    .project-filters {

        overflow-x: auto;

        flex-wrap: nowrap;

        padding-bottom: 20px;

    }


    .project-filter {

        flex: 0 0 auto;

    }


    .capability-list div {

        font-size: 21px;

    }

}
/* =========================================
   CASE STUDY RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .case-study-information-grid,
    .case-study-scope-grid {

        grid-template-columns: 1fr;

        gap: 70px;

    }


    .case-study-gallery-header {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .case-study-challenge-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }


    .approach-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


@media (max-width: 700px) {

    .case-study-hero {

        min-height: 680px;

    }


    .case-study-hero-container {

        padding-bottom: 70px;

    }


    .case-study-information,
    .case-study-scope,
    .case-study-gallery,
    .case-study-challenge,
    .case-study-approach,
    .case-study-cta {

        padding: 100px 0;

    }


    .case-study-feature {

        padding-bottom: 100px;

    }


    .case-study-large-image {

        height: 450px;

    }


    .case-study-gallery-grid {

        grid-template-columns: 1fr;

    }


    .case-study-gallery-grid figure,
    .case-study-gallery-grid figure.gallery-wide {

        grid-column: auto;

        height: 350px;

    }


    .approach-grid {

        grid-template-columns: 1fr;

    }


    .approach-card {

        min-height: 280px;

    }


    .approach-card h3 {

        margin-top: 60px;

    }


    .next-project-link {

        padding: 90px 0;

    }


    .next-project-arrow {

        width: 65px;

        height: 65px;

        flex-shrink: 0;

    }

}
/* =========================================
   PART 12
   CONTACT RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .contact-intro-grid {

        grid-template-columns: 1fr;

        gap: 60px;

    }


    .office-grid {

        grid-template-columns: 1fr;

    }


    .project-form-layout {

        grid-template-columns: 1fr;

        gap: 70px;

    }


    .project-enquiry-sidebar {

        position: static;

    }

}


@media (max-width: 700px) {

    .contact-hero {

        min-height: 650px;

    }


    .contact-intro,
    .contact-offices,
    .project-enquiry {

        padding: 100px 0;

    }


    .contact-final {

        padding: 110px 0;

    }


    .office-card {

        min-height: auto;

        padding: 30px;

    }


    .office-card-content {

        padding-top: 60px;

    }


    .office-card h3 {

        font-size: 45px;

    }


    .office-details {

        grid-template-columns: 1fr;

        gap: 20px;

        margin-top: 45px;

    }


    .project-form-wrapper {

        padding: 25px;

    }


    .service-checkbox-grid {

        grid-template-columns: 1fr;

    }

}