/* ===========================================
Responsive Styles
=========================================== */

@media(max-width:992px){

}

@media(max-width:768px){

}

@media(max-width:576px){

}

/*=========================================================
ABOUT PAGE
=========================================================*/

@media(max-width:991px){

.about-hero{

min-height:430px;

padding:80px 0;

}

.about-hero h1{

font-size:42px;

}

.about-hero p{

font-size:18px;

}

}

@media(max-width:768px){

.about-hero{

min-height:360px;

text-align:center;

}

.about-hero h1{

font-size:34px;

}

.about-hero p{

font-size:16px;

}

}

@media(max-width:1100px){

    .founder-wrapper{

        grid-template-columns:1fr;

    }

    .founder-left{

        border-right:none;

        border-bottom:1px solid #ececec;

    }

    .founder-quote{

        border-top:1px solid rgba(255,255,255,.15);

    }

}



@media(max-width:992px){

    .closing-wrapper{

        grid-template-columns:1fr;

        text-align:center;

        gap:28px;

    }

    .closing-logo-left img,

    .closing-logo-right img{

        margin:auto;

    }

}

@media(max-width:576px){

    .closing-content h2{

        font-size:28px;

    }

    .closing-content p{

        font-size:17px;

        letter-spacing:1px;

    }

}

/*==========================================================
MS-OS-01 (OUR SERVICES - 10 Points)
Responsive
==========================================================*/

/*==========================================================
MS-OS-01
Responsive
==========================================================*/

@media(max-width:1400px){

.services-grid{

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

}

}

@media(max-width:1200px){

.services-grid{

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

}

}

@media(max-width:992px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

}

/*==========================================================
MS-OS-04 (SUPPORTING CUSTOMERS THROUGHOUT...)
==========================================================*/

@media(max-width:1200px){

.lifecycle-process{

flex-wrap:wrap;

row-gap:24px;

}

.step-arrow{

display:none;

}

}

@media(max-width:768px){

.lifecycle-title{

font-size:24px;

}

.lifecycle-step{

width:46%;

margin-bottom:20px;

}

}

@media(max-width:576px){

.lifecycle-step{

width:100%;

}

}

/*==========================================================
MS-OS-05 (WE COMMIT TO BE WITH YOU IN EVERY....)
Responsive
==========================================================*/

@media(max-width:1200px){

.commitment-wrapper{

flex-direction:column;

padding:30px;

}

.commitment-logo{

position:relative;

left:auto;

top:auto;

transform:none;

margin-bottom:20px;

}

.commitment-message{

padding:0;

text-align:center;

margin-bottom:25px;

}

.commitment-items{

flex-wrap:wrap;

justify-content:center;

}

.commitment-item{

border-left:none;

border-top:1px solid rgba(201,158,52,.35);

padding:20px;

width:50%;

justify-content:center;

}

}

@media(max-width:768px){

.commitment-item{

width:100%;

}

.commitment-message h2{

font-size:22px;

}

.commitment-message h3{

font-size:16px;

}
}

/*==========================================================
MS-OS-06 (SERVICES - GLOBAL PRESENCE STRIP)
Responsive
==========================================================*/

@media(max-width:992px){

.presence-wrapper{

flex-direction:column;

gap:30px;

}

.presence-divider{

display:none;

}

.presence-box{

justify-content:center;

text-align:center;

flex-direction:column;

}

}

/*==========================================================
5. INDUSTRIES & CUSTOMER SEGMENTS
MS-ICS-01
INDUSTRIES HERO
==========================================================*/

@media(max-width:992px){

.industries-hero-wrapper{

    flex-direction:column;

}

.industries-hero-left{

    flex:unset;

}

.industries-hero-curve{

    display:none;

}

.industries-left-content{

    padding:50px 28px;

}

.industries-left-content h1{

    font-size:42px;

}

.industries-left-content h2{

    font-size:22px;

}

.industries-left-content p{

    font-size:17px;

}

.industries-hero-right{

    height:420px;

}

}

/*==========================================================
MS-ICS-02
CUSTOMER SEGMENTS
==========================================================*/

@media(max-width:1200px){

.customer-grid{

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

}

}

@media(max-width:768px){

.customer-grid{

    grid-template-columns:1fr;

}

.customer-card{

    min-height:auto;

}

}

/*==========================================================
MS-ICS-03
GLOBAL SUPPLY CHAIN BANNER (Supporting customers across...)
==========================================================*/

@media(max-width:992px){

.industry-banner-wrapper{

    flex-direction:column;

}

.industry-banner-left{

    flex:unset;

}

.industry-banner-content{

    padding:35px 28px;

}

.industry-banner-content h2{

    font-size:28px;

}

.industry-banner-right{

    height:280px;

}

}

/*==========================================================
MS-ICS-04A
RESPONSIVE (6 industry sectors)
==========================================================*/

@media(max-width:992px){

.industry-grid{

    grid-template-columns:1fr;

}

.industry-card{

    flex-direction:column;

}

.industry-image{

    height:260px;

}

}

/*==========================================================
MS-ICS-05
RESPONSIVE (Why industries trust... 6 boxes)
==========================================================*/

@media(max-width:1200px){

.trust-grid{

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

}

}

@media(max-width:768px){

.trust-grid{

    grid-template-columns:1fr;

}

}

/*==========================================================
MS-ICS-06
RESPONSIVE - OUR GLOBAL PRESENCE
==========================================================*/

@media(max-width:1200px){

.presence-wrapper{

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

}

.presence-map{

    grid-column:1/-1;

}

}

@media(max-width:768px){

.presence-wrapper{

    grid-template-columns:1fr;

}

.presence-column{

    border-left:none;

    border-top:1px solid #f2e6ca;

}

}

/*==========================================================
MS-ICS-07
RESPONSIVE (EXPLORE OUR PRODUCTS...)
==========================================================*/

@media(max-width:992px){

.partner-buttons{

    grid-template-columns:1fr;

}

.partner-text h2{

    font-size:32px;

}

}

/*==========================================================
INTERNATIONAL STANDARDS
==========================================================*/

@media(max-width:1200px){

    .standards-grid{

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

    }

}

@media(max-width:768px){

    .standards-grid{

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

    }

}

@media(max-width:480px){

    .standards-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
MATERIAL SELECTION CONSIDERATION
==========================================================*/

@media(max-width:992px){

    .expertise-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
ADVANTAGES BELT RESPONSIVE (5 columns under multi-country sourcing capability)
==========================================================*/

@media(max-width:992px){

    .advantages-grid{

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

    }

}

@media(max-width:768px){

    .advantages-grid{

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

    }

}

@media(max-width:480px){

    .advantages-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
IMPORTANT NOTE & OUR COMMITMENT
==========================================================*/

@media(max-width:992px){

    .specifications-commitment-grid{

        grid-template-columns:1fr;

    }

    .specifications-commitment-content{

        grid-template-columns:1fr;

    }

}

/*==========================================================
NEED ASSISTANCE SELECTING...
==========================================================*/

@media(max-width:992px){

    .specifications-cta-wrapper{

        grid-template-columns:1fr;

        text-align:center;

    }

    .specifications-cta-buttons{

        padding-top:0;

    }

}

/*==========================================================
SPECIFICATIONS CONTINUE JOURNEY RESPONSIVE
==========================================================*/

@media(max-width:1200px){

    .specifications-journey-grid{

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

    }

}

@media(max-width:768px){

    .specifications-journey-grid{

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

    }

}

@media(max-width:480px){

    .specifications-journey-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
WEIGHT CALCULATION HERO RESPONSIVE
==========================================================*/

@media (max-width:992px){

    .weight-hero-grid{

        grid-template-columns:1fr;

    }

    .weight-hero-text{

        padding:50px 30px;

    }

    .weight-hero-text h1{

        font-size:44px;

    }

    .weight-hero-text h3{

        font-size:22px;

    }

    .weight-hero-image{

        height:auto;

    }

    .weight-hero-image img{

        width:100%;

        height:auto;

    }

}

@media (max-width:768px){

    .weight-hero-text{

        padding:40px 25px;

    }

    .weight-hero-text h1{

        font-size:36px;

    }

    .weight-hero-text h3{

        font-size:20px;

    }

    .weight-hero-text p{

        font-size:16px;

    }

    .weight-hero-note{

        flex-direction:column;

        align-items:flex-start;

    }

}

/*==========================================================
WEIGHT TOOLS RESPONSIVE
==========================================================*/

@media(max-width:1200px){

    .weight-tools-grid{

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

    }

}

@media(max-width:768px){

    .weight-tools-grid{

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

    }

    .weight-tools-wrapper h2{

        font-size:24px;

    }

}

@media(max-width:480px){

    .weight-tools-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
INTERNATIONAL STANDARDS RESPONSIVE
==========================================================*/

@media(max-width:1200px){

    .weight-standards-grid{

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

    }

}

@media(max-width:768px){

    .weight-standards-grid{

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

    }

}

@media(max-width:480px){

    .weight-standards-grid{

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

    }

}

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

@media(max-width:992px){

    .weight-consultation-grid{

        grid-template-columns:1fr;

    }

    .weight-consultation-content{

        grid-template-columns:1fr;

    }

}

/*==========================================================
OUR COMMITMENT RESPONSIVE
==========================================================*/

@media (max-width:992px){

    .weight-commitment-grid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .weight-commitment-middle{

        border:none;

        padding:20px 0;

        justify-content:flex-start;

    }

    .weight-commitment-right{

        text-align:left;

        padding-left:0;

    }

}

/*==========================================================
QUICK NAVIGATION RESPONSIVE (the bottom last 5 columns)
==========================================================*/

@media(max-width:1200px){

    .weight-quick-grid{

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

    }

}

@media(max-width:768px){

    .weight-quick-grid{

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

    }

}

@media(max-width:576px){

    .weight-quick-grid{

        grid-template-columns:1fr;

    }

}



@media(max-width:1200px){

    .tradeally-workflow-grid{

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

        gap:18px;

        background:none;

        border:none;

    }

    .tradeally-step{

        border:1px solid #e5e5e5;

        border-radius:8px;

    }

    .tradeally-step-arrow{

        display:none;

    }

}

@media(max-width:768px){

    .tradeally-workflow-grid{

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

    }

}

@media(max-width:480px){

    .tradeally-workflow-grid{

        grid-template-columns:1fr;

    }

}

/*==========================================================
KEY CAPABILITIES (workflow & execution control - 4 columns)
==========================================================*/

@media(max-width:1200px){

    .tradeally-capabilities-grid{

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

    }

}

@media(max-width:768px){

    .tradeally-capabilities-grid{

        grid-template-columns:1fr;

    }

    .tradeally-capability-card{

        background-size:30%;

    }

    .tradeally-capability-content{

        padding-right:34%;

    }

}

/*==========================================================
SUBMIT US PAGE  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .submit-under-development{

        padding:70px 0;

    }

    .submit-under-development-card{

        padding:45px 25px;

    }

    .submit-under-development-card h2{

        font-size:28px;

    }

    .submit-under-development-card p{

        font-size:16px;

    }

}


/*==========================================================
CAREERS PAGE  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .careers-under-development{

        padding:70px 0;

    }

    .careers-under-development-card{

        padding:45px 25px;

    }

    .careers-under-development-card h2{

        font-size:28px;

    }

    .careers-under-development-card p{

        font-size:16px;

    }

}

/*==========================================================
TECHNOLOGY, MANUAL & SOP  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .technology-under-development{

        padding:70px 0;

    }

    .technology-under-development-card{

        padding:45px 25px;

    }

    .technology-under-development-card h2{

        font-size:28px;

    }

    .technology-under-development-card p{

        font-size:16px;

    }

}

/*==========================================================
SAFE SOURCING & RISK MANAGEMENT  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .sourcing-under-development{

        padding:70px 0;

    }

    .sourcing-under-development-card{

        padding:45px 25px;

    }

    .sourcing-under-development-card h2{

        font-size:28px;

    }

    .sourcing-under-development-card p{

        font-size:16px;

    }

}


/*==========================================================
KNOWLEDGE CENTER  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .knowledge-under-development{

        padding:70px 0;

    }

    .knowledge-under-development-card{

        padding:45px 25px;

    }

    .knowledge-under-development-card h2{

        font-size:28px;

    }

    .knowledge-under-development-card p{

        font-size:16px;

    }

}


/*==========================================================
SUPPLIERS PAGE  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .suppliers-under-development{

        padding:70px 0;

    }

    .suppliers-under-development-card{

        padding:45px 25px;

    }

    .suppliers-under-development-card h2{

        font-size:28px;

    }

    .suppliers-under-development-card p{

        font-size:16px;

    }

}

/*==========================================================
CONFIDENTIALITY & ETHICS PAGE  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .confidentiality-under-development{

        padding:70px 0;

    }

    .confidentiality-under-development-card{

        padding:45px 25px;

    }

    .confidentiality-under-development-card h2{

        font-size:28px;

    }

    .confidentiality-under-development-card p{

        font-size:16px;

    }

}

/*==========================================================
FAQ PAGE  - UNDER DEVELOPMENT
==========================================================*/

@media(max-width:768px){

    .faq-under-development{

        padding:70px 0;

    }

    .faq-under-development-card{

        padding:45px 25px;

    }

    .faq-under-development-card h2{

        font-size:28px;

    }

    .faq-under-development-card p{

        font-size:16px;

    }

}