@media screen and (max-width:1180px) {

    :root {
        --bigHeadingSize: 1.2rem;
        --medHeadingSize: 0.8rem;
        --smallHeadingSize: 0.8rem;
        --extraSmallHeadingSize: 0.8rem;
    }

    /* Navbar Responsive Code Start  */


    .navBrand h4 {
        font-size: 1.0rem;
    }

    .navList {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #f8f8f8;
        position: absolute;
        top: 80px;
        left: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .navList.active {
        display: flex;
        z-index: 999;
    }

    .navList ul {
        flex-direction: column;
        align-items: center;
    }

    .navList ul li {
        margin: 1rem 0;
    }

    .hamburger {
        display: flex;
    }

    /* Navbar Responsive Code End */


    /* Home Page Responsive Code Start */
    .heroSection {
        width: 100%;
        padding: 1rem 0;
        margin: 1rem auto;
    }
    
    .heroSectionCol {
        flex-direction: column;
        padding: 2rem 0;
        border-radius: 0;
        width: 100%;
    }

    .heroSectionRow1 {
        order: 2;
    }

    .heroSectionRow ul li {
        font-size: var(--medHeadingSize);
        padding: 0;
    }

    .heroSectionRow ul li img {
        height: 1.5rem;
    }

    .homeServices {
        width: 100%;
        padding: 2rem 1rem;
        margin: 1rem 0;
    }

    .homeSerCol {
        flex-direction: column;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .homeSerRow {
        padding: 0;
        margin: 0;
    }

    .homeSerRow ul li a {
        font-size: 1.2rem;
        padding: 0;
        margin: 0;
    }

    .clientSection {
        width: 100%;
        padding: 2rem;
        margin: 2rem auto;
    }

    .clientSection h1 {
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .clientSection p {
        font-size: var(--extraSmallHeadingSize);
    }

    .solidBlueBar {
        width: 100%;
        padding: 0;
        margin: 2rem 0;
    }

    .clientCol {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .clientRow {
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .clientRow img {
        height: 5rem;
        object-fit: contain;
    }

    footer {
        width: 100%;
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .footerCol {
        flex-direction: column;
    }

    .footerRow {
        width: 100%;
        padding: 1rem;
        margin: 0;
    }

    .footerRow p {
        line-height: 1.5;
    }
    /* Home Page Responsive Code End */

    

    /* About Page Code Start  */

    .aboutHero {
        height: auto;
        margin: auto;
    }

    .aboutHeroBG {
        height: 300px;
    }

    .historySection {
        margin: 1rem 0;
        padding: 1rem 0;
    }

    .historyCol {
        padding: 1rem;
        margin: 2rem 0;
        width: 100%;
        flex-direction: column;
    }

    .historyRow {   
        width: 100%;
        padding: 2rem;
        margin: 1rem auto;
    }

    .historyRow h2 {
        border-left: 1rem solid red ;
    }

    .locations {
        width: 100%;
        padding: 1rem;
        margin: 1rem auto;
    }

    .locationBG img  {
        width: 100%;
        margin: 1rem auto;
        height: 300px;
        object-fit: cover;
        object-position: 10% 10%;
    }

    .faqSection {
        width: 100%;
        padding: 2rem;
        margin: 0;
    }

    .faqCol {
        width: 100%;
    }

    /* About Page Code End */

    /* Quality Page Code Start */

    .qualityDetailSection {
        width: 100%;
        padding: 2rem;
        margin: 1rem 0;
    }

    .qualityBG img {
        background-color: green;
        padding: 1rem;        
    }
    
    .mouldQualityCol {
        padding: 0;
        margin: 0;
        width: 100%;
        flex-direction: column;
    }

    .mouldQualityRow {
        padding: 1rem;
        width: 100%;
    }

    .qualityDetailCol {
        width: 100%;
        flex-direction: column;
        
    }

    .machinerySection {
        width: 100%;
        padding: 2rem;
        margin: 2rem 0;
    }

    .machineryRow {
        width: 100%;
    }

    /* Quality Page Code End */


    /* Manufacturing Page Code Start */

    .blowMouldDetail {
        width: 100%;
        margin: 1rem 0;
        padding: 1rem 0;
    }

     .bmDetailsRow {
        padding: 1rem;
        margin: 1rem 0;
     }

    .bmDetailCol {
        flex-direction: column;
        padding: 1rem 0;
        margin: 1rem;
    }

    .blowMouldCol {
        flex-direction: column;
        width: 100%;
        padding: 1rem 0;
        margin: 1rem 0;
        align-items: center;
    }
    
    /* Manufacturing Page Code End */


    /* Career Page Code Start  */

    .careerHero {
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .careerHeroBg {
        width: 100%;
        padding: 1rem;
    }

    .careerHeroBg img {
        width: 100%;
    }

    .whyWorkSection {
        padding: 1rem;
        margin: 0;
        width: 100%;
    }

    .whyWorkDetailCol  {
        width: 100%;
        flex-direction: column;
        padding: 2rem;
        margin: 1rem 0;
    }

    .whyWorkDetailsRow {
        width: 100%;
        padding: 1rem;
        margin: 1rem 0;
        background-color: white;
        justify-content: flex-start;
        align-items: center;
    }
    
    .currentOpeaning {
        width: 100%;
        padding: 1rem;
        margin: 1rem 0;
    }
    .opeaningCol {
        width: 100%;
        padding: 1rem;
        margin: 1rem 0;
    }

    .opeaningRow {
        padding: 1rem;
        width: 100%;
    }
    /* Career Page Code End */


    /* Contact Page Code Start  */


    .contactHero {
        /* background-color: red; */
        width: 100%;
    }
    
    #contactHeroBG {
        /* background-color: red; */
        padding: 1rem;
        height: 200px;
        padding: 0;
        margin: 0;
        object-fit: contain;
    }

    .contactDetails {
        width: 100%;
        align-items: center;
    }

    .contactDetailCol {
        flex-direction: column;
        width: 100%;
    }

    .contactDetailRow {
        width: 100%;
        background-color: white;
    }

    /* Contact Page Code End  */
}