@media (max-width: 1200px) {

    /*------------ Production Sec ------------*/
    .production_sec .container {
        margin-right: auto;
    }
}

@media (max-width: 1024px) {

    .hero_sec .heading {
        font-size: 50px;
    }

    .hero_sec .subheading {
        font-size: 18px;
    }

    .ecoHeading {
        font-size: 48px;
        line-height: 56px;
    }

    /*------------ Woman Team Sec ------------*/
    .womanTeam_sec .ecoHeading {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .womanTeam_sec .whiteBox {
        max-width: 390px;
    }
}


@media (max-width: 991px) {

    /* custome css */
    section {
        padding: 50px 0;
    }


    .heading {
        font-size: 50px;
        line-height: 56px;
    }


    /* navbar */
    .header_wrapper .navbar-brand img {
        height: 50px;
    }

    .header_wrapper .navbar-toggler {
        line-height: 0;
    }

    .header-scrolled {
        height: auto;
    }

    .header_wrapper .menu-navbar-nav {
        text-align: center;
        background-color: var(--primary-color);
        padding-bottom: 15px;
    }

    .header_wrapper .nav-item .nav-link {
        margin-top: 15px;
    }

    /*------------------- Mission Section -------------------*/
    .missionEco_sec {
        padding: 50px 0;
    }


    .missionEco_sec .underLine {
        width: 100px;
        height: 1px;
        background-color: #fff;
        margin-top: 60px;
    }


    .missionEco_sec img {
        max-height: 595px;
    }
}


@media (max-width: 768px) {

    .hero_sec .social {
        justify-content: center;
    }

    .hero_sec .social a {
        margin-top: 30px;
        margin-bottom: 30px;
        z-index: 5;
    }

    .hero_sec .card {
        width: 100%;
    }

    .womanTeam_sec .whiteBox {
        max-width: 100%;
        margin-top: 30px;
    }

    .womanTeam_sec {
        padding-bottom: 0;
    }

    /*------------ Life Cycle Sec ------------*/
    .EcoProduct_sec {
        padding-bottom: 50px;
    }

    .EcoProduct_sec .rightSec .swiper.mySwiper.ProductSecSlide {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 300px;
        height: 300px;
    }

    .EcoProduct_sec .rightSec .swiper.mySwiper.ProductSecSlide .item {
        width: 240px;
        height: 240px;
        margin: 30px;
    }

    .rightSec>img {
        width: 100%;
        height: 500px !important;
        object-fit: cover;
    }

    .ProductSecSlide .swiper-button-next {
        right: 0;
    }

    .ProductSecSlide .swiper-button-prev {
        left: 0;
    }

    /* Step Into COntact FOrm */
    .stepInto_sec .contactForm {
        padding: 30px 20px;
        position: inherit;
        top: 50%;
    }

    /*========== FOOTER ==========*/
    footer {
        padding: 40px 0;
    }
}

@media (max-width: 520px) {
    .swiper {
        width: 100%;
    }

    .swiper-slide {
        width: 100%;
    }

    .contactBgImg {
      height: 80vh !important;
    }
}

@media (max-width: 480px) {
    section {
        padding: 50px 0;
    }

    .heading {
        font-size: 40px;
        line-height: 43px;
    }


    p {
        font-size: 16px;
        line-height: 22px;
    }

    .hero_sec .heading {
        margin-top: 40px;
        font-size: 40px;
    }

    .hero_sec .subheading {
        font-size: 14px;
        line-height: 22px;
    }


    .hero-btn {
        font-size: 14px;
    }

    .hero-btn::after {
        width: 30px;
        height: 30px;
        right: -60px;
    }

    .hero-btn::before {
        right: -130px;
        top: 50%;
        transform: translateY(-50%);
        transition: all ease-in-out .3s;
    }

    .hero-btn:hover::before {
        right: -150px;
    }

    .hero-btn:hover::after {
        right: -70px;
    }

    .swiper-button-prev {
        right: 45px;
    }

    .swiper-button-next {
        right: 20px;
    }

    .swiper-pagination {
        padding-left: 15px;
    }

    .more_sec {
        padding: 0px 0;
    }

    .more_sec .box {
        padding: 30px;
    }

    /*------------------- Mission Section -------------------*/
    .missionEco_sec {
        padding: 0px 0 20px 0;
    }

    .missionEco_sec .underLine {
        display: none;
    }

    /*------------ Global Problem Sec ------------*/
    .globalProblem_sec {
        padding: 0px 0 30px 0;
    }

    /*------------ Statistics Sec ------------*/
    .statistics_sec {
        padding: 0px 0 30px 0;
    }

    /*------------ MAP Sec ------------*/
    .map_sec {
        padding: 50px 0;
    }

    /*------------ Woman Team Sec ------------*/
    .womanTeam_sec {
        padding: 50px 0 0 0;
    }

    /*------------ Indan Woman Sec ------------*/
    .indianWoman_sec {
        padding: 50px 0;
    }

    .indianWoman_sec ul {
        padding: 0;
    }

    /*------------ Production Sec ------------*/
    .production_sec {
        padding-bottom: 0;
    }

    /*------------ Life Cycle Sec ------------*/
    .lifeCycle_sec {
        padding-bottom: 0;
    }


}