/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .container {
        width: min(100% - 35px, var(--container-width));
    }

    .main-nav {
        margin-right: 15px;
    }

    .main-nav > ul > li > a {
        padding: 0 9px;
        font-size: 13px;
    }

    .navbar-brand img {
        width: 155px;
    }

    .btn-enquire {
        padding: 0 16px;
    }
}


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

@media (max-width: 991px) {

    :root {
        --topbar-height: 34px;
        --navbar-height: 72px;
    }

    .topbar-tagline {
        display: none;
    }

    .topbar-inner {
        justify-content: flex-end;
    }

    .topbar-right {
        gap: 10px;
    }

    .topbar-right a {
        font-size: 11px;
    }

    .topbar-right a:last-child {
        display: inline-flex;
    }

    .main-nav {
        display: none;
    }

    .navbar-action {
        margin-left: auto;
    }

    .mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-brand img {
        width: 150px;
    }

    .btn-enquire {
        min-height: 42px;
        padding: 0 15px;
        font-size: 12px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 575px) {

    .navbar-brand {
        flex-shrink: 1;
        min-width: 0;
    }

    .navbar-brand img {
        width: auto;
        max-width: 190px;
        max-height: 58px;
        height: auto;
        object-fit: contain;
    }

    .mobile-menu-toggle {
        width: 42px;
        height: 42px;
        flex-shrink: 0;
    }

    .mobile-menu-toggle span {
        width: 20px;
    }

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

    .navbar-brand img {
        max-width: 180px;
        max-height: 55px;
    }

}
/* =========================================================
   NAVIGARE SYSTEMS
   RESPONSIVE CSS
   ========================================================= */


/* =========================================================
   LARGE DESKTOP
   1200px - 1399px
   ========================================================= */

@media (max-width: 1399px) {

    :root {
        --container-width: 1180px;
    }

    .main-nav > ul {
        gap: 24px;
    }

    .navbar-brand img {
        max-width: 185px;
    }

}


/* =========================================================
   DESKTOP / LAPTOP
   992px - 1199px
   ========================================================= */

@media (max-width: 1199px) {

    :root {
        --container-width: 960px;
    }


    /* -----------------------------------------------------
       TOPBAR
       ----------------------------------------------------- */

    .topbar-tagline {
        font-size: 11px;
    }

    .topbar-right {
        gap: 12px;
    }

    .topbar-right a {
        font-size: 11px;
    }


    /* -----------------------------------------------------
       NAVBAR
       ----------------------------------------------------- */

    .main-nav > ul {
        gap: 17px;
    }

    .main-nav > ul > li > a {
        font-size: 13px;
    }

    .navbar-brand img {
        max-width: 165px;
    }

    .btn-enquire {
        padding: 11px 16px;
        font-size: 12px;
    }


    /* -----------------------------------------------------
       DROPDOWN
       ----------------------------------------------------- */

    .dropdown {
        min-width: 220px;
    }

    .products-dropdown {
        min-width: 250px;
    }


    /* -----------------------------------------------------
       GENERAL
       ----------------------------------------------------- */

    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }

}


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (max-width: 991px) {

    :root {
        --container-width: 720px;
        --topbar-height: 34px;
        --navbar-height: 72px;
    }


    /* -----------------------------------------------------
       TOPBAR
       ----------------------------------------------------- */

    .topbar {
        height: var(--topbar-height);
    }

    .topbar-inner {
        height: 100%;
    }

    .topbar-tagline {
        display: none;
    }

    .topbar-right {
        width: 100%;
        justify-content: flex-end;
        gap: 14px;
    }

    .topbar-right a {
        font-size: 11px;
    }

    .topbar-right .topbar-divider {
        height: 13px;
    }


    /* -----------------------------------------------------
       MAIN HEADER
       ----------------------------------------------------- */

    .main-header {
        top: var(--topbar-height);
        height: var(--navbar-height);
    }

    .navbar {
        min-height: var(--navbar-height);
    }

    .navbar-brand img {
        max-width: 170px;
    }


    /* -----------------------------------------------------
       DESKTOP NAVIGATION HIDDEN
       ----------------------------------------------------- */

    .main-nav {
        display: none;
    }

    .navbar-action {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
    }


    /* -----------------------------------------------------
       MOBILE NAVIGATION
       ----------------------------------------------------- */

    .main-header.mobile-open .main-nav {
        display: block;
        position: absolute;
        top: var(--navbar-height);
        left: 0;
        right: 0;
        width: 100%;
        background: var(--white);
        border-top: 1px solid var(--border);
        box-shadow: 0 15px 35px rgba(4, 29, 51, .12);
    }

    .main-header.mobile-open .main-nav > ul {
        display: block;
        padding: 10px 0;
    }

    .main-header.mobile-open .main-nav > ul > li {
        width: 100%;
        border-bottom: 1px solid var(--border);
    }

    .main-header.mobile-open .main-nav > ul > li:last-child {
        border-bottom: 0;
    }

    .main-header.mobile-open .main-nav > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 24px;
    }


    /* -----------------------------------------------------
       MOBILE DROPDOWNS
       ----------------------------------------------------- */

    .main-header.mobile-open .dropdown {
        position: static;
        display: none;
        width: 100%;
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #f7f9fb;
    }

    .main-header.mobile-open .has-dropdown.mobile-dropdown-open > .dropdown {
        display: block;
    }

    .main-header.mobile-open .dropdown li {
        width: 100%;
    }

    .main-header.mobile-open .dropdown li a {
        padding: 12px 35px;
        font-size: 13px;
    }

    .main-header.mobile-open .nested-dropdown {
        background: #eef3f7;
    }

    .main-header.mobile-open .nested-dropdown li a {
        padding-left: 52px;
        font-size: 12px;
    }


    /* -----------------------------------------------------
       GENERAL CONTAINER
       ----------------------------------------------------- */

    .container {
        width: min(var(--container-width), calc(100% - 40px));
    }


    /* -----------------------------------------------------
       SECTION
       ----------------------------------------------------- */

    .section-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }


    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .home-hero {
        min-height: 650px;
        height: 650px;
    }

    .home-hero-content {
        max-width: 600px;
    }

    .home-hero-content h1,
    .home-hero-content h2 {
        font-size: 48px;
        line-height: 1.08;
    }

    .home-hero-content p {
        max-width: 540px;
        font-size: 15px;
    }

    .home-hero-controls {
        bottom: 35px;
    }

    .home-hero-counter {
        right: 35px;
        bottom: 35px;
    }

    .home-hero-scroll {
        display: none;
    }


    /* -----------------------------------------------------
       GRID SYSTEM
       ----------------------------------------------------- */

    .services-grid,
    .industries-grid,
    .products-grid,
    .technologies-grid,
    .customers-grid,
    .insights-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* -----------------------------------------------------
       TWO COLUMN SECTIONS
       ----------------------------------------------------- */

    .about-grid,
    .contact-grid,
    .enquiry-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

}


/* =========================================================
   MOBILE LARGE
   576px - 767px
   ========================================================= */

@media (max-width: 767px) {

    :root {
        --container-width: 540px;
        --topbar-height: 34px;
        --navbar-height: 68px;
    }


    /* -----------------------------------------------------
       TOPBAR
       ----------------------------------------------------- */

    .topbar {
        height: var(--topbar-height);
    }

    .topbar-right {
        justify-content: center;
        gap: 10px;
    }

    .topbar-right a {
        font-size: 10px;
    }

    .topbar-right a:first-child {
        display: none;
    }

    .topbar-divider {
        display: none;
    }


    /* -----------------------------------------------------
       HEADER
       ----------------------------------------------------- */

    .main-header {
        top: var(--topbar-height);
        height: var(--navbar-height);
    }

    .navbar {
        min-height: var(--navbar-height);
    }

    .navbar-brand img {
        max-width: 150px;
    }


    /* -----------------------------------------------------
       MOBILE MENU
       ----------------------------------------------------- */

    .main-header.mobile-open .main-nav {
        top: var(--navbar-height);
    }

    .main-header.mobile-open .main-nav > ul > li > a {
        padding: 13px 20px;
    }

    .main-header.mobile-open .dropdown li a {
        padding: 11px 30px;
    }

    .main-header.mobile-open .nested-dropdown li a {
        padding-left: 45px;
    }


    /* -----------------------------------------------------
       GENERAL
       ----------------------------------------------------- */

    .container {
        width: min(var(--container-width), calc(100% - 30px));
    }

    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .home-hero {
        min-height: 610px;
        height: 610px;
    }

    .home-hero-content {
        max-width: 100%;
        padding-top: 20px;
    }

    .home-hero-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .home-hero-content h1,
    .home-hero-content h2 {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 18px;
    }

    .home-hero-content p {
        font-size: 14px;
        line-height: 1.7;
        max-width: 500px;
    }

    .home-hero-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    .home-hero-actions .btn {
        min-height: 46px;
        padding: 12px 18px;
        font-size: 12px;
    }


    /* -----------------------------------------------------
       HERO CONTROLS
       ----------------------------------------------------- */

    .home-hero-controls {
        left: 15px;
        bottom: 25px;
        transform: none;
    }

    .home-hero-prev,
    .home-hero-next {
        width: 38px;
        height: 38px;
    }

    .home-hero-counter {
        right: 15px;
        bottom: 28px;
        font-size: 11px;
    }

    .home-hero-counter-line {
        width: 25px;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .services-grid,
    .industries-grid,
    .products-grid,
    .technologies-grid,
    .customers-grid,
    .insights-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    /* -----------------------------------------------------
       TWO COLUMN
       ----------------------------------------------------- */

    .about-grid,
    .contact-grid,
    .enquiry-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }


    /* -----------------------------------------------------
       SECTION HEADINGS
       ----------------------------------------------------- */

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

    .section-description {
        font-size: 14px;
        line-height: 1.7;
    }


    /* -----------------------------------------------------
       COMMON CTA
       ----------------------------------------------------- */

    .footer-cta {
        text-align: center;
    }

    .footer-cta-content {
        align-items: center;
    }

    .footer-cta-actions {
        justify-content: center;
        flex-wrap: wrap;
    }

}


/* =========================================================
   MOBILE SMALL
   BELOW 575px
   ========================================================= */

@media (max-width: 575px) {

    :root {
        --container-width: 100%;
        --topbar-height: 32px;
        --navbar-height: 64px;
    }


    /* -----------------------------------------------------
       TOPBAR
       ----------------------------------------------------- */

    .topbar {
        height: var(--topbar-height);
    }

    .topbar-right {
        gap: 8px;
    }

    .topbar-right a {
        font-size: 9px;
    }


    /* -----------------------------------------------------
       HEADER
       ----------------------------------------------------- */

    .main-header {
        top: var(--topbar-height);
        height: var(--navbar-height);
    }

    .navbar {
        min-height: var(--navbar-height);
    }

    .navbar-brand img {
        max-width: 135px;
    }

    .mobile-menu-toggle {
        width: 42px;
        height: 42px;
    }


    /* -----------------------------------------------------
       CONTAINER
       ----------------------------------------------------- */

    .container {
        width: calc(100% - 30px);
    }


    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .home-hero {
        min-height: 590px;
        height: 590px;
    }

    .home-hero-content {
        padding-top: 10px;
    }

    .home-hero-eyebrow {
        font-size: 9px;
        letter-spacing: 1.2px;
        line-height: 1.5;
    }

    .home-hero-content h1,
    .home-hero-content h2 {
        font-size: 34px;
        line-height: 1.1;
        margin-bottom: 16px;
    }

    .home-hero-content p {
        font-size: 13px;
        line-height: 1.65;
        margin-bottom: 22px;
    }


    /* -----------------------------------------------------
       HERO BUTTONS
       ----------------------------------------------------- */

    .home-hero-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .home-hero-actions .btn {
        width: auto;
        min-width: 165px;
        justify-content: center;
    }


    /* -----------------------------------------------------
       HERO CONTROLS
       ----------------------------------------------------- */

    .home-hero-controls {
        bottom: 20px;
        gap: 7px;
    }

    .home-hero-prev,
    .home-hero-next {
        width: 34px;
        height: 34px;
        font-size: 12px;
    }

    .home-hero-dots {
        gap: 5px;
    }

    .home-hero-dots button {
        width: 7px;
        height: 7px;
    }

    .home-hero-counter {
        display: none;
    }


    /* -----------------------------------------------------
       SECTION
       ----------------------------------------------------- */

    .section-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

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

    .section-description {
        font-size: 13px;
    }


    /* -----------------------------------------------------
       CARDS
       ----------------------------------------------------- */

    .service-card,
    .industry-card,
    .product-card,
    .technology-card,
    .insight-card {
        width: 100%;
    }


    /* -----------------------------------------------------
       FOOTER CTA
       ----------------------------------------------------- */

    .footer-cta {
        padding-top: 55px;
        padding-bottom: 55px;
    }

}


/* =========================================================
   VERY SMALL DEVICES
   BELOW 400px
   ========================================================= */

@media (max-width: 399px) {

    .navbar-brand img {
        max-width: 125px;
    }

    .home-hero {
        min-height: 570px;
        height: 570px;
    }

    .home-hero-content h1,
    .home-hero-content h2 {
        font-size: 30px;
    }

    .home-hero-content p {
        font-size: 12px;
    }

    .home-hero-actions .btn {
        min-width: 150px;
        font-size: 11px;
    }

}
/* =========================================================
   CAPABILITIES — RESPONSIVE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .capabilities-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .capability-item {
        min-height: 140px;

        padding: 25px 22px;
    }

    .capability-item:nth-child(2) {
        border-right: 0;
    }

    .capability-item:nth-child(3),
    .capability-item:nth-child(4) {
        border-top: 1px solid #e5ebf1;
    }

}


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

@media (max-width: 767px) {

    .capabilities-grid {
        grid-template-columns: 1fr;
    }

    .capability-item,
    .capability-item:first-child {
        min-height: 125px;

        padding: 22px 20px;

        border-left: 1px solid #e5ebf1;
        border-right: 1px solid #e5ebf1;
        border-bottom: 1px solid #e5ebf1;
        border-top: 0;
    }

    .capability-item:first-child {
        border-top: 1px solid #e5ebf1;
    }

    .capability-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;
    }

    .capability-icon i {
        font-size: 21px;
    }

    .capability-content h3 {
        font-size: 14px;
    }

    .capability-content p {
        font-size: 11px;
    }

}


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

@media (max-width: 575px) {

    .capability-item,
    .capability-item:first-child {
        min-height: 115px;

        gap: 15px;

        padding: 20px 17px;
    }

    .capability-icon {
        width: 44px;
        height: 44px;

        flex: 0 0 44px;
    }

    .capability-icon i {
        font-size: 19px;
    }

    .capability-number {
        font-size: 8px;
    }

    .capability-content h3 {
        font-size: 13px;

        margin-bottom: 4px;
    }

    .capability-content p {
        font-size: 10px;

        line-height: 1.5;
    }

}
/* =========================================================
   HOME — ABOUT RESPONSIVE
   ========================================================= */


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199px) {

    .home-about-section {
        padding: 90px 0;
    }

    .home-about-grid {
        gap: 60px;
    }

    .home-about-content h2 {
        font-size: 38px;
    }

    .home-about-content > p {
        font-size: 13px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .home-about-section {
        padding: 75px 0;
    }

    .home-about-grid {
        grid-template-columns: 1fr;

        gap: 55px;
    }


    /* Image */

    .home-about-image-wrap {
        max-width: 650px;

        margin: 0 auto;

        padding-right: 20px;
        padding-bottom: 20px;
    }

    .home-about-image {
        aspect-ratio: 1.25 / 1;
    }


    /* Content */

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

    .home-about-content h2 {
        max-width: 700px;

        font-size: 40px;
    }

    .home-about-content > p {
        max-width: 750px;
    }

}


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

@media (max-width: 767px) {

    .home-about-section {
        padding: 65px 0;
    }

    .home-about-grid {
        gap: 45px;
    }


    /* Image */

    .home-about-image-wrap {
        padding-right: 14px;
        padding-bottom: 14px;
    }

    .home-about-image {
        aspect-ratio: 1.15 / 1;
    }

    .home-about-image-wrap::after {
        border-width: 2px;
    }


    /* Badge */

    .home-about-badge {
        left: -10px;
        bottom: 30px;

        min-width: 185px;

        padding: 14px 16px;
    }

    .home-about-badge-number {
        font-size: 22px;
    }

    .home-about-badge-text {
        font-size: 9px;
    }


    /* Heading */

    .section-eyebrow {
        margin-bottom: 14px;

        font-size: 9px;
        letter-spacing: 1.7px;
    }

    .home-about-content h2 {
        font-size: 34px;

        letter-spacing: -.7px;
    }

    .home-about-content > p.home-about-intro {
        font-size: 14px;
    }

    .home-about-content > p {
        font-size: 13px;

        line-height: 1.75;
    }


    /* Points */

    .home-about-points {
        grid-template-columns: 1fr;

        gap: 17px;

        margin-top: 25px;
        padding-top: 23px;
    }


    /* Action */

    .home-about-action {
        align-items: flex-start;
        flex-wrap: wrap;

        gap: 18px;

        margin-top: 28px;
    }

}


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

@media (max-width: 575px) {

    .home-about-section {
        padding: 55px 0;
    }


    /* Image */

    .home-about-image-wrap {
        padding-right: 9px;
        padding-bottom: 9px;
    }

    .home-about-image {
        aspect-ratio: 1 / 1;
    }


    /* Badge */

    .home-about-badge {
        left: -5px;
        bottom: 22px;

        min-width: 165px;

        gap: 10px;

        padding: 12px 14px;
    }

    .home-about-badge-number {
        font-size: 19px;
    }

    .home-about-badge-text {
        font-size: 8px;
    }


    /* Content */

    .home-about-content h2 {
        font-size: 29px;

        line-height: 1.15;
    }

    .home-about-content > p.home-about-intro {
        font-size: 13px;
    }

    .home-about-content > p {
        font-size: 12px;
    }


    /* Points */

    .home-about-point {
        gap: 10px;
    }

    .home-about-point-icon {
        width: 27px;
        height: 27px;

        flex-basis: 27px;
    }

    .home-about-point-icon i {
        font-size: 12px;
    }

    .home-about-point h3 {
        font-size: 12px;
    }

    .home-about-point p {
        font-size: 9px;
    }


    /* Action */

    .home-about-action {
        flex-direction: column;
        align-items: flex-start;

        gap: 15px;
    }

}
/* =========================================================
   HOME — SERVICES RESPONSIVE
   ========================================================= */


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   992px - 1199px
   ========================================================= */

@media (max-width: 1199px) {

    .home-services-section {
        padding: 90px 0 95px;
    }

    .home-section-header {
        gap: 35px;
        margin-bottom: 40px;
    }

    .home-section-heading h2 {
        font-size: 38px;
    }

    .home-section-header-right {
        max-width: 390px;
    }

    .home-section-header-right p {
        font-size: 12px;
    }

    .home-services-grid {
        gap: 20px;
    }

    .home-service-image {
        height: 205px;
    }

    .home-service-content {
        padding: 25px 23px 26px;
    }

    .home-service-content h3 {
        font-size: 16px;
    }

}


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (max-width: 991px) {

    .home-services-section {
        padding: 75px 0 80px;
    }


    /* -----------------------------------------------------
       SECTION HEADER
       ----------------------------------------------------- */

    .home-section-header {
        align-items: flex-start;

        flex-direction: column;

        gap: 18px;

        margin-bottom: 38px;
    }

    .home-section-heading {
        max-width: 650px;
    }

    .home-section-heading h2 {
        font-size: 36px;
    }

    .home-section-header-right {
        max-width: 650px;
    }

    .home-section-header-right p {
        margin-bottom: 13px;

        font-size: 13px;
    }


    /* -----------------------------------------------------
       SERVICES GRID
       ----------------------------------------------------- */

    .home-services-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 22px;
    }


    /* -----------------------------------------------------
       CARD
       ----------------------------------------------------- */

    .home-service-image {
        height: 210px;
    }

    .home-service-content {
        padding: 26px 24px 27px;
    }

    .home-service-content h3 {
        font-size: 17px;
    }

    .home-service-content p {
        min-height: 65px;

        font-size: 11px;
    }

}


/* =========================================================
   MOBILE LARGE
   576px - 767px
   ========================================================= */

@media (max-width: 767px) {

    .home-services-section {
        padding: 65px 0 70px;
    }


    /* -----------------------------------------------------
       HEADER
       ----------------------------------------------------- */

    .home-section-header {
        gap: 15px;

        margin-bottom: 32px;
    }

    .home-section-heading h2 {
        font-size: 32px;

        line-height: 1.15;
    }

    .home-section-header-right p {
        font-size: 12px;

        line-height: 1.7;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .home-services-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    /* -----------------------------------------------------
       IMAGE
       ----------------------------------------------------- */

    .home-service-image {
        height: 225px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-service-content {
        padding: 27px 25px 28px;
    }

    .home-service-content h3 {
        font-size: 18px;

        margin-right: 70px;
    }

    .home-service-content p {
        min-height: auto;

        font-size: 12px;

        line-height: 1.7;
    }


    /* -----------------------------------------------------
       ICON
       ----------------------------------------------------- */

    .home-service-icon {
        right: 22px;

        width: 52px;
        height: 52px;
    }

}


/* =========================================================
   SMALL MOBILE
   BELOW 575px
   ========================================================= */

@media (max-width: 575px) {

    .home-services-section {
        padding: 55px 0 60px;
    }


    /* -----------------------------------------------------
       HEADER
       ----------------------------------------------------- */

    .home-section-heading h2 {
        font-size: 29px;
    }

    .home-section-header-right p {
        font-size: 11px;
    }

    .section-link {
        font-size: 10px;
    }


    /* -----------------------------------------------------
       CARD
       ----------------------------------------------------- */

    .home-services-grid {
        gap: 17px;
    }

    .home-service-image {
        height: 200px;
    }

    .home-service-number {
        top: 13px;
        left: 13px;

        width: 35px;
        height: 28px;

        font-size: 8px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-service-content {
        padding: 25px 20px 25px;
    }

    .home-service-content h3 {
        font-size: 16px;

        margin-right: 65px;
    }

    .home-service-content p {
        font-size: 11px;

        line-height: 1.65;

        margin-bottom: 17px;
    }


    /* -----------------------------------------------------
       ICON
       ----------------------------------------------------- */

    .home-service-icon {
        top: -25px;
        right: 18px;

        width: 49px;
        height: 49px;

        border-width: 3px;
    }

    .home-service-icon i {
        font-size: 19px;
    }


    /* -----------------------------------------------------
       LINK
       ----------------------------------------------------- */

    .home-service-link {
        padding-top: 13px;

        font-size: 9px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   BELOW 400px
   ========================================================= */

@media (max-width: 399px) {

    .home-section-heading h2 {
        font-size: 27px;
    }

    .home-service-image {
        height: 185px;
    }

    .home-service-content {
        padding: 23px 18px 23px;
    }

    .home-service-content h3 {
        font-size: 15px;
    }

    .home-service-content p {
        font-size: 10px;
    }

}
/* =========================================================
   HOME — INDUSTRIES RESPONSIVE
   ========================================================= */


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199px) {

    .home-industries-section {
        padding: 90px 0 95px;
    }

    .home-industries-grid {
        gap: 16px;
    }

    .home-industry-card {
        height: 330px;
    }

    .home-industry-content {
        left: 22px;
        right: 22px;
        bottom: 21px;
    }

    .home-industry-content h3 {
        font-size: 17px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .home-industries-section {
        padding: 75px 0 80px;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .home-industries-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }


    /* -----------------------------------------------------
       CARD
       ----------------------------------------------------- */

    .home-industry-card {
        height: 320px;
    }


    /* -----------------------------------------------------
       LARGE CARDS RESET
       ----------------------------------------------------- */

    .home-industry-card:first-child,
    .home-industry-card:nth-child(4) {
        grid-column: span 1;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-industry-content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .home-industry-icon {
        width: 43px;
        height: 43px;

        margin-bottom: 12px;
    }

    .home-industry-content h3 {
        font-size: 16px;
    }

    .home-industry-content p {
        font-size: 10px;
    }

    .home-industry-number {
        font-size: 40px;
    }

}


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

@media (max-width: 767px) {

    .home-industries-section {
        padding: 65px 0 70px;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .home-industries-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }


    /* -----------------------------------------------------
       CARD
       ----------------------------------------------------- */

    .home-industry-card,
    .home-industry-card:first-child,
    .home-industry-card:nth-child(4) {
        grid-column: auto;

        height: 310px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-industry-content {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .home-industry-icon {
        width: 43px;
        height: 43px;
    }

    .home-industry-content h3 {
        font-size: 17px;
    }

    .home-industry-content p {
        max-width: 430px;

        font-size: 11px;

        line-height: 1.6;
    }

    .home-industry-number {
        font-size: 42px;
    }

}


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

@media (max-width: 575px) {

    .home-industries-section {
        padding: 55px 0 60px;
    }


    /* -----------------------------------------------------
       CARD
       ----------------------------------------------------- */

    .home-industry-card,
    .home-industry-card:first-child,
    .home-industry-card:nth-child(4) {
        height: 285px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-industry-content {
        left: 17px;
        right: 17px;
        bottom: 17px;
    }

    .home-industry-icon {
        width: 40px;
        height: 40px;

        margin-bottom: 10px;
    }

    .home-industry-icon i {
        font-size: 16px;
    }

    .home-industry-content h3 {
        font-size: 15px;

        margin-bottom: 7px;
    }

    .home-industry-content h3::after {
        width: 22px;

        margin-top: 7px;
    }

    .home-industry-content p {
        font-size: 10px;

        margin-bottom: 10px;
    }

    .home-industry-number {
        font-size: 36px;
    }

    .home-industry-link {
        font-size: 8px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 399px) {

    .home-industry-card,
    .home-industry-card:first-child,
    .home-industry-card:nth-child(4) {
        height: 265px;
    }

    .home-industry-content h3 {
        font-size: 14px;
    }

    .home-industry-content p {
        font-size: 9px;
    }

}

/* =========================================================
   HOME — PRODUCTS RESPONSIVE
   ========================================================= */


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199px) {

    .home-products-section {
        padding: 90px 0 90px;
    }

    .home-products-grid {
        gap: 17px;
    }

    .home-product-image {
        height: 195px;
    }

    .home-product-content {
        padding: 23px 20px 22px;
    }

    .home-product-content h3 {
        font-size: 16px;
    }

    .home-product-content p {
        font-size: 10px;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .home-products-section {
        padding: 75px 0 80px;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .home-products-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px;
    }


    /* -----------------------------------------------------
       IMAGE
       ----------------------------------------------------- */

    .home-product-image {
        height: 210px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-product-content {
        padding: 25px 22px 24px;
    }

    .home-product-content h3 {
        font-size: 17px;
    }

    .home-product-content p {
        min-height: 65px;

        font-size: 11px;
    }


    /* -----------------------------------------------------
       BOTTOM
       ----------------------------------------------------- */

    .home-products-bottom {
        margin-top: 22px;
    }

}


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

@media (max-width: 767px) {

    .home-products-section {
        padding: 65px 0 70px;
    }


    /* -----------------------------------------------------
       GRID
       ----------------------------------------------------- */

    .home-products-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    /* -----------------------------------------------------
       IMAGE
       ----------------------------------------------------- */

    .home-product-image {
        height: 225px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-product-content {
        padding: 27px 24px 27px;
    }

    .home-product-content h3 {
        font-size: 18px;
    }

    .home-product-content p {
        min-height: auto;

        font-size: 12px;

        line-height: 1.7;
    }


    /* -----------------------------------------------------
       BOTTOM
       ----------------------------------------------------- */

    .home-products-bottom {
        align-items: flex-start;

        flex-direction: column;

        gap: 14px;

        margin-top: 20px;

        padding-top: 19px;
    }

}


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

@media (max-width: 575px) {

    .home-products-section {
        padding: 55px 0 60px;
    }


    /* -----------------------------------------------------
       IMAGE
       ----------------------------------------------------- */

    .home-product-image {
        height: 200px;
    }

    .home-product-category {
        left: 12px;
        bottom: 12px;

        padding: 6px 8px;

        font-size: 7px;
    }


    /* -----------------------------------------------------
       CONTENT
       ----------------------------------------------------- */

    .home-product-content {
        padding: 24px 19px 24px;
    }

    .home-product-top {
        margin-bottom: 13px;
    }

    .home-product-icon {
        width: 39px;
        height: 39px;
    }

    .home-product-icon i {
        font-size: 17px;
    }

    .home-product-content h3 {
        font-size: 16px;
    }

    .home-product-content p {
        font-size: 11px;
    }

    .home-product-link {
        padding-top: 13px;

        font-size: 9px;
    }


    /* -----------------------------------------------------
       BOTTOM
       ----------------------------------------------------- */

    .home-products-bottom-left,
    .home-products-enquiry {
        font-size: 9px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 399px) {

    .home-product-image {
        height: 185px;
    }

    .home-product-content {
        padding: 22px 17px 22px;
    }

    .home-product-content h3 {
        font-size: 15px;
    }

    .home-product-content p {
        font-size: 10px;
    }

}
/* =========================================================
   TECHNOLOGIES RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   LARGE LAPTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .technologies-header {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
        gap: 40px;
    }

    .technologies-header .section-title {
        font-size: 38px;
    }

    .technologies-grid {
        grid-template-columns: 1.25fr 1fr;
        gap: 20px;
    }

    .technology-card-image {
        height: 230px;
    }

    .technology-card-large .technology-card-image {
        height: 300px;
    }

    .technology-card-content {
        padding: 24px;
        gap: 15px;
    }

    .technology-tags {
        margin-left: 24px;
        margin-right: 24px;
    }

    .technology-link {
        margin-left: 24px;
        margin-right: 24px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .home-technologies-section {
        padding: 85px 0;
    }

    .technologies-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 40px;
    }

    .technologies-header .section-header-content {
        max-width: 650px;
    }

    .technologies-header .section-title {
        font-size: 35px;
    }

    .technologies-grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .technology-card-large {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .technology-card-large .technology-card-image {
        height: 310px;
    }

    .technology-card-image {
        height: 220px;
    }

    .technology-card-content {
        padding: 23px;
    }

    .technology-card-content h3 {
        font-size: 18px;
    }

    .technology-card-large .technology-card-content h3 {
        font-size: 21px;
    }

    .technology-tags {
        margin: 0 23px 23px;
    }

    .technology-link {
        margin: 0 23px 23px;
    }

    .technologies-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
        padding: 25px;
    }

    .technologies-bottom-btn {
        align-self: flex-start;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .home-technologies-section {
        padding: 70px 0;
    }

    .technologies-header {
        margin-bottom: 32px;
    }

    .technologies-header .section-title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -.7px;
    }

    .technologies-header .section-header-content p {
        font-size: 13px;
        line-height: 1.75;
    }

    .technologies-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .technology-card-large {
        grid-column: auto;
    }

    .technology-card-image,
    .technology-card-large .technology-card-image {
        height: 235px;
    }

    .technology-card-content,
    .technology-card-large .technology-card-content {
        padding: 22px;
    }

    .technology-card-content {
        gap: 14px;
    }

    .technology-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 19px;
    }

    .technology-card-content h3,
    .technology-card-large .technology-card-content h3 {
        font-size: 18px;
    }

    .technology-card-content p {
        font-size: 12px;
        line-height: 1.7;
    }

    .technology-tags {
        margin: 0 22px 22px;
        padding-top: 15px;
    }

    .technology-link {
        margin: 0 22px 22px;
        padding-top: 15px;
    }

    .technologies-bottom {
        margin-top: 20px;
        padding: 22px;
    }

    .technologies-bottom-left {
        align-items: flex-start;
    }

    .technologies-bottom-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
    }

    .technologies-bottom h4 {
        font-size: 16px;
    }

    .technologies-bottom-btn {
        width: 100%;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .home-technologies-section {
        padding: 60px 0;
    }

    .technologies-header .section-eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .technologies-header .section-eyebrow::before {
        width: 24px;
    }

    .technologies-header .section-title {
        font-size: 27px;
    }

    .technology-card-image,
    .technology-card-large .technology-card-image {
        height: 205px;
    }

    .technology-card-content,
    .technology-card-large .technology-card-content {
        display: block;
        padding: 21px;
    }

    .technology-icon {
        margin-bottom: 15px;
    }

    .technology-card-content h3,
    .technology-card-large .technology-card-content h3 {
        font-size: 17px;
    }

    .technology-card-content p {
        font-size: 11.5px;
    }

    .technology-tags {
        margin: 0 21px 21px;
    }

    .technology-tags span {
        font-size: 9px;
    }

    .technology-link {
        margin: 0 21px 21px;
    }

    .technologies-bottom {
        padding: 20px;
    }

    .technologies-bottom-left {
        gap: 12px;
    }

    .technologies-bottom h4 {
        font-size: 15px;
    }

}

/* =========================================================
   CUSTOMERS RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   LARGE LAPTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .customers-header {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
        gap: 40px;
    }

    .customers-header .section-title {
        font-size: 38px;
    }

    .customers-main {
        grid-template-columns: 1fr 1fr;
    }

    .customers-visual,
    .customers-main {
        min-height: 540px;
    }

    .customers-visual-content {
        left: 32px;
        right: 32px;
        bottom: 32px;
    }

    .customers-visual-content h3 {
        font-size: 27px;
    }

    .customers-trust-panel {
        padding: 35px 32px 30px;
    }

    .customers-industry-strip {
        gap: 20px;
        padding: 22px;
    }

    .customers-industry-item {
        padding: 0 13px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .home-customers-section {
        padding: 85px 0;
    }

    .customers-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 40px;
    }

    .customers-header .section-title {
        font-size: 35px;
    }

    .customers-header .section-header-content {
        max-width: 650px;
    }

    .customers-main {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .customers-visual {
        min-height: 420px;
    }

    .customers-visual-content {
        max-width: 600px;
    }

    .customers-trust-panel {
        min-height: 0;
        padding: 35px;
    }

    .customers-trust-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 28px;
    }

    .customer-trust-item {
        padding: 18px 0;
    }

    .customer-trust-item:nth-child(2) {
        border-top: 1px solid #e9eef2;
    }

    .customers-contact-link {
        margin-top: 22px;
    }

    .customers-industry-strip {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .customers-industry-items {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .customers-industry-item {
        padding: 5px 20px;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .home-customers-section {
        padding: 70px 0;
    }

    .customers-header {
        margin-bottom: 32px;
    }

    .customers-header .section-title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -.7px;
    }

    .customers-header .section-header-content p {
        font-size: 13px;
        line-height: 1.75;
    }

    .customers-visual {
        min-height: 380px;
    }

    .customers-visual-number {
        top: 18px;
        right: 18px;
    }

    .customers-visual-content {
        left: 23px;
        right: 23px;
        bottom: 25px;
    }

    .customers-visual-label {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .customers-visual-content h3 {
        font-size: 23px;
        line-height: 1.3;
    }

    .customers-visual-content p {
        font-size: 11px;
    }

    .customers-trust-panel {
        padding: 28px 23px;
    }

    .customers-trust-intro h3 {
        font-size: 23px;
    }

    .customers-trust-list {
        display: block;
        margin-top: 22px;
    }

    .customer-trust-item {
        gap: 13px;
        padding: 16px 0;
    }

    .customer-trust-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .customer-trust-item h4 {
        font-size: 13px;
    }

    .customer-trust-item p {
        font-size: 11px;
    }

    .customers-contact-link {
        padding-top: 21px;
    }

    .customers-industry-strip {
        margin-top: 18px;
        padding: 21px;
    }

    .customers-industry-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .customers-industry-item {
        min-height: 42px;
        padding: 7px 0;
        border-left: 0;
        border-top: 1px solid #e8edf1;
    }

    .customers-industry-item:nth-child(-n+2) {
        border-top: 0;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .home-customers-section {
        padding: 60px 0;
    }

    .customers-header .section-eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .customers-header .section-eyebrow::before {
        width: 24px;
    }

    .customers-header .section-title {
        font-size: 27px;
    }

    .customers-visual {
        min-height: 330px;
    }

    .customers-visual-content {
        left: 20px;
        right: 20px;
        bottom: 21px;
    }

    .customers-visual-content h3 {
        font-size: 20px;
    }

    .customers-trust-panel {
        padding: 25px 20px;
    }

    .customers-trust-intro h3 {
        font-size: 21px;
    }

    .customers-industry-strip {
        padding: 19px;
    }

    .customers-strip-heading strong {
        font-size: 13px;
    }

    .customers-industry-item {
        font-size: 9.5px;
    }

}
/* =========================================================
   INSIGHTS RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   LARGE LAPTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .insights-header {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
        gap: 40px;
    }

    .insights-header .section-title {
        font-size: 38px;
    }

    .insights-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
        gap: 20px;
    }

    .insight-image {
        height: 215px;
    }

    .insight-card-featured .insight-image {
        height: 260px;
    }

    .insight-content {
        padding: 23px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .home-insights-section {
        padding: 85px 0;
    }

    .insights-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 40px;
    }

    .insights-header .section-title {
        font-size: 35px;
    }

    .insights-header .section-header-content {
        max-width: 650px;
    }

    .insights-grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .insight-card-featured {
        grid-column: 1 / -1;
    }

    .insight-card-featured .insight-image {
        height: 300px;
    }

    .insight-image {
        height: 220px;
    }

    .insight-card-featured .insight-content h3 {
        font-size: 20px;
    }

    .insights-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        padding: 25px;
    }

    .insights-bottom-btn {
        align-self: flex-start;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .home-insights-section {
        padding: 70px 0;
    }

    .insights-header {
        margin-bottom: 32px;
    }

    .insights-header .section-title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -.7px;
    }

    .insights-header .section-header-content p {
        font-size: 13px;
        line-height: 1.75;
    }

    .insights-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .insight-card-featured {
        grid-column: auto;
    }

    .insight-image,
    .insight-card-featured .insight-image {
        height: 235px;
    }

    .insight-content,
    .insight-card-featured .insight-content {
        padding: 22px;
    }

    .insight-content h3,
    .insight-card-featured .insight-content h3 {
        font-size: 18px;
    }

    .insight-content p {
        font-size: 11.5px;
        line-height: 1.7;
    }

    .insights-bottom {
        margin-top: 20px;
        padding: 22px;
    }

    .insights-bottom-left {
        align-items: flex-start;
        gap: 13px;
    }

    .insights-bottom-icon {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
    }

    .insights-bottom h4 {
        font-size: 16px;
    }

    .insights-bottom-btn {
        width: 100%;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .home-insights-section {
        padding: 60px 0;
    }

    .insights-header .section-eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .insights-header .section-eyebrow::before {
        width: 24px;
    }

    .insights-header .section-title {
        font-size: 27px;
    }

    .insight-image,
    .insight-card-featured .insight-image {
        height: 205px;
    }

    .insight-category {
        left: 15px;
        bottom: 14px;
        font-size: 7px;
    }

    .insight-image-arrow {
        top: 14px;
        right: 14px;
        width: 34px;
        height: 34px;
    }

    .insight-content,
    .insight-card-featured .insight-content {
        padding: 20px;
    }

    .insight-content h3,
    .insight-card-featured .insight-content h3 {
        font-size: 17px;
    }

    .insight-content p {
        font-size: 11px;
    }

    .insights-bottom {
        padding: 20px;
    }

    .insights-bottom h4 {
        font-size: 15px;
    }

}

/* =========================================================
   FOOTER CTA RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   LARGE LAPTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .footer-cta-box {
        gap: 40px;
        padding: 45px 45px;
    }

    .footer-cta-content h2 {
        font-size: 31px;
    }

    .footer-cta-actions {
        flex-basis: 180px;
    }

    .footer-cta-decoration {
        width: 400px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .footer-cta-section {
        padding-bottom: 75px;
    }

    .footer-cta-box {
        align-items: flex-start;
        flex-direction: column;
        gap: 27px;
        min-height: auto;
        padding: 42px 38px;
    }

    .footer-cta-content {
        max-width: 650px;
    }

    .footer-cta-content h2 {
        font-size: 29px;
    }

    .footer-cta-actions {
        flex-direction: row;
        flex: none;
        width: auto;
    }

    .footer-cta-primary,
    .footer-cta-secondary {
        min-width: 175px;
    }

    .footer-cta-decoration {
        width: 350px;
        height: 350px;
        top: auto;
        right: -80px;
        bottom: -190px;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .footer-cta-section {
        padding-bottom: 65px;
    }

    .footer-cta-box {
        gap: 25px;
        padding: 34px 25px;
        border-radius: 6px;
    }

    .footer-cta-eyebrow {
        font-size: 8px;
        letter-spacing: 1.4px;
    }

    .footer-cta-eyebrow::before {
        width: 23px;
    }

    .footer-cta-content h2 {
        font-size: 25px;
        line-height: 1.25;
    }

    .footer-cta-content p {
        font-size: 11px;
        line-height: 1.75;
    }

    .footer-cta-actions {
        width: 100%;
        flex-direction: column;
    }

    .footer-cta-primary,
    .footer-cta-secondary {
        width: 100%;
        min-height: 44px;
    }

    .footer-cta-decoration {
        width: 270px;
        height: 270px;
        right: -100px;
        bottom: -145px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .footer-cta-section {
        padding-bottom: 55px;
    }

    .footer-cta-box {
        padding: 30px 20px;
    }

    .footer-cta-content h2 {
        font-size: 22px;
        letter-spacing: -.4px;
    }

    .footer-cta-content p {
        font-size: 10.5px;
    }

    .footer-cta-primary,
    .footer-cta-secondary {
        font-size: 9.5px;
    }

}

/* =========================================================
   FOOTER RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   LARGE LAPTOP
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .footer-grid {
        grid-template-columns: 1.4fr .85fr 1fr 1.25fr;
        gap: 35px;
    }

    .footer-main {
        padding: 70px 0 58px;
    }

    .footer-middle-item {
        padding-left: 20px;
        padding-right: 20px;
    }

}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991px) {

    .footer-main {
        padding: 65px 0 50px;
    }

    .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 45px 30px;
    }

    .footer-company {
        grid-column: 1 / -1;
        max-width: 650px;
        padding-bottom: 10px;
    }

    .footer-middle-inner {
        grid-template-columns: 1fr;
    }

    .footer-middle-item,
    .footer-middle-item:first-child {
        min-height: 70px;
        padding: 15px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .footer-middle-item:last-child {
        border-bottom: 0;
    }

    .footer-bottom-inner {
        flex-wrap: wrap;
        justify-content: center;
        min-height: 75px;
        padding: 15px 0;
    }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .footer-main {
        padding: 55px 0 42px;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 38px 25px;
    }

    .footer-company {
        grid-column: 1 / -1;
        max-width: 100%;
    }

    .footer-logo {
        margin-bottom: 19px;
    }

    .footer-logo img {
        max-width: 165px;
        max-height: 46px;
    }

    .footer-company-text {
        font-size: 10.5px;
    }

    .footer-tagline {
        font-size: 7.5px;
    }

    .footer-title {
        margin-bottom: 19px;
        font-size: 12px;
    }

    .footer-links a {
        font-size: 10px;
    }

    .footer-contact-list {
        gap: 13px;
    }

    .footer-contact-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .footer-contact-content strong {
        font-size: 9.5px;
    }

    .footer-middle-item {
        min-height: 65px;
    }

    .footer-bottom-inner {
        flex-direction: column;
        gap: 9px;
        text-align: center;
    }

    .footer-bottom-links {
        order: 3;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 575px) {

    .footer-main {
        padding: 48px 0 38px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-company {
        padding-bottom: 5px;
    }

    .footer-logo img {
        max-width: 150px;
    }

    .footer-company-text {
        font-size: 10px;
        line-height: 1.8;
    }

    .footer-tagline {
        align-items: flex-start;
        font-size: 7px;
    }

    .footer-company-link {
        margin-top: 20px;
    }

    .footer-title {
        font-size: 12px;
    }

    .footer-links li + li {
        margin-top: 9px;
    }

    .footer-links a {
        font-size: 10px;
    }

    .footer-middle-item {
        gap: 12px;
    }

    .footer-middle-item > i {
        font-size: 18px;
    }

    .footer-middle-item strong {
        font-size: 10px;
    }

    .footer-middle-item span {
        font-size: 8px;
    }

    .footer-bottom p,
    .footer-bottom-links a {
        font-size: 8px;
    }

}
/* =========================================================
   INNER PAGE COMMON RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .inner-page-hero h1 {
        font-size: 43px;
    }

    .about-intro-grid {
        gap: 55px;
    }

    .about-intro-visual,
    .about-intro-visual img {
        min-height: 500px;
        height: 500px;
    }

    .about-intro-badge {
        right: -18px;
    }

    .about-intro-content h2,
    .inner-section-header h2,
    .about-approach-content h2,
    .about-industries-inner h2 {
        font-size: 34px;
    }

    .about-approach-grid {
        gap: 50px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .inner-page-hero {
        min-height: 390px;
    }

    .inner-page-hero-content {
        padding: 60px 0;
    }

    .inner-page-hero h1 {
        font-size: 39px;
    }

    .about-intro-section,
    .about-approach-section {
        padding: 85px 0;
    }

    .about-intro-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .about-intro-visual {
        max-width: 650px;
        min-height: 450px;
        height: 450px;
    }

    .about-intro-visual img {
        height: 450px;
    }

    .about-intro-content {
        max-width: 750px;
    }

    .about-scope-section,
    .about-why-section {
        padding: 85px 0;
    }

    .inner-section-header {
        grid-template-columns: 1fr;
        gap: 17px;
        margin-bottom: 40px;
    }

    .about-scope-grid {
        grid-template-columns: 1fr 1fr;
    }

    .about-approach-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .about-approach-content {
        max-width: 750px;
    }

    .about-approach-visual {
        max-width: 700px;
        min-height: 430px;
    }

    .about-approach-visual img {
        height: 430px;
    }

    .about-why-grid {
        grid-template-columns: 1fr 1fr;
    }

    .about-why-item:nth-child(2) {
        border-right: 0;
    }

    .about-why-item:nth-child(-n+2) {
        border-bottom: 1px solid #e4ebf0;
    }

    .about-industries-inner {
        grid-template-columns: 1fr;
        gap: 45px;
    }

}


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

@media (max-width: 767px) {

    .inner-page-hero {
        min-height: 360px;
    }

    .inner-page-hero-content {
        padding: 55px 0;
    }

    .inner-page-eyebrow {
        font-size: 8px;
        letter-spacing: 1.4px;
    }

    .inner-page-eyebrow::before {
        width: 24px;
    }

    .inner-page-hero h1 {
        font-size: 31px;
        line-height: 1.18;
    }

    .inner-page-hero-content > p {
        font-size: 11px;
    }

    .inner-page-breadcrumb {
        margin-top: 22px;
    }

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

    .about-intro-visual {
        min-height: 350px;
        height: 350px;
    }

    .about-intro-visual img {
        height: 350px;
    }

    .about-intro-badge {
        right: -10px;
        bottom: 22px;
        min-width: 145px;
        padding: 14px 15px;
    }

    .about-intro-badge strong {
        font-size: 23px;
    }

    .about-intro-content h2,
    .inner-section-header h2,
    .about-approach-content h2,
    .about-industries-inner h2 {
        font-size: 29px;
        line-height: 1.22;
    }

    .about-intro-content p {
        font-size: 11px;
    }

    .about-intro-content .about-lead {
        font-size: 12px;
    }

    .about-intro-points {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .about-scope-section,
    .about-why-section {
        padding: 70px 0;
    }

    .about-scope-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .about-scope-card {
        min-height: auto;
        padding: 25px;
    }

    .about-approach-visual {
        min-height: 350px;
    }

    .about-approach-visual img {
        height: 350px;
    }

    .about-approach-overlay {
        left: 20px;
        right: 20px;
        bottom: 20px;
    }

    .about-why-grid {
        grid-template-columns: 1fr;
    }

    .about-why-item,
    .about-why-item:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid #e4ebf0;
    }

    .about-why-item:last-child {
        border-bottom: 0;
    }

    .about-industries-section {
        padding: 70px 0;
    }

    .about-industry-list {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 575px) {

    .inner-page-hero {
        min-height: 325px;
    }

    .inner-page-hero h1 {
        font-size: 27px;
    }

    .inner-page-hero-content > p {
        font-size: 10.5px;
        line-height: 1.7;
    }

    .about-intro-visual {
        min-height: 300px;
        height: 300px;
    }

    .about-intro-visual img {
        height: 300px;
    }

    .about-intro-visual::before {
        top: -10px;
        left: -10px;
        width: 75px;
        height: 75px;
    }

    .about-intro-badge {
        right: -5px;
        bottom: 15px;
    }

    .about-intro-content h2,
    .inner-section-header h2,
    .about-approach-content h2,
    .about-industries-inner h2 {
        font-size: 26px;
    }

    .about-scope-card {
        padding: 22px;
    }

    .about-approach-visual,
    .about-approach-visual img {
        min-height: 300px;
        height: 300px;
    }

    .about-approach-overlay {
        padding: 16px;
    }

    .about-approach-overlay strong {
        font-size: 17px;
    }

    .about-industry-list span {
        min-height: 57px;
        padding: 0 17px;
        font-size: 9.5px;
    }

}
/* =========================================================
   CUSTOMERS PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   MAX WIDTH 1199px
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .customers-page-intro-grid {
        gap: 50px;
    }

    .customers-page-intro-content h2 {
        font-size: 37px;
    }

    .customers-value-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .customers-industries-header {
        gap: 50px;
    }

    .customers-industries-header h2 {
        font-size: 36px;
    }

    .customers-industry-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .customers-journey-grid {
        gap: 50px;
    }

    .customers-journey-content h2 {
        font-size: 36px;
    }

    .customers-portfolio-box {
        grid-template-columns: 75px 1fr auto;
        gap: 25px;
        padding: 40px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 991px
--------------------------------------------------------- */

@media (max-width: 991px) {

    .customers-page-intro {
        padding: 75px 0;
    }

    .customers-page-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .customers-page-intro-content {
        max-width: 100%;
    }

    .customers-page-intro-content h2 {
        font-size: 36px;
    }

    .customers-page-intro-card {
        min-height: 350px;
        max-width: 700px;
    }


    /* Value */

    .customers-value-section {
        padding: 75px 0;
    }

    .customers-value-section .inner-section-header {
        margin-bottom: 35px;
    }


    /* Industries */

    .customers-industries-section {
        padding: 75px 0;
    }

    .customers-industries-header {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }

    .customers-industries-header p {
        justify-self: start;
        max-width: 700px;
    }

    .customers-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Journey */

    .customers-journey-section {
        padding: 75px 0;
    }

    .customers-journey-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .customers-journey-visual {
        min-height: 450px;
    }

    .customers-journey-visual img {
        min-height: 450px;
    }

    .customers-journey-content {
        max-width: 100%;
    }


    /* Portfolio */

    .customers-portfolio-section {
        padding: 60px 0 75px;
    }

    .customers-portfolio-box {
        grid-template-columns: 70px 1fr;
        gap: 25px;
    }

    .customers-portfolio-btn {
        grid-column: 2;
        justify-self: start;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 767px
--------------------------------------------------------- */

@media (max-width: 767px) {

    .customers-page-intro {
        padding: 60px 0;
    }

    .customers-page-intro-content h2 {
        font-size: 31px;
    }

    .customers-page-lead {
        font-size: 17px;
    }

    .customers-page-intro-card {
        min-height: 330px;
        padding: 35px;
    }

    .customers-page-intro-card h3 {
        font-size: 23px;
    }


    /* Value */

    .customers-value-section {
        padding: 60px 0;
    }

    .customers-value-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .customers-value-card {
        min-height: auto;
        padding: 30px 27px;
    }

    .customers-value-icon {
        margin-bottom: 22px;
    }


    /* Industries */

    .customers-industries-section {
        padding: 60px 0;
    }

    .customers-industries-header h2 {
        font-size: 31px;
    }

    .customers-industry-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .customers-industry-card,
    .customers-industry-card:nth-child(5),
    .customers-industry-card:nth-child(6),
    .customers-industry-card:nth-child(7) {
        min-height: 135px;
        padding: 22px;
    }

    .customers-industry-card span {
        font-size: 14px;
        margin-top: 18px;
        padding-right: 15px;
    }


    /* Journey */

    .customers-journey-section {
        padding: 60px 0;
    }

    .customers-journey-visual {
        min-height: 390px;
    }

    .customers-journey-visual img {
        min-height: 390px;
    }

    .customers-journey-overlay {
        left: 25px;
        right: 25px;
        bottom: 25px;
    }

    .customers-journey-overlay strong {
        font-size: 25px;
    }

    .customers-journey-content h2 {
        font-size: 31px;
    }

    .customers-journey-step {
        grid-template-columns: 45px 1fr;
        gap: 15px;
    }


    /* Portfolio */

    .customers-portfolio-section {
        padding: 45px 0 60px;
    }

    .customers-portfolio-box {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 35px 28px;
    }

    .customers-portfolio-btn {
        grid-column: auto;
        width: 100%;
    }

    .customers-portfolio-box h2 {
        font-size: 23px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 575px
--------------------------------------------------------- */

@media (max-width: 575px) {

    .customers-page-intro {
        padding: 50px 0;
    }

    .customers-page-intro-content h2 {
        font-size: 28px;
    }

    .customers-page-intro-content p {
        font-size: 14px;
    }

    .customers-page-lead {
        font-size: 16px;
    }

    .customers-page-intro-card {
        min-height: 310px;
        padding: 28px;
    }

    .customers-page-intro-card-number {
        top: 23px;
        right: 25px;
    }

    .customers-page-intro-card > i {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }

    .customers-page-intro-card h3 {
        font-size: 21px;
    }


    /* Value */

    .customers-value-section {
        padding: 50px 0;
    }

    .customers-value-card {
        padding: 27px 23px;
    }

    .customers-value-card h3 {
        font-size: 18px;
    }


    /* Industries */

    .customers-industries-section {
        padding: 50px 0;
    }

    .customers-industries-header h2 {
        font-size: 28px;
    }

    .customers-industries-header p {
        font-size: 14px;
    }

    .customers-industry-grid {
        grid-template-columns: 1fr;
    }

    .customers-industry-card,
    .customers-industry-card:nth-child(5),
    .customers-industry-card:nth-child(6),
    .customers-industry-card:nth-child(7) {
        min-height: 115px;
    }


    /* Journey */

    .customers-journey-section {
        padding: 50px 0;
    }

    .customers-journey-visual,
    .customers-journey-visual img {
        min-height: 330px;
    }

    .customers-journey-content h2 {
        font-size: 28px;
    }

    .customers-journey-content > p {
        font-size: 14px;
    }

    .customers-journey-step {
        grid-template-columns: 42px 1fr;
        gap: 13px;
        padding: 19px 0;
    }

    .customers-journey-step > span {
        width: 40px;
        height: 40px;
    }


    /* Portfolio */

    .customers-portfolio-section {
        padding: 40px 0 50px;
    }

    .customers-portfolio-box {
        padding: 30px 22px;
    }

    .customers-portfolio-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .customers-portfolio-box h2 {
        font-size: 21px;
    }

    .customers-portfolio-box p {
        font-size: 13px;
    }

}
/* =========================================================
   SERVICES PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   MAX WIDTH 1199px
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .services-intro-grid {
        gap: 50px;
    }

    .services-intro-content h2 {
        font-size: 37px;
    }

    .services-main-grid {
        gap: 18px;
    }

    .services-main-card-content {
        padding-left: 25px;
        padding-right: 25px;
    }

    .services-main-icon {
        left: 25px;
    }

    .services-process-grid {
        gap: 55px;
    }

    .services-coverage-header {
        gap: 50px;
    }

    .services-coverage-header h2 {
        font-size: 36px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 991px
--------------------------------------------------------- */

@media (max-width: 991px) {

    .services-intro-section {
        padding: 75px 0;
    }

    .services-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .services-intro-content {
        max-width: 100%;
    }

    .services-intro-content h2 {
        font-size: 36px;
    }

    .services-intro-panel {
        max-width: 700px;
        min-height: 350px;
    }


    /* Main Services */

    .services-main-section {
        padding: 75px 0;
    }

    .services-main-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Process */

    .services-process-section {
        padding: 75px 0;
    }

    .services-process-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .services-process-content {
        max-width: 700px;
    }


    /* Coverage */

    .services-coverage-section {
        padding: 75px 0;
    }

    .services-coverage-header {
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: start;
    }

    .services-coverage-header p {
        justify-self: start;
        max-width: 700px;
    }

    .services-coverage-list {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 767px
--------------------------------------------------------- */

@media (max-width: 767px) {

    .services-intro-section {
        padding: 60px 0;
    }

    .services-intro-content h2 {
        font-size: 31px;
    }

    .services-intro-lead {
        font-size: 17px;
    }

    .services-intro-panel {
        min-height: 330px;
        padding: 32px;
    }

    .services-intro-panel-bottom h3 {
        font-size: 27px;
    }


    /* Main Services */

    .services-main-section {
        padding: 60px 0;
    }

    .services-main-header {
        margin-bottom: 35px;
    }

    .services-main-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .services-main-card-image {
        height: 245px;
    }

    .services-main-card-content p {
        min-height: auto;
    }


    /* Process */

    .services-process-section {
        padding: 60px 0;
    }

    .services-process-content h2 {
        font-size: 31px;
    }

    .services-process-step {
        grid-template-columns: 50px 1fr;
        gap: 15px;
    }


    /* Coverage */

    .services-coverage-section {
        padding: 60px 0;
    }

    .services-coverage-header h2 {
        font-size: 31px;
    }

    .services-coverage-list {
        grid-template-columns: 1fr;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 575px
--------------------------------------------------------- */

@media (max-width: 575px) {

    .services-intro-section {
        padding: 50px 0;
    }

    .services-intro-content h2 {
        font-size: 28px;
    }

    .services-intro-lead {
        font-size: 16px;
    }

    .services-intro-content p:not(.services-intro-lead) {
        font-size: 14px;
    }

    .services-intro-panel {
        min-height: 300px;
        padding: 27px;
    }

    .services-intro-panel-top i {
        width: 55px;
        height: 55px;
        font-size: 23px;
    }

    .services-intro-panel-bottom h3 {
        font-size: 24px;
    }


    /* Services */

    .services-main-section {
        padding: 50px 0;
    }

    .services-main-card-image {
        height: 220px;
    }

    .services-main-card-content {
        padding: 34px 23px 25px;
    }

    .services-main-icon {
        left: 23px;
    }

    .services-main-card-content h3 {
        font-size: 19px;
    }

    .services-main-card-content p {
        font-size: 13px;
    }


    /* Process */

    .services-process-section {
        padding: 50px 0;
    }

    .services-process-content h2 {
        font-size: 28px;
    }

    .services-process-content > p {
        font-size: 14px;
    }

    .services-process-step {
        grid-template-columns: 42px 1fr;
        gap: 13px;
        padding: 20px 0;
    }

    .services-process-step-number {
        width: 40px;
        height: 40px;
    }

    .services-process-step h3 {
        font-size: 16px;
    }

    .services-process-step p {
        font-size: 13px;
    }


    /* Coverage */

    .services-coverage-section {
        padding: 50px 0;
    }

    .services-coverage-header h2 {
        font-size: 28px;
    }

    .services-coverage-header p {
        font-size: 14px;
    }

    .services-coverage-item {
        min-height: 72px;
        padding: 17px;
    }

    .services-coverage-item span {
        font-size: 13px;
    }

}
/* =========================================================
   INDUSTRIAL VALVES PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   MAX WIDTH 1199px
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .valves-intro-grid {
        gap: 50px;
    }

    .valves-intro-content h2 {
        font-size: 37px;
    }

    .valves-category-grid {
        gap: 12px;
    }

    .valves-category-card {
        padding: 25px;
    }

    .valves-gate-content {
        padding: 50px;
    }

    .valves-gate-content h2 {
        font-size: 35px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 991px
--------------------------------------------------------- */

@media (max-width: 991px) {

    .valves-intro-section {
        padding: 75px 0;
    }

    .valves-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .valves-intro-content {
        max-width: 100%;
    }

    .valves-intro-content h2 {
        font-size: 36px;
    }

    .valves-intro-card {
        max-width: 700px;
    }


    /* Categories */

    .valves-category-section {
        padding: 75px 0;
    }

    .valves-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Gate */

    .valves-gate-section {
        padding: 75px 0;
    }

    .valves-gate-box {
        grid-template-columns: 1fr;
    }

    .valves-gate-visual {
        min-height: 400px;
    }

    .valves-gate-content {
        padding: 50px;
    }


    /* Applications */

    .valves-applications-section {
        padding: 75px 0;
    }

    .valves-applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* CTA */

    .valves-requirement-section {
        padding-bottom: 75px;
    }

    .valves-requirement-box {
        padding: 45px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 767px
--------------------------------------------------------- */

@media (max-width: 767px) {

    .valves-intro-section {
        padding: 60px 0;
    }

    .valves-intro-content h2 {
        font-size: 31px;
    }

    .valves-intro-lead {
        font-size: 17px;
    }

    .valves-intro-card {
        min-height: 340px;
        padding: 32px;
    }

    .valves-intro-card h3 {
        font-size: 26px;
    }


    /* Categories */

    .valves-category-section {
        padding: 60px 0;
    }

    .valves-category-header {
        margin-bottom: 35px;
    }

    .valves-category-grid {
        grid-template-columns: 1fr;
    }

    .valves-category-card {
        min-height: auto;
        padding: 28px;
    }


    /* Gate */

    .valves-gate-section {
        padding: 60px 0;
    }

    .valves-gate-visual {
        min-height: 360px;
    }

    .valves-gate-content {
        padding: 40px 30px;
    }

    .valves-gate-content h2 {
        font-size: 31px;
    }


    /* Applications */

    .valves-applications-section {
        padding: 60px 0;
    }

    .valves-applications-grid {
        grid-template-columns: 1fr 1fr;
    }


    /* CTA */

    .valves-requirement-section {
        padding-bottom: 60px;
    }

    .valves-requirement-box {
        padding: 38px 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .valves-requirement-btn {
        width: 100%;
        justify-content: center;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 575px
--------------------------------------------------------- */

@media (max-width: 575px) {

    .valves-intro-section {
        padding: 50px 0;
    }

    .valves-intro-content h2 {
        font-size: 28px;
    }

    .valves-intro-lead {
        font-size: 16px;
    }

    .valves-intro-content p:not(.valves-intro-lead) {
        font-size: 14px;
    }

    .valves-intro-card {
        min-height: 310px;
        padding: 27px;
    }

    .valves-intro-icon {
        width: 56px;
        height: 56px;
        font-size: 22px;
    }

    .valves-intro-card h3 {
        font-size: 23px;
    }


    /* Categories */

    .valves-category-section {
        padding: 50px 0;
    }

    .valves-category-card {
        padding: 25px 22px;
    }

    .valves-category-icon {
        width: 48px;
        height: 48px;
    }

    .valves-category-card h3 {
        font-size: 18px;
    }

    .valves-category-card p {
        font-size: 13px;
    }


    /* Gate */

    .valves-gate-section {
        padding: 50px 0;
    }

    .valves-gate-visual {
        min-height: 300px;
    }

    .valves-gate-content {
        padding: 32px 23px;
    }

    .valves-gate-content h2 {
        font-size: 28px;
    }

    .valves-gate-content > p {
        font-size: 13px;
    }

    .valves-gate-visual-label {
        left: 20px;
        bottom: 20px;
    }


    /* Applications */

    .valves-applications-section {
        padding: 50px 0;
    }

    .valves-applications-grid {
        grid-template-columns: 1fr;
    }

    .valves-application-card {
        min-height: 135px;
        padding: 23px;
    }


    /* CTA */

    .valves-requirement-section {
        padding-bottom: 50px;
    }

    .valves-requirement-box {
        padding: 32px 22px;
    }

    .valves-requirement-box h2 {
        font-size: 25px;
    }

    .valves-requirement-box p {
        font-size: 13px;
    }

}
/* =========================================================
   GATE VALVE PAGE RESPONSIVE
========================================================= */


/* ---------------------------------------------------------
   MAX WIDTH 1199px
--------------------------------------------------------- */

@media (max-width: 1199px) {

    .gate-valve-intro-grid {
        gap: 50px;
    }

    .gate-valve-intro-content h2 {
        font-size: 37px;
    }

    .gate-valve-features-grid {
        gap: 12px;
    }

    .gate-valve-feature-card {
        padding: 25px;
    }

    .gate-valve-product-content {
        padding: 50px;
    }

    .gate-valve-product-content h2 {
        font-size: 35px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 991px
--------------------------------------------------------- */

@media (max-width: 991px) {

    .gate-valve-intro-section {
        padding: 75px 0;
    }

    .gate-valve-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .gate-valve-intro-content {
        max-width: 100%;
    }

    .gate-valve-intro-content h2 {
        font-size: 36px;
    }

    .gate-valve-intro-visual {
        max-width: 700px;
        min-height: 450px;
    }

    .gate-valve-intro-visual img {
        min-height: 450px;
    }


    /* Features */

    .gate-valve-features-section {
        padding: 75px 0;
    }

    .gate-valve-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* Product */

    .gate-valve-product-section {
        padding: 75px 0;
    }

    .gate-valve-product-box {
        grid-template-columns: 1fr;
    }

    .gate-valve-product-visual {
        min-height: 400px;
    }

    .gate-valve-product-content {
        padding: 50px;
    }


    /* Applications */

    .gate-valve-applications-section {
        padding: 75px 0;
    }

    .gate-valve-application-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* CTA */

    .gate-valve-requirement-section {
        padding-bottom: 75px;
    }

    .gate-valve-requirement-box {
        padding: 45px;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 767px
--------------------------------------------------------- */

@media (max-width: 767px) {

    .gate-valve-intro-section {
        padding: 60px 0;
    }

    .gate-valve-intro-content h2 {
        font-size: 31px;
    }

    .gate-valve-lead {
        font-size: 17px;
    }

    .gate-valve-intro-visual,
    .gate-valve-intro-visual img {
        min-height: 390px;
    }


    /* Features */

    .gate-valve-features-section {
        padding: 60px 0;
    }

    .gate-valve-features-header {
        margin-bottom: 35px;
    }

    .gate-valve-features-grid {
        grid-template-columns: 1fr;
    }

    .gate-valve-feature-card {
        min-height: auto;
    }


    /* Product */

    .gate-valve-product-section {
        padding: 60px 0;
    }

    .gate-valve-product-content {
        padding: 40px 30px;
    }

    .gate-valve-product-content h2 {
        font-size: 31px;
    }

    .gate-valve-product-visual {
        min-height: 360px;
    }


    /* Applications */

    .gate-valve-applications-section {
        padding: 60px 0;
    }

    .gate-valve-application-grid {
        grid-template-columns: 1fr 1fr;
    }


    /* CTA */

    .gate-valve-requirement-section {
        padding-bottom: 60px;
    }

    .gate-valve-requirement-box {
        padding: 38px 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .gate-valve-requirement-btn {
        width: 100%;
        justify-content: center;
    }

}


/* ---------------------------------------------------------
   MAX WIDTH 575px
--------------------------------------------------------- */

@media (max-width: 575px) {

    .gate-valve-intro-section {
        padding: 50px 0;
    }

    .gate-valve-intro-content h2 {
        font-size: 28px;
    }

    .gate-valve-lead {
        font-size: 16px;
    }

    .gate-valve-intro-content p:not(.gate-valve-lead) {
        font-size: 14px;
    }

    .gate-valve-intro-visual,
    .gate-valve-intro-visual img {
        min-height: 310px;
    }

    .gate-valve-intro-label {
        left: 20px;
        bottom: 20px;
    }


    /* Features */

    .gate-valve-features-section {
        padding: 50px 0;
    }

    .gate-valve-feature-card {
        padding: 25px 22px;
    }

    .gate-valve-feature-card h3 {
        font-size: 17px;
    }

    .gate-valve-feature-card p {
        font-size: 13px;
    }


    /* Product */

    .gate-valve-product-section {
        padding: 50px 0;
    }

    .gate-valve-product-content {
        padding: 32px 23px;
    }

    .gate-valve-product-content h2 {
        font-size: 28px;
    }

    .gate-valve-product-content > p {
        font-size: 13px;
    }

    .gate-valve-product-visual {
        min-height: 300px;
    }

    .gate-valve-product-badge {
        right: 20px;
        bottom: 20px;
    }


    /* Applications */

    .gate-valve-applications-section {
        padding: 50px 0;
    }

    .gate-valve-application-grid {
        grid-template-columns: 1fr;
    }

    .gate-valve-application-item {
        min-height: 145px;
        padding: 23px;
    }


    /* CTA */

    .gate-valve-requirement-section {
        padding-bottom: 50px;
    }

    .gate-valve-requirement-box {
        padding: 32px 22px;
    }

    .gate-valve-requirement-box h2 {
        font-size: 25px;
    }

    .gate-valve-requirement-box p {
        font-size: 13px;
    }

}
/* =========================================
   GATE VALVE PRODUCT DETAIL
========================================= */

@media (max-width: 1199px) {

    .gate-product-intro-grid {
        gap: 45px;
    }

    .gate-product-image-wrap,
    .gate-product-image-wrap img {
        height: 480px;
        min-height: 480px;
    }

    .gate-product-applications-grid {
        gap: 50px;
    }

    .gate-product-overview-grid {
        grid-template-columns: 1fr 1fr;
    }

}


@media (max-width: 991px) {

    .gate-product-intro-section,
    .gate-product-applications-section {
        padding: 75px 0;
    }

    .gate-product-overview-section {
        padding: 75px 0;
    }

    .gate-product-intro-grid,
    .gate-product-applications-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .gate-product-content {
        max-width: none;
    }

    .gate-product-image-wrap,
    .gate-product-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .gate-product-highlights {
        max-width: 700px;
    }

    .gate-product-enquiry-box {
        padding: 45px;
        align-items: flex-start;
        flex-direction: column;
    }

    .gate-product-enquiry-action {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

}


@media (max-width: 767px) {

    .gate-product-intro-section,
    .gate-product-applications-section {
        padding: 60px 0;
    }

    .gate-product-overview-section {
        padding: 60px 0;
    }

    .gate-product-overview-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .gate-product-highlights {
        grid-template-columns: 1fr;
    }

    .gate-product-image-wrap,
    .gate-product-image-wrap img {
        height: 360px;
        min-height: 360px;
    }

    .gate-product-application-list {
        grid-template-columns: 1fr;
    }

    .gate-product-enquiry-section {
        padding-bottom: 60px;
    }

    .gate-product-enquiry-box {
        padding: 35px 28px;
    }

}


@media (max-width: 575px) {

    .gate-product-intro-section,
    .gate-product-applications-section,
    .gate-product-overview-section {
        padding: 50px 0;
    }

    .gate-product-image-wrap,
    .gate-product-image-wrap img {
        height: 300px;
        min-height: 300px;
    }

    .gate-product-image-label {
        left: 15px;
        bottom: 15px;
        padding: 14px 16px;
        min-width: 180px;
    }

    .gate-product-image-label strong {
        font-size: 17px;
    }

    .gate-product-content h2,
    .gate-product-applications-content h2 {
        font-size: 30px;
    }

    .gate-product-content .gate-product-lead {
        font-size: 15px;
    }

    .gate-product-highlight {
        padding: 14px;
    }

    .gate-product-application-item {
        padding: 22px 18px;
    }

    .gate-product-enquiry-box {
        padding: 30px 22px;
    }

    .gate-product-enquiry-action {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

}
/* =========================================
   PROCESS INSTRUMENTATION RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .instrumentation-intro-grid {
        gap: 45px;
    }

    .instrumentation-image-wrap,
    .instrumentation-image-wrap img {
        height: 480px;
        min-height: 480px;
    }

    .instrumentation-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .instrumentation-parameters-grid {
        gap: 50px;
    }

    .instrumentation-industries-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 991px) {

    .instrumentation-intro-section,
    .instrumentation-parameters-section {
        padding: 75px 0;
    }

    .instrumentation-category-section,
    .instrumentation-industries-section {
        padding: 75px 0;
    }

    .instrumentation-intro-grid,
    .instrumentation-parameters-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .instrumentation-intro-content {
        max-width: none;
    }

    .instrumentation-image-wrap,
    .instrumentation-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .instrumentation-requirement-box {
        padding: 45px;
        flex-direction: column;
        align-items: flex-start;
    }

    .instrumentation-requirement-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

}


@media (max-width: 767px) {

    .instrumentation-intro-section,
    .instrumentation-parameters-section,
    .instrumentation-category-section,
    .instrumentation-industries-section {
        padding: 60px 0;
    }

    .instrumentation-category-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .instrumentation-category-card p {
        min-height: auto;
    }

    .instrumentation-intro-points {
        grid-template-columns: 1fr;
    }

    .instrumentation-image-wrap,
    .instrumentation-image-wrap img {
        height: 360px;
        min-height: 360px;
    }

    .instrumentation-parameters-list {
        grid-template-columns: 1fr;
    }

    .instrumentation-industries-grid {
        grid-template-columns: 1fr 1fr;
        margin-top: 30px;
    }

    .instrumentation-industry-card {
        min-height: 120px;
    }

    .instrumentation-requirement-section {
        padding-bottom: 60px;
    }

    .instrumentation-requirement-box {
        padding: 35px 28px;
    }

}


@media (max-width: 575px) {

    .instrumentation-intro-section,
    .instrumentation-parameters-section,
    .instrumentation-category-section,
    .instrumentation-industries-section {
        padding: 50px 0;
    }

    .instrumentation-image-wrap,
    .instrumentation-image-wrap img {
        height: 300px;
        min-height: 300px;
    }

    .instrumentation-image-label {
        left: 15px;
        bottom: 15px;
        min-width: 180px;
        padding: 14px 16px;
    }

    .instrumentation-image-label strong {
        font-size: 17px;
    }

    .instrumentation-intro-content h2,
    .instrumentation-parameters-content h2 {
        font-size: 30px;
    }

    .instrumentation-intro-content .instrumentation-lead {
        font-size: 15px;
    }

    .instrumentation-parameter-item {
        padding: 22px 18px;
    }

    .instrumentation-industries-grid {
        grid-template-columns: 1fr;
    }

    .instrumentation-industry-card {
        min-height: 100px;
    }

    .instrumentation-requirement-box {
        padding: 30px 22px;
    }

    .instrumentation-requirement-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

}
/* =========================================
   INDUSTRIES MASTER PAGE RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .industries-intro-grid {
        gap: 50px;
    }

    .industries-intro-image,
    .industries-intro-image img {
        height: 480px;
        min-height: 480px;
    }

    .industries-capabilities-grid {
        gap: 50px;
    }

}


@media (max-width: 991px) {

    .industries-intro-section,
    .industries-capabilities-section {
        padding: 75px 0;
    }

    .industries-portfolio-section {
        padding: 75px 0;
    }

    .industries-intro-grid,
    .industries-capabilities-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industries-intro-content {
        max-width: none;
    }

    .industries-intro-image,
    .industries-intro-image img {
        height: 430px;
        min-height: 430px;
    }

    .industries-requirement-box {
        padding: 45px;
        flex-direction: column;
        align-items: flex-start;
    }

    .industries-requirement-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

}


@media (max-width: 767px) {

    .industries-intro-section,
    .industries-portfolio-section,
    .industries-capabilities-section {
        padding: 60px 0;
    }

    .industries-intro-points {
        grid-template-columns: 1fr;
    }

    .industries-intro-image,
    .industries-intro-image img {
        height: 360px;
        min-height: 360px;
    }

    .industries-portfolio-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-master-card-wide {
        grid-column: auto;
    }

    .industry-master-image {
        height: 250px;
    }

    .industries-capabilities-list {
        grid-template-columns: 1fr;
    }

    .industries-requirement-section {
        padding-bottom: 60px;
    }

    .industries-requirement-box {
        padding: 35px 28px;
    }

}


@media (max-width: 575px) {

    .industries-intro-section,
    .industries-portfolio-section,
    .industries-capabilities-section {
        padding: 50px 0;
    }

    .industries-intro-image,
    .industries-intro-image img {
        height: 300px;
        min-height: 300px;
    }

    .industries-intro-badge {
        left: 15px;
        bottom: 15px;
        padding: 14px 16px;
    }

    .industries-intro-badge strong {
        font-size: 28px;
    }

    .industries-intro-content h2,
    .industries-capabilities-content h2 {
        font-size: 30px;
    }

    .industries-intro-content .industries-intro-lead {
        font-size: 15px;
    }

    .industry-master-image {
        height: 210px;
    }

    .industry-master-content {
        padding: 21px 19px;
        align-items: flex-start;
    }

    .industry-master-content h3 {
        font-size: 19px;
    }

    .industry-master-content p {
        font-size: 12px;
    }

    .industry-master-arrow {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .industries-capability-item {
        padding: 22px 18px;
    }

    .industries-requirement-box {
        padding: 30px 22px;
    }

    .industries-requirement-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

}
/* =========================================
   OIL & GAS INDUSTRY RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .industry-detail-intro-grid {
        gap: 50px;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 480px;
        min-height: 480px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr 1fr;
    }

    .industry-detail-applications-grid {
        gap: 50px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr 1fr;
    }

}


@media (max-width: 991px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section {
        padding: 75px 0;
    }

    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 75px 0;
    }

    .industry-detail-intro-grid,
    .industry-detail-applications-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industry-detail-intro-content {
        max-width: none;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .industry-detail-requirement-box {
        padding: 45px;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-requirement-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .industry-detail-other-section {
        padding: 70px 0;
    }

}


@media (max-width: 767px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 60px 0;
    }

    .industry-detail-points {
        grid-template-columns: 1fr;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 360px;
        min-height: 360px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-card p {
        min-height: auto;
    }

    .industry-detail-application-list {
        grid-template-columns: 1fr;
    }

    .industry-detail-solutions-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-section {
        padding-bottom: 60px;
    }

    .industry-detail-requirement-box {
        padding: 35px 28px;
    }

    .industry-detail-other-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .industry-detail-other-section {
        padding: 60px 0;
    }

}


@media (max-width: 575px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 50px 0;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 300px;
        min-height: 300px;
    }

    .industry-detail-image-card {
        left: 15px;
        bottom: 15px;
        min-width: 195px;
        padding: 14px 16px;
    }

    .industry-detail-image-card strong {
        font-size: 18px;
    }

    .industry-detail-intro-content h2,
    .industry-detail-applications-content h2 {
        font-size: 30px;
    }

    .industry-detail-intro-content .industry-detail-lead {
        font-size: 15px;
    }

    .industry-detail-requirement-card {
        padding: 25px 22px;
    }

    .industry-detail-application-item {
        padding: 22px 18px;
    }

    .industry-detail-solution-card {
        grid-template-columns: 48px 1fr 25px;
        gap: 13px;
        padding: 22px 18px;
    }

    .industry-detail-solution-icon {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .industry-detail-solution-card h3 {
        font-size: 16px;
    }

    .industry-detail-requirement-box {
        padding: 30px 22px;
    }

    .industry-detail-requirement-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-other-section {
        padding: 50px 0;
    }

    .industry-detail-other-head h2 {
        font-size: 30px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================
   POWER & STEEL RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .industry-detail-intro-grid {
        gap: 50px;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 480px;
        min-height: 480px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr 1fr;
    }

    .industry-detail-applications-grid {
        gap: 50px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr 1fr;
    }

}


@media (max-width: 991px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section {
        padding: 75px 0;
    }

    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 75px 0;
    }

    .industry-detail-intro-grid,
    .industry-detail-applications-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industry-detail-intro-content {
        max-width: none;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .industry-detail-requirement-box {
        padding: 45px;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-requirement-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .industry-detail-other-section {
        padding: 70px 0;
    }

}


@media (max-width: 767px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 60px 0;
    }

    .industry-detail-points {
        grid-template-columns: 1fr;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 360px;
        min-height: 360px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-card p {
        min-height: auto;
    }

    .industry-detail-application-list {
        grid-template-columns: 1fr;
    }

    .industry-detail-solutions-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-section {
        padding-bottom: 60px;
    }

    .industry-detail-requirement-box {
        padding: 35px 28px;
    }

    .industry-detail-other-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .industry-detail-other-section {
        padding: 60px 0;
    }

}


@media (max-width: 575px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 50px 0;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 300px;
        min-height: 300px;
    }

    .industry-detail-image-card {
        left: 15px;
        bottom: 15px;
        min-width: 195px;
        padding: 14px 16px;
    }

    .industry-detail-image-card strong {
        font-size: 18px;
    }

    .industry-detail-intro-content h2,
    .industry-detail-applications-content h2 {
        font-size: 30px;
    }

    .industry-detail-intro-content .industry-detail-lead {
        font-size: 15px;
    }

    .industry-detail-requirement-card {
        padding: 25px 22px;
    }

    .industry-detail-application-item {
        padding: 22px 18px;
    }

    .industry-detail-solution-card {
        grid-template-columns: 48px 1fr 25px;
        gap: 13px;
        padding: 22px 18px;
    }

    .industry-detail-solution-icon {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .industry-detail-solution-card h3 {
        font-size: 16px;
    }

    .industry-detail-requirement-box {
        padding: 30px 22px;
    }

    .industry-detail-requirement-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-other-section {
        padding: 50px 0;
    }

    .industry-detail-other-head h2 {
        font-size: 30px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================
   TEXTILE & TYRE RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .industry-detail-intro-grid {
        gap: 50px;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 480px;
        min-height: 480px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr 1fr;
    }

    .industry-detail-applications-grid {
        gap: 50px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr 1fr;
    }

}


@media (max-width: 991px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section {
        padding: 75px 0;
    }

    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 75px 0;
    }

    .industry-detail-intro-grid,
    .industry-detail-applications-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industry-detail-intro-content {
        max-width: none;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 430px;
        min-height: 430px;
    }

    .industry-detail-requirement-box {
        padding: 45px;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-requirement-actions {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .industry-detail-other-section {
        padding: 70px 0;
    }

}


@media (max-width: 767px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 60px 0;
    }

    .industry-detail-points {
        grid-template-columns: 1fr;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 360px;
        min-height: 360px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-card p {
        min-height: auto;
    }

    .industry-detail-application-list {
        grid-template-columns: 1fr;
    }

    .industry-detail-solutions-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 30px;
    }

    .industry-detail-requirement-section {
        padding-bottom: 60px;
    }

    .industry-detail-requirement-box {
        padding: 35px 28px;
    }

    .industry-detail-other-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .industry-detail-other-section {
        padding: 60px 0;
    }

}


@media (max-width: 575px) {

    .industry-detail-intro-section,
    .industry-detail-applications-section,
    .industry-detail-requirements-section,
    .industry-detail-solutions-section {
        padding: 50px 0;
    }

    .industry-detail-image-wrap,
    .industry-detail-image-wrap img {
        height: 300px;
        min-height: 300px;
    }

    .industry-detail-image-card {
        left: 15px;
        bottom: 15px;
        min-width: 195px;
        padding: 14px 16px;
    }

    .industry-detail-image-card strong {
        font-size: 18px;
    }

    .industry-detail-intro-content h2,
    .industry-detail-applications-content h2 {
        font-size: 30px;
    }

    .industry-detail-intro-content .industry-detail-lead {
        font-size: 15px;
    }

    .industry-detail-requirement-card {
        padding: 25px 22px;
    }

    .industry-detail-application-item {
        padding: 22px 18px;
    }

    .industry-detail-solution-card {
        grid-template-columns: 48px 1fr 25px;
        gap: 13px;
        padding: 22px 18px;
    }

    .industry-detail-solution-icon {
        width: 43px;
        height: 43px;
        font-size: 18px;
    }

    .industry-detail-solution-card h3 {
        font-size: 16px;
    }

    .industry-detail-requirement-box {
        padding: 30px 22px;
    }

    .industry-detail-requirement-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-detail-other-section {
        padding: 50px 0;
    }

    .industry-detail-other-head h2 {
        font-size: 30px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================================
   CHEMICAL & PHARMA / INDUSTRY DETAIL RESPONSIVE
   ========================================================= */


/* ---------------------------------------------------------
   LARGE TABLET / SMALL DESKTOP
   --------------------------------------------------------- */

@media (max-width: 1199px) {

    .industry-detail-intro-grid {
        gap: 45px;
    }

    .industry-detail-intro-content h2 {
        font-size: 37px;
    }

    .industry-detail-image-wrap > img {
        height: 470px;
    }

    .industry-detail-requirements-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-detail-applications-grid {
        gap: 45px;
    }

    .industry-detail-applications-content h2 {
        font-size: 36px;
    }

    .industry-detail-solutions-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-detail-other-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .industry-detail-requirement-box {
        padding: 42px 42px;
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .industry-detail-hero {
        min-height: 420px;
    }

    /* Intro */

    .industry-detail-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industry-detail-intro-content {
        max-width: 100%;
    }

    .industry-detail-intro-content h2 {
        font-size: 36px;
    }

    .industry-detail-intro-visual {
        max-width: 700px;
    }

    .industry-detail-image-wrap > img {
        height: 430px;
    }


    /* Requirements */

    .industry-detail-requirements-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }


    /* Applications */

    .industry-detail-applications-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .industry-detail-applications-content {
        max-width: 100%;
    }

    .industry-detail-applications-content h2 {
        font-size: 35px;
    }

    .industry-detail-applications-grid .industry-detail-intro-visual {
        max-width: 700px;
    }


    /* Solutions */

    .industry-detail-solutions-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* CTA */

    .industry-detail-requirement-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        padding: 40px;
    }

    .industry-detail-requirement-content {
        max-width: 100%;
    }

    .industry-detail-requirement-actions {
        width: 100%;
    }


    /* Other Industries */

    .industry-detail-other-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .industry-detail-hero {
        min-height: 390px;
    }

    .industry-detail-hero .inner-page-hero-content {
        max-width: 100%;
    }


    /* Intro */

    .industry-detail-intro-grid {
        gap: 35px;
    }

    .industry-detail-intro-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .industry-detail-intro-content .lead {
        font-size: 16px;
        line-height: 1.7;
    }

    .industry-detail-intro-content p {
        font-size: 14.5px;
        line-height: 1.75;
    }

    .industry-detail-points {
        grid-template-columns: 1fr;
        gap: 17px;
        margin-top: 25px;
    }

    .industry-detail-image-wrap {
        border-radius: 14px;
    }

    .industry-detail-image-wrap > img {
        height: 380px;
    }

    .industry-detail-image-card {
        left: 15px;
        right: 15px;
        bottom: 15px;
        padding: 16px 17px;
    }

    .industry-detail-image-card strong {
        font-size: 16px;
    }


    /* Requirements */

    .industry-detail-requirements-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
    }

    .industry-detail-requirement-card {
        padding: 23px 21px 25px;
    }

    .industry-detail-requirement-top {
        margin-bottom: 19px;
    }


    /* Applications */

    .industry-detail-applications-grid {
        gap: 35px;
    }

    .industry-detail-applications-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .industry-detail-applications-content > p {
        font-size: 14.5px;
        line-height: 1.75;
        margin-bottom: 24px;
    }

    .industry-detail-application-item {
        grid-template-columns: 46px 1fr;
        gap: 14px;
        padding: 17px 0;
    }

    .industry-detail-application-number {
        width: 38px;
        height: 38px;
        font-size: 10px;
    }

    .industry-detail-application-item h4 {
        font-size: 15px;
    }

    .industry-detail-application-item p {
        font-size: 13px;
    }


    /* Solutions */

    .industry-detail-solutions-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
    }

    .industry-detail-solution-card {
        padding: 25px 22px;
    }

    .industry-detail-solution-card p {
        min-height: auto;
    }


    /* CTA */

    .industry-detail-requirement-box {
        padding: 30px 24px;
        border-radius: 14px;
    }

    .industry-detail-requirement-content h2 {
        font-size: 27px;
    }

    .industry-detail-requirement-content p {
        font-size: 13.5px;
    }

    .industry-detail-requirement-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .industry-detail-requirement-actions .btn-primary,
    .industry-detail-requirement-actions .btn-outline {
        width: 100%;
    }


    /* Other Industries */

    .industry-detail-other-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 25px;
    }

    .industry-detail-other-head h2 {
        font-size: 29px;
    }

    .industry-detail-other-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .industry-detail-other-grid .industry-master-card {
        min-height: 210px;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 575px) {

    .industry-detail-hero {
        min-height: 360px;
    }

    .industry-detail-intro-content h2 {
        font-size: 27px;
    }

    .industry-detail-intro-content .lead {
        font-size: 15px;
    }

    .industry-detail-image-wrap > img {
        height: 330px;
    }

    .industry-detail-image-card {
        padding: 14px 15px;
    }

    .industry-detail-image-card strong {
        font-size: 15px;
    }

    .industry-detail-requirement-card h3 {
        font-size: 17px;
    }

    .industry-detail-applications-content h2 {
        font-size: 27px;
    }

    .industry-detail-requirement-content h2 {
        font-size: 24px;
    }

    .industry-detail-other-head h2 {
        font-size: 26px;
    }

}
/* =========================================================
   SEMICONDUCTOR INDUSTRY
   RESPONSIVE
   ========================================================= */


/* =========================================================
   1199px
   ========================================================= */

@media (max-width: 1199px) {

    .semiconductor-hero {
        min-height: 450px;
    }

}


/* =========================================================
   991px
   ========================================================= */

@media (max-width: 991px) {

    .semiconductor-hero {
        min-height: 420px;
    }

    .semiconductor-intro
    .industry-detail-intro-grid {
        gap: 45px;
    }

}


/* =========================================================
   767px
   ========================================================= */

@media (max-width: 767px) {

    .semiconductor-hero {
        min-height: 390px;
    }

    .semiconductor-intro
    .industry-detail-intro-grid {
        gap: 35px;
    }

    .semiconductor-intro
    .industry-detail-intro-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .semiconductor-image-wrap {
        border-radius: 14px;
    }

}


/* =========================================================
   575px
   ========================================================= */

@media (max-width: 575px) {

    .semiconductor-hero {
        min-height: 360px;
    }

    .semiconductor-intro
    .industry-detail-intro-content h2 {
        font-size: 27px;
    }

}
/* =========================================================
   FOOD & COSMETICS
   RESPONSIVE
   ========================================================= */


/* =========================================================
   1199px
   ========================================================= */

@media (max-width: 1199px) {

    .food-cosmetics-hero {
        min-height: 450px;
    }

}


/* =========================================================
   991px
   ========================================================= */

@media (max-width: 991px) {

    .food-cosmetics-hero {
        min-height: 420px;
    }

    .food-cosmetics-intro
    .industry-detail-intro-grid {
        gap: 45px;
    }

}


/* =========================================================
   767px
   ========================================================= */

@media (max-width: 767px) {

    .food-cosmetics-hero {
        min-height: 390px;
    }

    .food-cosmetics-intro
    .industry-detail-intro-grid {
        gap: 35px;
    }

    .food-cosmetics-intro
    .industry-detail-intro-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .food-cosmetics-image-wrap {
        border-radius: 14px;
    }

}


/* =========================================================
   575px
   ========================================================= */

@media (max-width: 575px) {

    .food-cosmetics-hero {
        min-height: 360px;
    }

    .food-cosmetics-intro
    .industry-detail-intro-content h2 {
        font-size: 27px;
    }

}
/* =========================================================
   MINING & SHIPPING
   RESPONSIVE
   ========================================================= */


/* =========================================================
   1199px
   ========================================================= */

@media (max-width: 1199px) {

    .mining-shipping-hero {
        min-height: 450px;
    }

}


/* =========================================================
   991px
   ========================================================= */

@media (max-width: 991px) {

    .mining-shipping-hero {
        min-height: 420px;
    }

    .mining-shipping-intro
    .industry-detail-intro-grid {
        gap: 45px;
    }

}


/* =========================================================
   767px
   ========================================================= */

@media (max-width: 767px) {

    .mining-shipping-hero {
        min-height: 390px;
    }

    .mining-shipping-intro
    .industry-detail-intro-grid {
        gap: 35px;
    }

    .mining-shipping-intro
    .industry-detail-intro-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .mining-shipping-image-wrap {
        border-radius: 14px;
    }

}


/* =========================================================
   575px
   ========================================================= */

@media (max-width: 575px) {

    .mining-shipping-hero {
        min-height: 360px;
    }

    .mining-shipping-intro
    .industry-detail-intro-content h2 {
        font-size: 27px;
    }

}
/* =========================================================
   BIOTECH & SEMICONDUCTORS
   RESPONSIVE
   ========================================================= */


/* =========================================================
   1199px
   ========================================================= */

@media (max-width: 1199px) {

    .biotech-semiconductors-hero {
        min-height: 450px;
    }

}


/* =========================================================
   991px
   ========================================================= */

@media (max-width: 991px) {

    .biotech-semiconductors-hero {
        min-height: 420px;
    }

    .biotech-semiconductors-intro
    .industry-detail-intro-grid {
        gap: 45px;
    }

}


/* =========================================================
   767px
   ========================================================= */

@media (max-width: 767px) {

    .biotech-semiconductors-hero {
        min-height: 390px;
    }

    .biotech-semiconductors-intro
    .industry-detail-intro-grid {
        gap: 35px;
    }

    .biotech-semiconductors-intro
    .industry-detail-intro-content h2 {
        font-size: 30px;
        letter-spacing: -.7px;
    }

    .biotech-semiconductors-image-wrap {
        border-radius: 14px;
    }

}


/* =========================================================
   575px
   ========================================================= */

@media (max-width: 575px) {

    .biotech-semiconductors-hero {
        min-height: 360px;
    }

    .biotech-semiconductors-intro
    .industry-detail-intro-content h2 {
        font-size: 27px;
    }

}
/* =========================================================
   BLOG RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .blog-intro-grid {
        gap: 50px;
    }

    .blog-intro-content h2 {
        font-size: 37px;
    }

    .blog-featured-content {
        padding: 48px;
    }

    .blog-featured-content h3 {
        font-size: 30px;
    }

    .blog-grid {
        gap: 24px;
    }

    .blog-card-content {
        padding: 24px;
    }

    .blog-card-content h3 {
        font-size: 18px;
    }

    .blog-insight-cta {
        padding: 48px 50px;
    }
}


@media (max-width: 991px) {

    .blog-intro-section {
        padding: 75px 0;
    }

    .blog-intro-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .blog-intro-content {
        max-width: none;
    }

    .blog-intro-highlight {
        max-width: 700px;
    }


    .blog-featured-section {
        padding: 75px 0;
    }

    .blog-featured-card {
        grid-template-columns: 1fr;
    }

    .blog-featured-image {
        min-height: 380px;
    }

    .blog-featured-content {
        padding: 42px;
    }


    .blog-grid-section {
        padding: 75px 0 80px;
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .blog-insight-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
        padding: 45px;
    }

}


@media (max-width: 767px) {

    .blog-intro-section {
        padding: 60px 0;
    }

    .blog-intro-content h2 {
        font-size: 32px;
    }

    .blog-intro-highlight {
        padding: 32px;
    }

    .blog-intro-highlight h3 {
        font-size: 24px;
    }


    .blog-featured-section {
        padding: 60px 0;
    }

    .blog-featured-section .section-heading-row h2 {
        font-size: 32px;
    }

    .blog-featured-image {
        min-height: 320px;
    }

    .blog-featured-content {
        padding: 32px;
    }

    .blog-featured-content h3 {
        font-size: 27px;
    }


    .blog-categories-section {
        padding: 22px 0;
    }

    .blog-category-nav {
        justify-content: flex-start;
    }

    .blog-category-nav a {
        padding: 10px 14px;
        font-size: 11px;
    }


    .blog-grid-section {
        padding: 60px 0 65px;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .blog-card-image {
        height: 250px;
    }

    .blog-card-content h3,
    .blog-card-content p {
        min-height: auto;
    }


    .blog-insight-cta-section {
        padding-bottom: 70px;
    }

    .blog-insight-cta {
        padding: 38px 30px;
    }

    .blog-insight-cta-content h2 {
        font-size: 27px;
    }

}


@media (max-width: 575px) {

    .blog-intro-content h2 {
        font-size: 28px;
    }

    .blog-intro-content p {
        font-size: 14px;
    }

    .blog-intro-highlight {
        padding: 27px;
    }

    .blog-highlight-icon {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .blog-intro-highlight h3 {
        font-size: 21px;
    }


    .blog-featured-image {
        min-height: 250px;
    }

    .blog-category-badge {
        left: 18px;
        top: 18px;
        padding: 7px 11px;
        font-size: 10px;
    }

    .blog-featured-content {
        padding: 27px;
    }

    .blog-meta {
        flex-wrap: wrap;
        gap: 10px 18px;
    }

    .blog-featured-content h3 {
        font-size: 23px;
    }

    .blog-featured-content p {
        font-size: 14px;
    }


    .blog-category-nav {
        gap: 7px;
    }

    .blog-category-nav a {
        padding: 9px 11px;
        font-size: 10px;
    }


    .blog-card-image {
        height: 220px;
    }

    .blog-card-content {
        padding: 23px;
    }

    .blog-card-content h3 {
        font-size: 19px;
    }


    .blog-insight-cta {
        padding: 32px 24px;
        border-radius: 15px;
    }

    .blog-insight-cta-content h2 {
        font-size: 24px;
    }

    .blog-insight-cta-action a {
        width: 100%;
        justify-content: center;
    }

}
/* =========================================================
   BLOG DETAILS RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .article-layout {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 45px;
    }

    .article-hero h1 {
        font-size: 43px;
    }

    .article-featured-image {
        height: 430px;
    }

    .article-body h2 {
        font-size: 29px;
    }

    .article-number-grid {
        gap: 14px;
    }

    .article-number-card {
        padding: 21px;
    }

    .related-articles-grid {
        gap: 22px;
    }

}


@media (max-width: 991px) {

    .article-hero {
        min-height: 450px;
    }

    .article-hero-content {
        padding: 70px 0;
    }

    .article-hero h1 {
        font-size: 38px;
    }

    .article-content-section {
        padding: 70px 0 80px;
    }

    .article-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .article-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }

    .article-sidebar-box {
        margin-bottom: 0;
    }

    .article-featured-image {
        height: 400px;
    }

    .related-articles-section {
        padding: 70px 0 80px;
    }

    .related-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .related-article-card:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 11px);
    }

}


@media (max-width: 767px) {

    .article-hero {
        min-height: 420px;
    }

    .article-hero-content {
        padding: 60px 0;
    }

    .article-breadcrumb {
        margin-bottom: 23px;
    }

    .article-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .article-hero h1 {
        font-size: 31px;
    }

    .article-hero-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .article-meta {
        gap: 12px 20px;
    }


    .article-content-section {
        padding: 55px 0 65px;
    }

    .article-featured-image {
        height: 300px;
        margin-bottom: 35px;
        border-radius: 13px;
    }

    .article-lead {
        font-size: 18px;
        line-height: 1.65;
    }

    .article-body h2 {
        margin-top: 40px;
        font-size: 26px;
    }

    .article-body h3 {
        font-size: 18px;
    }

    .article-body p {
        font-size: 14px;
        line-height: 1.8;
    }


    .article-highlight-box {
        padding: 22px;
    }


    .article-number-grid {
        grid-template-columns: 1fr;
    }


    .article-sidebar {
        grid-template-columns: 1fr;
        gap: 18px;
    }


    .related-articles-section {
        padding: 60px 0 70px;
    }

    .related-articles-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .related-articles-heading h2 {
        font-size: 31px;
    }

    .related-articles-grid {
        grid-template-columns: 1fr;
    }

    .related-article-card:last-child {
        grid-column: auto;
        max-width: none;
    }

}


@media (max-width: 575px) {

    .article-hero {
        min-height: 400px;
    }

    .article-hero-content {
        padding: 50px 0;
    }

    .article-hero h1 {
        font-size: 27px;
        line-height: 1.2;
    }

    .article-hero-text {
        font-size: 13px;
    }

    .article-meta {
        font-size: 11px;
    }


    .article-featured-image {
        height: 230px;
    }

    .article-lead {
        font-size: 17px;
    }

    .article-body h2 {
        font-size: 23px;
    }

    .article-body h3 {
        font-size: 17px;
    }


    .article-highlight-box {
        flex-direction: column;
        gap: 14px;
        padding: 20px;
    }


    .article-conclusion {
        padding: 30px 25px;
    }

    .article-conclusion h3 {
        font-size: 21px;
    }


    .article-share {
        align-items: flex-start;
        flex-direction: column;
    }


    .article-sidebar-box {
        padding: 23px;
    }


    .related-articles-heading h2 {
        font-size: 27px;
    }

    .related-article-image {
        height: 210px;
    }

    .related-article-content {
        padding: 23px;
    }

}
/* =========================================================
   CONTACT PAGE RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .contact-intro-grid {
        gap: 50px;
    }

    .contact-intro-content h2 {
        font-size: 37px;
    }

    .contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-main-grid {
        gap: 50px;
    }

    .contact-main-content h2 {
        font-size: 36px;
    }

    .contact-form-wrap {
        padding: 35px;
    }

    .contact-location-grid {
        gap: 45px;
    }

}


@media (max-width: 991px) {

    .contact-intro-section {
        padding: 75px 0;
    }

    .contact-intro-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .contact-intro-card {
        max-width: 700px;
    }


    .contact-info-section {
        padding: 75px 0;
    }


    .contact-main-section {
        padding: 80px 0;
    }

    .contact-main-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .contact-main-content {
        padding-top: 0;
    }

    .contact-main-content > p {
        max-width: 760px;
    }


    .contact-location-section {
        padding: 75px 0;
    }

    .contact-location-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-map {
        min-height: 400px;
    }

    .contact-map-placeholder {
        min-height: 400px;
    }

}


@media (max-width: 767px) {

    .contact-intro-section {
        padding: 60px 0;
    }

    .contact-intro-content h2 {
        font-size: 32px;
    }

    .contact-intro-content p {
        font-size: 14px;
    }

    .contact-intro-points {
        grid-template-columns: 1fr;
    }

    .contact-intro-card {
        padding: 32px;
    }

    .contact-intro-card h3 {
        font-size: 23px;
    }


    .contact-info-section {
        padding: 60px 0;
    }

    .contact-section-heading h2 {
        font-size: 32px;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }


    .contact-main-section {
        padding: 60px 0;
    }

    .contact-main-content h2 {
        font-size: 31px;
    }

    .contact-main-content > p {
        font-size: 14px;
    }

    .contact-form-wrap {
        padding: 30px;
    }

    .contact-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .contact-submit-btn {
        width: 100%;
        justify-content: center;
    }


    .contact-location-section {
        padding: 60px 0;
    }

    .contact-location-content h2 {
        font-size: 32px;
    }

    .contact-map,
    .contact-map-placeholder {
        min-height: 350px;
    }


    .contact-support-grid {
        grid-template-columns: 1fr;
    }

    .contact-support-item {
        min-height: 85px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .contact-support-item:last-child {
        border-bottom: 0;
    }

}


@media (max-width: 575px) {

    .contact-intro-content h2 {
        font-size: 28px;
    }

    .contact-intro-card {
        padding: 27px;
    }

    .contact-intro-card-icon {
        width: 50px;
        height: 50px;
        font-size: 21px;
    }

    .contact-intro-card h3 {
        font-size: 21px;
    }


    .contact-section-heading h2 {
        font-size: 28px;
    }


    .contact-info-card {
        min-height: auto;
        padding: 21px;
    }

    .contact-info-card h3 {
        font-size: 14px;
    }


    .contact-main-content h2 {
        font-size: 27px;
    }

    .contact-enquiry-item {
        gap: 13px;
    }

    .contact-direct-box {
        align-items: flex-start;
        padding: 17px;
    }


    .contact-form-wrap {
        padding: 23px;
        border-radius: 13px;
    }

    .contact-form-header h3 {
        font-size: 21px;
    }

    .contact-form-group input,
    .contact-form-group select {
        height: 44px;
    }

    .contact-form-group textarea {
        min-height: 125px;
    }


    .contact-location-content h2 {
        font-size: 28px;
    }

    .contact-address {
        padding: 19px;
    }

    .contact-location-links {
        flex-direction: column;
        gap: 12px;
    }


    .contact-map,
    .contact-map-placeholder {
        min-height: 320px;
    }

    .contact-map-placeholder {
        padding: 25px;
    }

    .contact-map-placeholder h3 {
        font-size: 24px;
    }


    .contact-support-item {
        padding: 20px;
    }

}
/* =========================================================
   PHARMA & SANITARY RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .pharma-page-hero h1 {
        font-size: 48px;
    }

    .pharma-overview-grid {
        gap: 55px;
    }

    .pharma-overview-content h2 {
        font-size: 38px;
    }

    .pharma-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pharma-process-grid {
        gap: 50px;
    }

    .pharma-process-content h2 {
        font-size: 36px;
    }

    .pharma-application-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 991px) {

    .pharma-page-hero {
        min-height: 480px;
    }

    .pharma-page-hero-inner {
        padding: 80px 0;
    }

    .pharma-page-hero h1 {
        font-size: 43px;
    }

    .pharma-page-hero p {
        font-size: 14px;
    }


    .pharma-overview-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .pharma-overview-image-wrap {
        height: 450px;
    }

    .pharma-overview-tag {
        right: 22px;
    }


    .pharma-section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
    }

    .pharma-section-head h2 {
        font-size: 36px;
    }


    .pharma-process-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .pharma-process-image {
        height: 450px;
    }

    .pharma-process-card {
        left: 22px;
    }


    .pharma-final-box {
        align-items: flex-start;
        flex-direction: column;
        padding: 43px 45px;
    }

}


@media (max-width: 767px) {

    .pharma-page-hero {
        min-height: 450px;
        background-position: 65% center;
    }

    .pharma-page-hero-inner {
        padding: 65px 0;
    }

    .pharma-page-breadcrumb {
        margin-bottom: 24px;
    }

    .pharma-page-hero h1 {
        font-size: 35px;
        letter-spacing: -.9px;
    }

    .pharma-page-hero p {
        font-size: 13px;
        line-height: 1.7;
    }

    .pharma-page-hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 240px;
    }

    .pharma-page-hero-actions .btn,
    .pharma-page-outline-btn {
        width: 100%;
    }


    .pharma-overview-image-wrap {
        height: 390px;
    }

    .pharma-overview-content h2 {
        font-size: 33px;
    }

    .pharma-overview-points {
        grid-template-columns: 1fr;
    }


    .pharma-product-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .pharma-product-item {
        min-height: auto;
    }


    .pharma-process-content h2 {
        font-size: 32px;
    }

    .pharma-process-points {
        grid-template-columns: 1fr;
    }

    .pharma-process-image {
        height: 390px;
    }

    .pharma-process-card {
        left: 15px;
        bottom: 18px;
    }


    .pharma-application-grid {
        grid-template-columns: 1fr;
    }

    .pharma-application-card {
        min-height: auto;
    }


    .pharma-final-box {
        padding: 38px 30px;
    }

    .pharma-final-content h2 {
        font-size: 28px;
    }

}


@media (max-width: 575px) {

    .pharma-page-hero {
        min-height: 420px;
    }

    .pharma-page-hero-inner {
        padding: 55px 0;
    }

    .pharma-page-hero h1 {
        font-size: 30px;
    }

    .pharma-page-hero p {
        font-size: 12px;
    }


    .pharma-overview-image-wrap {
        height: 320px;
        border-radius: 12px;
    }

    .pharma-overview-tag {
        right: 10px;
        bottom: 12px;
        min-width: 140px;
        padding: 14px 17px;
    }

    .pharma-overview-content h2 {
        font-size: 29px;
    }


    .pharma-section-head h2 {
        font-size: 30px;
    }


    .pharma-product-item {
        padding: 24px 21px;
    }


    .pharma-process-content h2 {
        font-size: 29px;
    }

    .pharma-process-image {
        height: 320px;
        border-radius: 12px;
    }

    .pharma-process-card {
        left: 10px;
        right: 10px;
        min-width: 0;
        padding: 13px 15px;
    }


    .pharma-final-box {
        padding: 32px 22px;
        border-radius: 11px;
    }

    .pharma-final-content h2 {
        font-size: 26px;
    }

    .pharma-final-btn {
        width: 100%;
    }

}