/* =========================================
   HIGHLIGHTS RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .highlight-item {

        gap: 12px;

        padding: 25px 12px;

    }


    .highlight-icon {

        width: 46px;

        height: 46px;

        font-size: 17px;

    }


    .highlight-number {

        font-size: 28px;

    }


    .highlight-number.highlight-text {

        font-size: 17px;

    }

}


@media (max-width: 991px) {

    .highlights-wrapper {

        display: grid;

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

        padding: 20px 0;

    }


    .highlight-divider {

        display: none;

    }


    .highlight-item {

        padding: 22px 25px;

    }


    .highlight-item:nth-child(1),
    .highlight-item:nth-child(3) {

        border-right: 1px solid rgba(74, 38, 15, 0.10);

    }


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

        border-bottom: 1px solid rgba(74, 38, 15, 0.10);

    }

}


@media (max-width: 575px) {

    .highlights-wrapper {

        grid-template-columns: 1fr;

        padding: 10px 0;

    }


    .highlight-item {

        padding: 20px 10px;

        border-right: none !important;

        border-bottom: 1px solid rgba(74, 38, 15, 0.10);

    }


    .highlight-item:last-child {

        border-bottom: none;

    }


    .highlight-number {

        font-size: 30px;

    }


    .highlight-number.highlight-text {

        font-size: 19px;

    }

}

/* =========================================
   ABOUT RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .about-section {

        padding: 100px 0;

    }


    .about-visual {

        min-height: 500px;

        padding-right: 35px;

    }


    .about-image-wrapper {

        height: 460px;

    }


    .about-content {

        padding-left: 15px;

    }


    .section-title {

        font-size: 48px;

    }

}


@media (max-width: 991px) {

    .about-section {

        padding: 90px 0;

    }


    .about-visual {

        max-width: 650px;

        margin: 0 auto 30px;

    }


    .about-content {

        padding-left: 0;

    }


    .section-title {

        font-size: 50px;

    }

}


@media (max-width: 767px) {

    .about-section {

        padding: 75px 0;

    }


    .about-visual {

        min-height: 450px;

        padding-right: 20px;

        padding-bottom: 30px;

    }


    .about-image-wrapper {

        height: 400px;

    }


    .about-experience {

        left: 0;

        bottom: 60px;

        width: 165px;

        min-height: 85px;

        padding: 15px;

    }


    .experience-number {

        font-size: 34px;

    }


    .about-capacity {

        right: 0;

        padding: 15px;

        min-width: 185px;

    }


    .about-capacity strong {

        font-size: 22px;

    }


    .section-title {

        font-size: 42px;

    }


    .about-intro {

        font-size: 15px;

    }

}


@media (max-width: 575px) {

    .about-section {

        padding: 65px 0;

    }


    .about-visual {

        min-height: 380px;

        padding: 0 10px 30px 0;

    }


    .about-image-wrapper {

        height: 340px;

    }


    .about-experience {

        left: -5px;

        bottom: 55px;

        width: 150px;

    }


    .about-capacity {

        min-width: 175px;

        padding: 12px;

    }


    .capacity-small-icon {

        width: 36px;

        height: 36px;

    }


    .about-capacity strong {

        font-size: 19px;

    }


    .section-title {

        font-size: 37px;

    }


    .about-description {

        font-size: 13px;

    }


    .about-cta {

        align-items: flex-start;

        flex-direction: column;

        gap: 18px;

    }

}

/* =========================================
   PRODUCTS RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .products-section {

        padding: 90px 0;

    }


    .product-image {

        height: 300px;

    }


    .products-bottom {

        align-items: flex-start;

        flex-direction: column;

    }

}


@media (max-width: 767px) {

    .products-section {

        padding: 75px 0;

    }


    .product-image {

        height: 320px;

    }


    .product-content {

        padding: 25px 22px 28px;

    }


    .product-content h3 {

        font-size: 25px;

    }


    .product-content p {

        min-height: auto;

    }


    .products-bottom {

        padding: 22px;

    }


    .btn-products {

        width: 100%;

        justify-content: center;

    }

}


@media (max-width: 575px) {

    .product-image {

        height: 280px;

    }

}

/* =========================================
   TECHNOLOGY RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .technology-section {

        padding: 100px 0;

    }


    .technology-visual {

        min-height: 520px;

        padding-left: 20px;

    }


    .technology-image-wrapper {

        height: 500px;

    }

}


@media (max-width: 991px) {

    .technology-section {

        padding: 90px 0;

    }


    .technology-visual {

        margin-top: 30px;

        padding-left: 0;

    }


    .technology-image-wrapper {

        height: 500px;

    }


    .quality-card {

        left: -10px;

    }


    .technology-label {

        right: -5px;

    }

}


@media (max-width: 767px) {

    .technology-section {

        padding: 75px 0;

    }


    .technology-visual {

        min-height: 430px;

        padding-bottom: 35px;

    }


    .technology-image-wrapper {

        height: 420px;

    }


    .quality-card {

        min-width: 220px;

        padding: 15px;

    }


    .technology-label {

        width: 70px;

        height: 130px;

    }


    .technology-label strong {

        font-size: 15px;

        margin-top: 30px;

    }

}


@media (max-width: 575px) {

    .technology-image-wrapper {

        height: 350px;

    }


    .quality-card {

        left: -5px;

        min-width: 205px;

    }


    .quality-card strong {

        font-size: 15px;

    }


    .technology-label {

        right: 0;

        width: 60px;

        height: 110px;

    }


    .technology-label span {

        font-size: 7px;

    }


    .technology-label strong {

        font-size: 13px;

        margin-top: 25px;

    }

}

/* =========================================
   PROCESS RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .process-timeline {

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

        row-gap: 55px;

    }


    .process-line {

        display: none;

    }


    .process-step {

        padding: 0 15px;

    }

}


@media (max-width: 991px) {

    .process-section {

        padding: 90px 0;

    }


    .process-timeline {

        margin-top: 55px;

    }

}


@media (max-width: 767px) {

    .process-section {

        padding: 75px 0;

    }


    .process-timeline {

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

        gap: 40px 20px;

    }


    .process-icon {

        width: 62px;

        height: 62px;

        font-size: 18px;

    }


    .process-content h3 {

        font-size: 17px;

    }


    .process-bottom {

        align-items: flex-start;

        justify-content: flex-start;

    }

}


@media (max-width: 575px) {

    .process-timeline {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .process-step {

        display: grid;

        grid-template-columns: 65px 1fr;

        gap: 18px;

        text-align: left;

        align-items: start;

        padding: 0;

    }


    .process-icon {

        margin: 0;

    }


    .process-content {

        padding-top: 5px;

    }


    .process-bottom {

        margin-top: 50px;

        padding: 16px;

    }

}

/* =========================================
   WHO WE SERVE RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .serve-section {

        padding: 90px 0;

    }


    .serve-card,
    .serve-card-large {

        height: 360px;

    }


    .serve-card h3 {

        font-size: 24px;

    }

}


@media (max-width: 767px) {

    .serve-section {

        padding: 75px 0;

    }


    .serve-heading {

        margin-bottom: 40px;

    }


    .serve-grid {

        grid-template-columns: 1fr;

        gap: 16px;

    }


    .serve-card,
    .serve-card-large {

        height: 360px;

    }


    .serve-card-content {

        padding: 22px;

    }


    .serve-card h3 {

        font-size: 25px;

    }

}


@media (max-width: 575px) {

    .serve-card,
    .serve-card-large {

        height: 330px;

    }


    .serve-card-content {

        grid-template-columns: 38px 1fr 38px;

        gap: 11px;

        padding: 18px;

    }


    .serve-number {

        width: 34px;

        height: 34px;

        font-size: 11px;

    }


    .serve-card h3 {

        font-size: 22px;

    }


    .serve-card p {

        font-size: 10px;

    }


    .serve-arrow {

        width: 36px;

        height: 36px;

    }


    .serve-bottom {

        padding: 17px;

    }

}

/* =========================================
   RECOGNITION RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .recognition-stats {

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

    }


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

        border-right: 0;

    }


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

        border-bottom: 1px solid rgba(74,38,15,0.12);

    }


    .recognition-awards {

        grid-template-columns: 1fr;

    }


    .recognition-feature {

        min-height: 450px;

    }

}


@media (max-width: 767px) {

    .recognition-section {

        padding: 75px 0;

    }


    .recognition-heading {

        margin-bottom: 40px;

    }


    .recognition-stats {

        grid-template-columns: 1fr 1fr;

    }


    .recognition-stat {

        padding: 20px 12px;

    }


    .recognition-stat-icon {

        width: 38px;

        height: 38px;

        font-size: 12px;

    }


    .recognition-stat strong {

        font-size: 22px;

    }


    .recognition-awards {

        margin-top: 40px;

    }


    .recognition-feature {

        min-height: 400px;

        padding: 30px;

    }


    .recognition-feature h3 {

        font-size: 34px;

    }


    .award-item {

        grid-template-columns: 55px 42px 1fr;

        gap: 10px;

        padding: 20px 18px;

    }


    .award-arrow {

        display: none;

    }


    .promoter-recognition {

        grid-template-columns: 45px 1fr;

        padding: 20px;

    }


    .promoter-recognition-mark {

        display: none;

    }

}


@media (max-width: 575px) {

    .recognition-stats {

        grid-template-columns: 1fr;

    }


    .recognition-stat {

        border-right: 0;

        border-bottom: 1px solid rgba(74,38,15,0.12);

    }


    .recognition-stat:last-child {

        border-bottom: 0;

    }


    .recognition-feature {

        min-height: 370px;

        padding: 25px;

    }


    .recognition-feature h3 {

        font-size: 30px;

    }


    .award-item {

        grid-template-columns: 48px 38px 1fr;

    }


    .award-year {

        font-size: 17px;

    }


    .award-icon {

        width: 36px;

        height: 36px;

        font-size: 11px;

    }


    .award-content h4 {

        font-size: 15px;

    }


    .promoter-recognition {

        grid-template-columns: 1fr;

        text-align: center;

    }


    .promoter-recognition-icon {

        margin: 0 auto;

    }

}

/* =========================================
   LEADERSHIP RESPONSIVE
========================================= */

@media (max-width: 1199px) {

    .leader-card {

        grid-template-columns: 40% 60%;

    }

}


@media (max-width: 991px) {

    .leadership-section {

        padding: 90px 0;

    }


    .leadership-grid {

        grid-template-columns: 1fr;

        max-width: 800px;

    }


    .leader-card {

        min-height: 400px;

    }


    .leader-image {

        min-height: 400px;

    }

}


@media (max-width: 767px) {

    .leadership-section {

        padding: 75px 0;

    }


    .leadership-heading {

        margin-bottom: 40px;

    }


    .leader-card {

        grid-template-columns: 1fr;

    }


    .leader-image {

        min-height: 380px;

        height: 380px;

    }


    .leader-info {

        padding: 30px 25px;

    }


    .leadership-quote {

        padding: 24px;

        align-items: flex-start;

    }


    .leadership-quote-content p {

        font-size: 15px;

    }

}


@media (max-width: 575px) {

    .leader-image {

        min-height: 330px;

        height: 330px;

    }


    .leader-info h3 {

        font-size: 27px;

    }


    .leadership-quote {

        flex-direction: column;

        text-align: center;

    }


    .leadership-quote-mark {

        margin: 0 auto;

    }

}

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

@media (max-width: 991px) {

    .flour-range-section {
        padding: 85px 0;
    }

    .flour-image {
        height: 280px;
    }

    .flour-content {
        padding: 28px 24px 23px;
    }

}


@media (max-width: 767px) {

    .flour-range-section {
        padding: 70px 0;
    }

    .section-heading {
        margin-bottom: 35px;
    }

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

    .section-heading p {
        font-size: 14px;
    }

    .flour-image {
        height: 270px;
    }

    .flour-note {
        align-items: flex-start;
        padding: 22px;
        gap: 15px;
    }

    .flour-note-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

}


@media (max-width: 480px) {

    .flour-range-section {
        padding: 60px 0;
    }

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

    .flour-image {
        height: 240px;
    }

    .flour-content h3 {
        font-size: 22px;
    }

    .flour-bottom {
        align-items: flex-start;
        gap: 12px;
    }

    .flour-note {
        flex-direction: column;
    }

}

@media (max-width: 991px) {

    .partners-section {
        padding: 85px 0;
    }

    .partners-showcase {
        grid-template-columns: 1fr;
        gap: 35px;

        padding: 40px;
    }

    .partner-intro h3 {
        font-size: 32px;
    }

    .recognition-strip {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

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

    .partners-showcase {
        padding: 30px 25px;
        border-radius: 16px;
    }

    .partner-intro h3 {
        font-size: 28px;
    }

    .partner-stat {
        padding: 18px;
    }

    .recognition-items {
        width: 100%;

        justify-content: space-between;

        gap: 15px;
    }

    .recognition-item:not(:last-child)::after {
        right: -8px;
    }

}


@media (max-width: 480px) {

    .partner-intro h3 {
        font-size: 25px;
    }

    .recognition-items {
        display: grid;

        grid-template-columns: 1fr;

        gap: 18px;
    }

    .recognition-item:not(:last-child)::after {
        display: none;
    }

    .partner-logo-card {
        padding: 18px;
    }

}

@media (max-width: 991px) {

    .quality-section {
        padding: 85px 0;
    }

    .quality-visual {
        min-height: 520px;
        margin-top: 20px;
    }

    .quality-main-image {
        width: 80%;
        height: 420px;
    }

    .technology-strip {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 767px) {

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

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

    .quality-visual {
        min-height: 450px;
    }

    .quality-main-image {
        width: 86%;
        height: 350px;
    }

    .quality-small-image {
        width: 48%;
        height: 170px;
    }

    .quality-floating-card {
        left: 10px;
        top: 40px;
    }

    .capacity-badge {
        right: 10px;
    }

    .technology-strip {
        padding: 25px 20px;
    }

    .technology-items {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 480px) {

    .quality-visual {
        min-height: 400px;
    }

    .quality-main-image {
        width: 88%;
        height: 310px;
    }

    .quality-small-image {
        width: 52%;
        height: 145px;
    }

    .quality-floating-card {
        padding: 10px 13px;
    }

    .quality-floating-icon {
        width: 35px;
        height: 35px;
    }

    .capacity-badge {
        padding: 11px 13px;
    }

    .capacity-badge strong {
        font-size: 24px;
    }

}

@media (max-width: 991px) {

    .facility-section {
        padding: 90px 0;
    }

    .facility-gallery {
        grid-template-columns: 1fr;
    }

    .facility-gallery-main {
        height: 500px;
    }

    .facility-gallery-side {
        height: 400px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }

    .facility-highlights {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .facility-highlight:nth-child(2) {
        border-right: 0;
    }

    .facility-highlight:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

    .facility-bottom {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}


@media (max-width: 767px) {

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

    .facility-gallery {
        margin-top: 35px;
    }

    .facility-gallery-main {
        height: 400px;
    }

    .facility-image-overlay {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .facility-image-overlay h3 {
        font-size: 26px;
    }

    .facility-gallery-side {
        height: 330px;
        gap: 12px;
    }

    .facility-highlights {
        grid-template-columns: 1fr;
    }

    .facility-highlight {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.10);
    }

    .facility-highlight:last-child {
        border-bottom: 0;
    }

    .facility-bottom {
        margin-top: 50px;
    }

    .facility-bottom h3 {
        font-size: 28px;
    }

}


@media (max-width: 480px) {

    .facility-gallery-main {
        height: 350px;
    }

    .facility-gallery-side {
        height: auto;

        grid-template-columns: 1fr;
        grid-template-rows: 220px 220px;
    }

    .facility-image-overlay h3 {
        font-size: 23px;
    }

    .facility-image-overlay p {
        font-size: 12px;
    }

}

@media (max-width: 1199px) {

    .why-feature {
        grid-template-columns: 30px 42px 1fr;

        gap: 9px;

        padding: 18px 14px;
    }

}


@media (max-width: 991px) {

    .why-realgrain-section {
        padding: 90px 0;
    }

    .why-main-card {
        min-height: 520px;
    }

    .why-features {
        margin-top: 25px;
    }

}


@media (max-width: 767px) {

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

    .why-main-card {
        min-height: 470px;
    }

    .why-main-overlay {
        left: 23px;
        right: 23px;
        bottom: 25px;
    }

    .why-main-overlay h3 {
        font-size: 30px;
    }

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

    .why-bottom-cta {
        align-items: flex-start;

        flex-wrap: wrap;

        padding: 22px;
    }

    .why-bottom-content {
        flex: 1 1 calc(100% - 75px);
    }

    .why-cta-btn {
        margin-left: 70px;
    }

}


@media (max-width: 480px) {

    .why-main-card {
        min-height: 430px;
    }

    .why-main-overlay h3 {
        font-size: 27px;
    }

    .why-feature {
        grid-template-columns: 30px 45px 1fr;
    }

    .why-bottom-cta {
        gap: 13px;
    }

    .why-bottom-content h3 {
        font-size: 19px;
    }

    .why-cta-btn {
        width: calc(100% - 65px);

        justify-content: center;

        margin-left: 65px;
    }

}

@media (max-width: 991px) {

    .food-safety-section {
        padding: 90px 0;
    }

    .safety-visual {
        min-height: 520px;
        margin-bottom: 15px;
    }

    .safety-main-image {
        width: 88%;
        height: 450px;
    }

}


@media (max-width: 767px) {

    .food-safety-section {
        padding: 70px 0;
    }

    .safety-visual {
        min-height: 430px;
    }

    .safety-main-image {
        left: 10px;

        width: 88%;
        height: 370px;
    }

    .safety-floating-card {
        right: 5px;
        top: 30px;

        padding: 11px 13px;
    }

    .safety-floating-icon {
        width: 36px;
        height: 36px;
    }

    .safety-badge {
        width: 85px;
        height: 85px;

        left: 0;
        bottom: 10px;
    }

    .safety-badge span {
        font-size: 7px;
    }

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

    .safety-points {
        grid-template-columns: 1fr;
        gap: 5px;
    }

}


@media (max-width: 480px) {

    .safety-visual {
        min-height: 390px;
    }

    .safety-main-image {
        height: 330px;
    }

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

    .safety-intro {
        font-size: 13px;
    }

    .safety-mini-stats {
        flex-wrap: wrap;
        gap: 15px;
    }

    .safety-mini-stats > div {
        padding-right: 15px;
        margin-right: 15px;
    }

}