@media (max-width: 1600px) {
    .commonSec.milestoneSec {
        /* padding: 80px 0 130px; */
        padding-top: 80px;
        padding-bottom: 130px;
    }

    /* .milestoneSec .milestoneSlider .slick-arrow {
        bottom: -80px;
    } */

    .milestoneSec .milestoneCard .yearTxt h3 {
        font-size: 105px;
    }

    .careerSec3MAin .careerSec3Left {
        margin: 40px 0;
        /* justify-content: space-around; */
        justify-content: center;
    }

    .careerSec3MAin .applyFrmWrap {
        width: 85%;
        padding-right: 0;
    }

    /* product-details */
    .pd-second-section .text-con {
        padding: 52px 48px;
    }

}

@media(max-width: 1400px) {
    .csrSec3 {
        padding: 76px 0px;
    }
    .csrSec3 ul.tabs {
        gap: 35px;
        width: 90%;
    }
    .csrSec3 .slick-list {
        padding-top: 120px !important;
    }

    /* media & gallary */
    .mda-third-section .content .glr-img {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 520px;
    }
}

@media (max-width: 1440px) {

    .second-section {
        border-radius: 95px 95px 0px 0px;
    }

    .bgdt-third-section .blogs .each-blog .blog-content .preview {
        height: 300px;
    }
    .bgdt-second-section {
        border-radius: 95px 95px 0px 0px;
    }

    /* faq */
    .faqWrap .acc-head h4 span {
        margin-right: 5px;
    }

    /* news */
    .news-second-section {
        border-radius: 95px 95px 0px 0px;
    }

    /* about */
    .abt-second-section {
        border-radius: 95px 95px 0px 0px;
    }

    /* csr */
    .csr-second-section {
        border-radius: 95px 95px 0px 0px;
    }

    /* media & gallary */
    .mda-second-section {
        border-radius: 95px 95px 0px 0px;
    }
}

@media (max-width: 1366px) {
    h2.secH {
        font-size: 42px;
    }

    .main-page-footer .content .links .link {
        font-size: 16px;
    }

    .batterySec_cont .info {
        display: none;
    }

    .third-section .batterySec_bg {
        height: 500px;
    }
    
    .ninth-section .blogs .each-blog {
        min-height: 480px;
    }

    .ninth-section .blogs .slick-next, .ninth-section .blogs .slick-prev {
        bottom: -7%;
    }


    .second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }
    
    /* about */

    .abt-second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }

    .abt-fourth-section {
        height: 900px;
    }

    .abt-fifth-section .content .div-circle {
        height: 230px;
        width: 230px;
    }

    .abt-fifth-section .div-circle .icon {
        width: 60px;
        height: 60px;
    }

    .abt-fifth-section .div-circle .icon img {
        width: 100%;
        height: 100%;
    }

    .abt-fifth-section .div-circle h3 {
        font-size: 22px;
    }

    .featuredWrap {
        margin-top: 20px;
    }

    .abt-fifth-section .roller-coaster-box .wave {
        display: none;
    }

    .abt-fifth-section .roller-coaster-box .circle {
        display: none;
    }

    .abt-fifth-section .content .each-div:nth-child(odd) {
        top: 0;
    }

    .abt-fifth-section .content .each-div:nth-child(even) {
        top: 0;
        flex-direction: column;
    }

    .milestone .each-slide .slide-inner .slide-year {
        font-size: 108px;
    }
    .abt-seventh-section .flip-card-front .designation .name {
        font-size: 18px;
    }
    .abt-seventh-section .flip-card-back .designation .name {
        font-size: 16px;
    }
    /* .abt-seventh-section .flip-card {
        height: 415px;
    }
    .abt-seventh-section .flip-card-back {
        height: 415px;
    } */
    .leaders .each-card p {
        font-size: 18px;
    }

    /* blog-listing */
    .bcm .pg-head {
        font-size: 46px;
    }

    .tagList li {
        width: 100%;
        max-width: calc(33.33% - 5px);
        margin-right: 6px;
    }

    .tagList li a {
        padding: 7px 4px;
    }

    /* .bgli-second-section .blogs .each-blog .blog-content .preview .date {
        bottom: 50px;
    } */
    .bgli-second-section .blogs .each-blog .blog-content .preview {
        height: auto;
    }

    .bgli-second-section .blogs .each-blog .blog-content .title {
        font-size: 23px;
    }

    .bgli-second-section .blogs .each-blog {
        height: auto;
        margin-bottom: 50px;
    }

    .bgli-second-section.commonSec {
        padding: 87px 0;
    }

    /* career */
    .careerSec1 {
        border-radius: 90px 90px 0 0;
    }

    .careerSec1.commonSec {
        padding: 75px 0;
    }

    /* blog-details */
    .bgdt-second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }
    .bgdt-second-section .blogDetailsWrap .top-con .headingWrap {
        margin-bottom: 0;
    }
    .bgdt-third-section .blogs .each-blog .blog-content:hover .arrBtn {
        transform: translate(-50%, -50%) scale(1.2);
    }
    .bgdt-third-section .blogs .each-blog .blog-content .preview  {
        height: 250px;
    }

    .bgdt-third-section .blogs .each-blog .blog-content .title {
        font-size: 22px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content .preview .date {
        font-size: 14px;
    }
    .bgdt-third-section .blogs .slick-prev ,
    .bgdt-third-section .blogs .slick-next {
        bottom: 10px;
    }
    .bgdt-third-section {
        padding: 80px 0px 90px;
    }

    .bgdt-third-section .blogs .each-blog .blog-content .preview .date .date-tag a::before {
        top: -2px;
    }

    .single-post .post-content .bot-con .links {
         display: block;
    }
    .single-post .post-content .bot-con .links .share, 
    .single-post .post-content .bot-con .links .tags {
        justify-content: left;
    }

    .single-post .post-content .bot-con .links .tags {
        flex-wrap: wrap;
        margin-top: 10px;
    }

    /* faq */
    .faqSec2 {
        border-radius: 90px 90px 0px 0px;
    }

    /* news */
    .news-second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }

    /* csr */
    .csr-second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }

    .csr-second-section .text-con {
        padding: 55px 48px;
    }

    /* product-details */
    .pd-second-section .text-con .text-head {
        font-size: 40px;
    }
    .pd-second-section .text-con p {
        padding: 0;
    } 
    .pd-second-section .text-con p br{
        display: none;
    } 
    .commonSec.pd-third-section {
        padding: 78px 0;
    }

    /* media & gallary */
    .mda-second-section {
        padding: 80px 0px;
        border-radius: 90px 90px 0px 0px;
    }

    .mda-second-section .text-con {
        padding: 55px 48px;
    }
    .mda-second-section .text-con .text-head {
        font-size: 42px;
        padding-bottom: 7px;
    }


}

@media (max-width: 1280px) {
    /* .hero-banner .slick-dots {
        left: 7%;
    } */

    /* .ninth-section .blogs .slick-next,
    .ninth-section .blogs .slick-prev {
        bottom: 0px;
    } */

    /* about */
    .main-page-footer .content .card .card-left {
        padding: 30px 40px;
    }

    .head-info {
        max-width: 85%;
    }

    .career-divied {
        width: 100%;
    }

    .page-template-contact_us .eleventh-section {
        height: 750px;
    }
}

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

@media (max-width: 1200px) {
    /* .hero-banner .slick-dots {
        bottom: 24%;
        left: 4%;
    } */
    .second-section .img-con::before {
        left: 57%!important;
    }

    /* media & gallary */
    .mda-third-section .content .glr-img {
        height: 440px;
    }
    .mda-third-section {
        padding: 70px 0px;
    }
    .mda-third-section .sec-head {
        margin-bottom: 55px;
    }
}

@media (max-width: 1199px) {

    /* home */

    .second-section {
        padding: 78px 0px;
        border-radius: 70px 70px 0px 0px;
    }

    .second-section .text-con {
        padding: 40px;
    }
    .second-section .text-con, .second-section .img-con {
        height: 460px!important;
    }
    .second-section .text-conText {
        padding-top: 20px;
        padding-left: 0;
    }
    .second-section .img-con::before {
        left: 48% !important;
    }
    .first-section .bannerContent {
        top: 24%;
    }

    .fourth-section .flip-card {
        height: 330px;
    }
    .fourth-section .valueCardWrap .each-card .inline-span {
        gap: 15px;
        justify-content: flex-start;
    }
    .fourth-section .valueCardWrap .each-card p {
        font-size: 16px;
    }
    .fourth-section .flip-card-back {
        gap: 15px;
    }
    .fourth-section .valueCardWrap .each-card .title {
        font-size: 20px;
    }

    .main-page-footer .content .card {
        height: auto;
    }

    .commonSec.main-page-footer {
        padding: 90px 0 20px;
    }
    .main-page-footer .copyrightInner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .main-page-footer .copyrightRight {
        margin-top: 10px;
    }

    /* about */
    .bcm .pg-head {
        font-size: 42px;
    }

    .sec-sub-head {
        font-size: 28px;
    }

    .abt-fifth-section .content .div-circle {
        height: 180px;
        width: 180px;
    }

    .abt-fourth-section {
        height: 750px;
    }

    .abt-second-section {
        padding: 78px 0px;
        border-radius: 70px 70px 0px 0px;
    }

    .commonSec.milestoneSec {
        /* padding: 80px 0 150px; */
        padding-bottom: 120px;
    }

    .milestoneSec .milestoneCard .yearTxt h3 {
        font-size: 95px;
    }

    .abt-fifth-section {
        padding: 90px 0px 100px;
    }

    .commonSec {
        padding: 90px 0;
    }

    .abt-fifth-section .div-circle .icon {
        width: 50px;
        height: 50px;
    }

    .abt-fifth-section .roller-coaster-box {
        height: auto;
    }

    h2.secH {
        font-size: 38px;
    }

    .featuredWrap ul li .featuredItems:nth-child(2):after {
        top: 72%;
        width: 65px;
        right: -67px;

    }

    .abt-sixth-section .featuredWrap {
        margin-top: 40px;
    }

    .featuredWrap ul li:last-child .featuredItems:nth-child(2):after {
        left: -65px;
    }

    .leaderImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .abt-seventh-section .slick-list {
        padding-top: 20px;
    }

    .abt-seventh-section .flip-card-front .designation .name {
        font-size: 18px;
    }

    .abt-seventh-section .flip-card-back {
        max-height: 410px;
    }

    .abt-seventh-section .flip-card-back .designation {
        margin-left: unset;
    }

    /* blog-listing */
    .bgli-second-section.commonSec {
        padding: 65px 0 75px;
    }

    .bgli-second-section {
        border-radius: 80px 80px 0px 0px;
    }

    .tagList li {
        width: 100%;
        max-width: calc(50% - 10px);
        margin-right: 6px;
    }

    .postList li {
        display: block;
    }

    .postList li .postImg {
        width: 100%;
        height: 160px;
    }

    .postText {
        width: 100%;
        padding-left: 0px;
        margin-top: 12px;
    }

    /* blog-details */
    .bgdt-third-section .blog-slider .slick-track {
        margin-left: unset;
    }

    .footerWidget img {
        width: 210px;
        height: auto;
    }

    /* contact */
    .contactPgSec1 {
        border-radius: 80px 80px 0 0;
    }

    .contactPgSec2 .mapWrap {
        height: 600px;
    }

    .contactPgSec1.commonSec {
        padding: 90px 0 100px;
    }

    .addressWrap .addressBox {
        padding: 15px;
        display: block;
    }

    .iconWrap {
        width: 45px;
        height: 45px;
        margin-bottom: 15px;
    }

    .iconWrap img {
        width: 30px;
        height: auto;
    }

    .addressTxt {
        /* width: calc(100% - 45px); */
        padding-left: 0;
        width: 100%;
    }

    .contactPgTxt {
        margin-bottom: 40px;
    }

    /* career */
    .careerSec1 {
        border-radius: 80px 80px 0 0;
    }

    .careerSec1.commonSec {
        padding: 68px 0;
    }

    .careerSec2 .acc-content .titleleft h4 {
        font-size: 22px;
    }

   
    .careerSec2 .acc-content {
        padding: 27px 70px 70px;
    }

   

    /* blog-details */
    .bgdt-third-section .blogs .each-blog .blog-content:hover .arrBtn {
        transform: translate(-50%, -50%) scale(1.1);
    }
    .bgdt-second-section .post-content .date {
        padding: 13px 58px;
        font-size: 17px;
        margin-bottom: 12px;
    }
    .bgdt-second-section .post-content .interaction {
        padding: 13px 30px;
    }
    .bgdt-third-section .head-info br {
        display: none;
    }
    .bgdt-second-section {
        padding: 70px 0px;
        border-radius: 70px 70px 0px 0px;
    }
    .blogDetailsWrap .post-content .bot-con .arr-btn {
        gap: 20px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content {
        margin: 0 auto;
    }

    /* faq */
    .faqSec2 {
        padding: 70px 0px;
        border-radius: 70px 70px 0px 0px;
    }
    .faqWrap .acc-head h4 {
        font-size: 20px;
    }

    /* news */
    .news-second-section {
        padding: 70px 0px;
        border-radius: 70px 70px 0px 0px;
    }
    .news-second-section .content .each-news .news-img {
        height: 282px;
    }
    .news-second-section .content .each-news {
        gap: 15px;
    }
    .news-second-section .content .each-news .news-title {
        font-size: 20px;
    }

    /* csr */
    .csr-second-section {
        padding: 78px 0px;
        border-radius: 70px 70px 0px 0px;
    }

    .csr-second-section .text-con {
        padding: 38px 48px;
    }
    .csr-second-section .img-con, .csr-second-section .text-con {
        height: 618px;
    }

    .csrSec3 ul.tabs {
        gap: 20px;
        width: 100%;
    }

    .csrSec3 .slick-list {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    /* product-details */
    .pd-second-section .row {
        flex-direction: column-reverse;
    }
    .pd-second-section .img-con {
        height: 400px;
    }
    .pd-third-section .sec-header .sec-head {
        font-size: 40px;
    }
    .pd-fourth-section .listWrap {
        margin-top: 20px;
    }
    .commonSec.pd-fourth-section {
        padding: 70px 0;
    }

    /* media & gallary */
    .mda-second-section {
        padding: 78px 0px;
        border-radius: 70px 70px 0px 0px;
    }
    .mda-second-section .img-con, .mda-second-section .text-con {
        height: 630px;
    }
    .mda-second-section .text-con {
        padding: 47px 48px;
    }
    .mda-second-section .text-con .text-head {
        font-size: 40px;
    }

}

@media (max-width: 1024px) {

    .container,
    .container-fluid {
        max-width: 100%;
    }

    /* .second-section .text-con,
    .second-section .img-con {
        height: 455px!important;
    } */

    .third-section .batterySec_bg {
        /* padding: 63px 0 120px!important; */
    }

    .batterySec h2.title {
        font-size: 43px!important;
    }

    .ninth-section .blogs .slick-next, .ninth-section .blogs .slick-prev {
        bottom: -10%;
    }
    

    .second-section {
        padding: 65px 0px 70px;
        border-radius: 60px 60px 0px 0px;
    }

    .second-section .text-con, .second-section .img-con {
        height: 425px!important;
    }
    .second-section .img-con::before {
        left: 51%!important;
    }

    .batterySec p {
        font-size: 17px;
    }

    .batterySec h2.title {
        margin-bottom: 23px;
    }

    .sixth-section .commnImgInner {
        height: 365px;
    }

    .ninth-section .blogs {
        margin-left: 0!important;
    }

    .ninth-section .blogs .slick-list {
        margin-right: 0 !important;
    }

    .ninth-section .more-btn {
        width: 150px;
    }

    .ninth-section .headerWrap p br {
       display: none;
    }

    .ninth-section .blogs .each-blog .blog-content {
        margin: 0 auto;
    }
    .sixth-section .slider-con .each-slider .text-con .info {
        font-size: 16px;
    }

    .second-section .text-conText {
        padding-top: 0;
        padding-left: 0;
    }
    /* .ninth-section .blogs .slick-next,
    .ninth-section .blogs .slick-prev {
        bottom: 0px;
    } */

    .fifth-section .container-fluid {
        max-width: 100%;
    }

    .fourth-section .flip-card {
        height: 340px;
    }

    .fourth-section .flip-card-front,
    .flip-card-back {
        padding: 27px;
    }

    .fourth-section .flip-card-back {
        gap: 13px;
    }

    .fourth-section .each-card .inline-span {
        gap: 16px;
    }

    .fourth-section .each-card p {
        font-size: 16px;
    }

    /* about */
    .bcm .pg-head {
        font-size: 40px;
    }

    .abt-second-section {
        padding: 65px 0px 70px;
        border-radius: 60px 60px 0px 0px;
    }

    .sec-sub-head {
        font-size: 25px;
    }

    .abt-second-section h2.secH {
        margin-bottom: 15px;
    }

    .commonSec.milestoneSec {
        /* padding: 70px 0 150px; */
        padding-top: 70px;
    }

    .abt-fifth-section .content .div-circle {
        height: 180px;
        width: 180px;
    }

    .abt-fifth-section {
        padding: 78px 0px 90px;
    }

    /* career */
    .careerTopIcon {
        width: 60px;
        height: 60px;
    }

    .careerTopIcon img {
        width: 30px;
        height: auto;
    }

    .careerTopTxt {
        width: calc(100% - 70px);
        padding: 0 15px 30px;
    }

    .careerSec2 .careerImg {
        width: 100%;
        height: 630px;
    }

    .careerSec2 .careerImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .careerSec2 .acc.active .acc-content-inner .leftcontentWrap {
        width: 36%;
    }

    .careerSec2 .acc.active .acc-content-inner .rightContentWrap {
        width: calc(100% - 36%);
    }

    .careerSec2 .acc.active .acc-content {
        padding: 30px 70px 70px 45px;
    }

    .careerSec2 .acc.active .rightContentWrap ul li .leftTxt {
        width: 150px;
    }

    .careerSec2 .acc.active .leftContentDesc ul.jobDesc li .descIcon {
        width: 40px;
        height: 40px;
    }

    /* .careerSec2 .acc.active .leftContentDesc ul.jobDesc li .descIcon img {
        width: 22px;
        height: auto;
    } */
    .careerSec2 .acc.active .deskApplyBtn .more-btn {
        width: 135px;
        font-size: 16px;
        padding: 12px 22px;
    }

    .careerSec2 .jobTitleWrap .titleleft h4 {
        font-size: 21px;
    }

    .careerSec2 .titleRight ul.jobDesc li .descIcon {
        width: 40px;
        height: 40px;
    }
    .careerSec2 .acc.active .jobTitleWrap {
        display: none;
    }

    /* blog-details */
    .bgdt-second-section {
        border-radius: 60px 60px 0px 0px;
    }

    .bgdt-third-section .more-btn {
        width: 150px;
        padding: 12px 14px;
    }

    /* faq */
    .faqSec2 {
        border-radius: 60px 60px 0px 0px;
    }

    /* news */
    .news-second-section {
        border-radius: 60px 60px 0px 0px;
    }

    /* csr */
    .csr-second-section {
        padding: 65px 0px 70px;
        border-radius: 60px 60px 0px 0px;
    }

    .csr-second-section .img-con, .csr-second-section .text-con {
        height: 600px;
    }
    .csr-second-section .text-con .text-head {
        padding-bottom: 7px;
    }
    .csr-second-section .text-con .text-head {
        font-size: 42px;
    }

    /* media & gallary */
    .mda-second-section {
        padding: 65px 0px 70px;
        border-radius: 60px 60px 0px 0px;
    }

    .mda-second-section .text-con .text-head {
        font-size: 38px;
    }
    .mda-third-section .more-btn {
        margin-top: 60px;
    }
}

@media (max-width: 991px) {

    /* mobile-menu-start */
    .mob-menu-sec {
        display: block;
    }

    .header .dsk-menu,
    .header .dsk-scl-menu {
        display: none;
    }

    .dsk-head.header {
        justify-content: space-between;
        padding: 20px 20px 0px;
    }

    .mob-hd-bar {
        position: relative;
    }

    .mob-menu-bx {
        padding: 22px 13px;
        background: #000000b0;
    }

    .dsk-scl-menu {
        border: 1px solid #fff;
        border-radius: 30px;
        padding: 7px 20px;
        width: 50%;
        margin-top: 15px;
    }

    .social-link {
        display: inline-block;
        margin: 0 6px;
    }

    .social-link img {
        width: 18px;
        height: auto;
    }

    .mob-nav ul li {
        margin: 10px 0;
        padding: 10px;
        border-radius: 15px;
        background-color: #fff;
    }

    .mob-nav ul li a {
        color: #000;
    }

    /* mobile-menu-end */

    .hero-banner .hero-bg {
        height: 100vh !important;
    }

    .hero-banner .each-slider .text-content {
        max-width: 100%;
        text-align: center;
    }

    .hero-banner .each-slider .text-content .discover-btn {
        display: inline-block;
        margin: 0 auto;
    }

    .hero-banner .each-slider .text-content h2 {
        font-size: 30px;
    }

    .hero-banner .slick-dots {
        left: 50%;
        transform: translateX(-50px);
        bottom: 20%;
    }

    .second-section .img-con {
        height: 430px;
    }

    .commonSec {
        padding: 75px 0;
    }

    .commonSec.seventh-section {
        padding: 55px 0;
    }


    h2.secH {
        font-size: 38px;
    }

    .hero-banner .slick-dots {
        left: 50%!important;
        transform: translateX(-50%)!important;
        bottom: 22%!important;
    }

    .second-section .count-container .each-content .inner-content {
        padding-top: 20px;
    }

    

    .second-section .img-con::before {
        left: 70% !important;
    }

    .second-section .text-con {
        height: auto!important;
    }

    .batterySec h2.title {
        display: flex;
        justify-content: center;
    }

    .batterySec_cont {
        text-align: center;
    }

    .abt-seventh-section .mob-flip-inner {
        display: block;
    }

    .abt-seventh-section .flip-card-inner {
        display: none;
    }

    .abt-seventh-section .leaderSocialIcon {
        margin-bottom: 15px;
        justify-content: center;
    }

    .abt-seventh-section .mob-flip-inner-bx {
        background-image: url(../inner-img/pattern-bg.png);
        background-repeat: no-repeat;
        padding: 22px;
        background-size: cover;
        width: 100%;
        height: auto;
        border-radius: 50px;
    }

    .abt-seventh-section .flip-leader-img {
        width: 150px;
        height: 150px;
        background: #e6e6e6;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 13px 0;
        margin: 0 auto 15px;
        border-radius: 18px;
    }

    .abt-seventh-section .flip-leader-img img {
        width: 100%;
        height: 100%;
    }

    .abt-seventh-section .flip-card {
        height: auto;
    }

    .abt-seventh-section .leadersSlider .each-card p {
        text-align: center;
    }

    .abt-seventh-section .leadersSlider .designation {
        text-align: center;

    }

    .abt-seventh-section .leadersSlider .designation h4 {
        border: 1px solid #fff;
        border-radius: 30px;
        padding: 15px 10px;
        padding: 13px 20px;
        display: inline-flex;
        font-size: 18px;
    }

    .abt-seventh-section .leadersSlider .designation p {
        text-align: center;
        margin-right: 17px;
    }

    .flip-card-back .title br {
        display: none;
    }


    .fourth-section .flip-card {
        height: auto;
    }

    .fourth-section .flip-card-front,
    .flip-card-back {
        backface-visibility: visible;
    }

    .fourth-section .flip-card-back {
        transform: unset;
        padding: 50px 27px 50px;
    }

    .fourth-section .flip-card:hover .flip-card-inner {
        transform: unset;
    }

    .fourth-section .flip-card-front {
        background-color: unset;
        border: none;
    }

    .fourth-section .flip-card-front,
    .flip-card-back {
        position: static;

    }

    .fourth-section .flip-card-front {
        flex-direction: row;
    }

    .fourth-section .each-card .flip-card-front .title {
        display: none;
    }

    .fourth-section .flip-card-front {
        padding: 0;
    }

    .fourth-section .valueCardWrap .each-card {
        margin-bottom: 33px;
    }

    .fourth-section .each-card .flip-card-front .number {
        font-size: 50px;
        position: relative;
        margin-bottom: -32px;
        margin-left: 38px;
        color: #84a678;
    }
    .fourth-section .each-card p {
        text-align: left;
    }
    .fourth-section .each-card .inline-span .img-con {
        width: 55px;
        height: 55px;
    }
    .fourth-section .each-card .title {
        font-size: 20px;
        width: calc(100% - 55px);
        justify-content: flex-start;
    }

    .sixth-section .slider-con .slick-prev {
        left: calc(50% - 34px);
    }

    .sixth-section .slider-con .slick-next {
        left: calc(50% + 12px);
    }

    .sixth-section .slider-con .slick-prev,
    .sixth-section .slider-con .slick-next {
        bottom: -6%;
    }

    .seventh-section .metal-items .slick-prev {
        left: calc(50% - 26px);
        right: auto;
        top: auto;
        bottom: 0;
    }

    .seventh-section .metal-items .slick-next {
        right: calc(50% - 49px);
        top: auto;
        bottom: 0;
    }

    .head-info{
        max-width: 100%;
    }

    .seventh-section .head-info br {
        display: none;
    }

    .eighth-section .text-content {
        margin-bottom: 30px;
    }

    .home .eighth-section .text-content{
        margin-bottom: 10px;
    }

    .ninth-section .blogs {
        margin-left: 0 !important;
    }


    .eighth-section .img-content {
        height: 400px;
    }

    .home .eighth-section .img-content{
        height: auto;
    }

    .home .eighth-section .commnImgInner {
        height: auto;
    }

    .eighth-section .text-content .text-box .num {
        font-size: 45px;
    }

    .eighth-section .text-content .text-box .info .title {
        font-size: 28px;
    }
    .ninth-section {
        padding: 80px 0px 130px 0px !important;
    }
    .ninth-section .headerWrap p br {
        display: none;
    }

    .fifth-section .circleGlobal {
        width: 100px;
        height: 100px;
    }

    .fifth-section .circleGlobal::before {
        width: 75px;
        height: 75px;
    }

    .fifth-section .circleGlobal img {
        width: 50px;
    }

    .fifth-section .globalCol::after {
        display: none;
    }

    .fifth-section .globalCol.globalCol:nth-child(odd) {
        padding-top: 0;
        margin: 0 0 25px;
    }

    .main-page-footer .content .card .card-info {
        font-size: 16px;
        margin-bottom: 22px;

    }

    .main-page-footer .content .card .card-head {
        font-size: 27px;
    }

    .main-page-footer .content .card .card-left {
        padding: 30px 20px;
    }

    .main-page-footer .more-btn {
        width: 150px;
    }

    .main-page-footer .content .contact .contact-head {
        font-size: 34px;
        margin-bottom: 38px;
    }

    .main-page-footer .content .foot-head {
        width: 230px;
    }

    .main-page-footer .content .foot-head a {
        display: inline-block;
    }

    .main-page-footer .content .foot-head a img {
        width: 100%;
        height: 100%;
    }

    
    .main-page-footer .content .contact .contact-form .input-submit {
        width: 45px;
        height: 45px;
    }

    .main-page-footer .content .card {
        height: auto!important;
        width: 100%;
        margin: -190px auto 0;
        padding: 40px 30px;
    }
    .main-page-footer .content .contact .contact-form .input-submit {
        width: 46px;
        height: 46px;
    }

    

    /* about */
    .abt-fifth-section .content .div-circle {
        height: 150px;
        width: 150px;
        gap: 10px;
    }

    .abt-fourth-section {
        height: 600px;
    }

    .abt-fifth-section .roller-coaster-box .row {
        justify-content: center;
    }

    .abt-fifth-section .roller-coaster-box .row .each-div {
        margin-bottom: 20px;
    }

    .abt-fifth-section .div-circle .icon {
        width: 45px;
        height: 45px;
    }

    .abt-fifth-section .div-circle h3 {
        font-size: 20px;
    }

    .abt-fifth-section {
        padding: 56px 0;
    }

    .abt-sixth-section .headingWrap h2.secH {
        font-size: 34px;
    }

    .abt-seventh-section .leadersSlider .each-card p {
        font-size: 16px;
    }

    .abt-seventh-section .flip-card-back .designation .name {
        font-size: 18px;
    }

    .milestoneSlider .slick-arrow.slick-next {
        right: calc(50% - 40px);
    }

    .milestoneSlider .slick-arrow.slick-prev {
        left: calc(50% - 35px);
        right: auto;
    }

    .milestoneSlider .slick-slide:nth-child(even) .milestoneCard {
        padding-top: 0;
    }

    .milestoneSlider .slick-list {
        margin-right: 0;
    }

    .milestoneSlider .milestoneCardInner {
        flex-direction: column-reverse;
    }

    .milestoneSlider .slick-slide:nth-child(even) .milestoneCardInner {
        border-top: none;
    }

    .milestoneCardInner {
        border-bottom: none;
    }

    .abt-fourth-section {
        height: 600px;
    }

    /* blog-listing */
    .bgli-second-section {
        border-radius: 70px 70px 0px 0px;
    }

    .blogSidebar {
        margin-top: 30px;
    }

    .postList li {
        display: flex;
    }

    .postList li .postImg {
        width: 320px;
        height: 160px;
    }

    .postText {
        width: calc(100% - 320px);
        padding-left: 20px;
    }

    .tagList li {
        max-width: calc(33.3330% - 4px);
    }

    .tagList li a {
        margin-bottom: 20px;
    }

    .bgli-second-section .blogs .each-blog .blog-content .title {
        font-size: 20px;
    }

    .blogSidebar .tagList {
        justify-content: flex-start;
    }

    .blogSidebar .srchWrap .frmWrap .inputTxt {
        text-align: left;
    }

    .bgli-second-section .blogs {
        gap: 25px;
    }

    /* contact */
    .contactPgSec1.commonSec {
        padding: 60px 0 75px;
    }

    .contactPgTxt {
        padding-right: 0;
    }

    /* career */
    .careerSec1 {
        border-radius: 70px 70px 0 0;
    }

    .careerSec1.commonSec {
        padding: 60px 0;
    }

    .careerSec2 .srchFormWrap {
        padding-top: 0;
    }

    .careerSec2 .acc-container {
        margin-top: 20px;
    }

    .acc-container {
        gap: 20px;
        width: 100%;
    }

    .careerSec3MAin{
        flex-direction: column;
        padding: 0px 20px;
    }

    .careerSec3MAin .careerSec3Left{
        width: 100%;
    }

    .careerSec3MAin .careerSec3Right {
        width: 100%;
        display: none;
    }

    .careerSec3MAin .applyFrmWrap {
        width: 100%;
    }

    .careerSec3MAin input.wpcf7-form-control, .careerSec3MAin select, .careerSec3MAin input {
        padding: 0 22px;
        height: 50px;
        margin-bottom: 12px;
    }
    .careerSec3MAin input[type= submit] {
        padding: 0 35px;
    }

    .careerSec3MAin textarea{
        margin-bottom: 0;
    }

     #single-apply-form {
        width: 70%;
    }
    #single-apply-form.fancybox-content {
        padding: 36px;
    }
    #single-apply-form input.wpcf7-form-control.wpcf7-submit {
        padding: 0 46px;
    }
    #single-apply-form select, #single-apply-form input{
        height: 55px;
        margin-bottom: 0px;
    }

    /* blog-details */
    .bgdt-second-section {
        margin-top: -85px;
    }
    .bgdt-second-section .blogSidebar .srchWrap .frmWrap .inputTxt {
        text-align: left;
    }
    .bgdt-third-section {
        padding: 80px 0px;
    }
    .bgdt-third-section .blogs .slick-prev, .bgdt-third-section .blogs .slick-next {
        bottom: -18%;
    }
    .bgdt-third-section {
        padding: 65px 0px 150px;
    }
    .bgdt-third-section .blogs .each-blog {
        height: auto;
    }

    
    .bgdt-third-section .blogs {
        margin-top: 10px;
    }

    

    

    /* faq */
    .faqSec2 .faqWrap .acc-head,
    .faqSec3 .faqWrap .acc-head {
        padding: 15px 20px;
    }
    .faqSec2 .faqWrap .acc .acc-head::after,
    .faqSec3 .faqWrap .acc .acc-head::after {
        /* top: 20px; */
        right: 22px;
    }
    .faqSec2 .faqWrap .acc-content,
    .faqSec3 .faqWrap .acc-content {
        padding: 20px 20px 30px;
    }
    .faqSec3.commonSec {
        padding: 65px 0;
    }
    
    /* contact */
    .page-template-contact_us .eleventh-section {
        height: 600px;
    }

    /* csr */
    .csr-second-section .img-con {
        height: 400px;
        margin-top: 28px;
    }

    .csr-second-section .content .row {
        flex-direction: column-reverse;
    }
    .csr-second-section .text-con {
        height: auto;
        
    }
    .csr-second-section .text-con .text-head {
        font-size: 40px;
    }
    .csr-third-section .content {
        width: 64%;
        padding: 70px 0 60px;
    }

    /* media & gallary */
    .page-template-media .bcm {
        padding: 20px 45px;
    }
    .mda-second-section .content .row {
        flex-direction: column-reverse;
    }
    .mda-second-section .text-con {
        height: auto;
        margin-bottom: 25px;
    }
    .mda-third-section {
        padding: 60px 0px 70px;
    }
    .mda-second-section .text-con .text-head {
        font-size: 36px;
    }
    .mda-third-section .more-btn {
        margin-top: 50px;
    }
    .mda-third-section .content .glr-img {
        height: 380px;
    }
    .mda-third-section .content .img-con:not(:last-child) {
        height: 60%;
    }
    

}

@media (max-width: 768px) {

    .hero-banner .each-slider .text-content h2 {
        font-size: 28px!important;
    }

    .hero-banner .each-slider .text-content p {
        font-size: 17px;
    }

    .sixth-section .slider-con .slick-prev {
        left: calc(50% - 50px)!important;
    }
    .sixth-section .slider-con .slick-next {
        left: calc(50% - 4px)!important;
    }

    .home .seventh-section h2.secH{
        text-align: center;
    }

    

    

    /* blog-details */
    .bgdt-third-section .more-btn {
        /* width: 100%; */
        font-size: 16px;
        padding: 13px 9px;
    }

    .bgdt-third-section .row_1 {
        align-items: center;
    }

    .bgdt-second-section .comment-respond .more-btn {
        width: 156px;
        padding: 13px 18px;
    }

    .bgdt-second-section .comment-respond .more-btn {
        margin: 18px auto 0;
    }

    /* media & gallary */
    
    .mda-third-section .content .row:nth-child(2n) {
        flex-direction: row;
    }
    .mda-third-section .content .col-md-4:last-child .glr-img {
        height: 400px;
        margin: 20px 0;
    }
}

@media (max-width: 767px) {

    .play-video .play-btn {
        top: -170px;
    }

    .bcm{
       min-width: 300px;
       max-width: 300px;
}

    .hero-banner .hero-bg {
        height: 550px;
    }

    .hero-banner .each-slider .text-content p {
        font-size: 16px;
    }

    .hero-banner .slick-dots {
        bottom: 28% !important;
        margin-top: 0 !important;
    }

    .second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }

    .second-section .text-con {
        height: auto !important;
    }

    .second-section .count-container .each-content .inner-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    

    .second-section .img-con::before {
        left: 73% !important;
    }

    .second-section .count-container .inner-content .info {
        font-size: 16px!important;
    }
   

    .second-section.commonSec {
        padding: 56px 0 57px !important;
    }

    .second-section .text-con p {
        font-size: 18px !important;
    }

    .second-section .img-con {
        height: 410px !important;
    }

    .second-section .img-con .blank {
        width: 165px !important;
    }

    .second-section .more-btn {
        width: 118px !important;
        font-size: 15px !important;
        padding: 9px 8px !important;
    }

    .third-section.batterySec p {
        padding-right: 0 !important;
    }

    .batterySec_cont {
        text-align: center;
    }

    .batterySec h2.title {
        text-align: center;
    }

    .fourth-section.commonSec {
        padding: 70px 0;
    }
    .fourthSecTxt p br {
        display: none;
    }

    .seventh-section .metal-items .each-slide .inner-slide .img-con {
        width: 147px;
        height: 150px;
    }

    /* .fourth-section .flip-card {
        height: auto;
    }

    .fourth-section .flip-card-front,
    .flip-card-back {
        backface-visibility: visible;
    }

    .fourth-section .flip-card-back {
        transform: unset;
        padding: 50px 27px 50px;
    }

    .fourth-section .flip-card:hover .flip-card-inner {
        transform: unset;
    }

    .fourth-section .flip-card-front {
        background-color: unset;
        border: none;
    }

    .fourth-section .flip-card-front,
    .flip-card-back {
        position: static;

    }

    .fourth-section .flip-card-front {
        flex-direction: row;
    }

    .fourth-section .each-card .flip-card-front .title {
        display: none;
    }

    .fourth-section .flip-card-front {
        padding: 0;
    }

    .fourth-section .valueCardWrap .each-card {
        margin-bottom: 33px;
    }

    .fourth-section .each-card .flip-card-front .number {
        font-size: 50px;
        position: relative;
        margin-bottom: -32px;
        margin-left: 38px;
        color: #84a678;
    }
    .fourth-section .each-card p {
        text-align: left;
    }
    .fourth-section .each-card .inline-span .img-con {
        width: 55px;
        height: 55px;
    }
    .fourth-section .each-card .title {
        font-size: 20px;
        width: calc(100% - 55px);
        justify-content: flex-start;
    } */

    .fifth-section p br {
        display: none;
    }

    .fifth-section .circleGlobal {
        width: 90px;
        height: 90px;
    }

    .fifth-section .circleGlobal img {
        width: 45px;
    }

    h2.secH {
        font-size: 32px;
    }

    

    .eighth-section .text-content .text-box .num {
        font-size: 35px;
        width: 75px;
    }

    .text-content .text-box .info{
        width: calc(100% - 75px);
    }

    .eighth-section .text-content .text-box .info .title {
        font-size: 22px;
    }

    .eighth-section .img-content img {
        height: 100%;
      } 

    .seventh-section .head-info br {
        display: none;
    }

    .more-btn {
        /* width: 120px; */
        width: 150px;
        font-size: 15px;
        padding: 9px 7px;
    }

    .both-content {
        padding-top: 11px;
    }

    .eighth-section .text-content .text-box {
        padding: 16px 0;
    }

    .eighth-section .susBtn {
        padding-top: 0px;
    }

    .ninth-section .headerWrap {
        text-align: center;
    }

    .ninth-section .blogs .slick-prev {
        left: calc(50% - 40px);
        right: auto;
    }

    .ninth-section .blogs .slick-next {
        right: calc(50% - 36px);
    }
    

    .ninth-section .blogs .each-blog .blog-content .preview .arrBtn {
        height: 45px;
        width: 45px;
    }

    .ninth-section .blogs .each-blog .blog-content .preview .arrBtn:before {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ninth-section .blog-slider .slick-slide {
        margin: 0 15px;
    }
    .ninth-section .blogs .each-blog .blog-content {
        width: 100%;
    }

    .tenth-section .acc-container {
        width: 100%;
    }

    .tenth-section .acc-container {
        gap: 10px;
    }

    .tenth-section .sec-head {
        padding-top: 51px;
        padding-bottom: 25px;
    }

    /* about */
    .innerBanner {
        height: 650px;
    }

    .bcm .pg-head {
        font-size: 35px;
    }

    .bcm .pg-link .link {
        font-size: 15px;
    }

    .abt-fourth-section {
        height: 490px;
    }

    .abt-second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }

    .abt-fourth-section .vdo-play-btn {
        height: 120px;
        width: 120px;
    }

    .abt-fourth-section .vdo-play-btn .play-btn {
        font-size: 22px;
    }

    /* .abt-second-section {
        border-radius: 64px 64px 0px 0px;
        margin-top: -125px;
    } */

    .sec-sub-head {
        font-size: 23px;
    }

    .milestoneSec .milestoneCard .yearTxt h3 {
        font-size: 76px;
    }

    .milestoneSlider .milestoneCardInner {
        text-align: center;
    }

    

    .milestoneSlider .milestoneCardInner .batteryIcon {
        margin: 0 auto 15px;
    }

    .milestoneSlider .milestoneCardInner {
        border-left: none;
        padding: 20px;
    }

    .milestoneCardInner .mileStoneInnerTxt {
        padding-right: 0;
        height: auto;
    }

    .milestoneCardInner .mileStoneInnerTxt h4 {
        margin-bottom: 20px;
    }

    .milestoneSec .milestoneSlider .slick-arrow {
        bottom: -25px;
    }

    .commonSec.milestoneSec {
        /* padding: 70px 0 100px; */
        padding-top: 70px;
        padding-bottom: 100px;
    }

    .abt-fifth-section .roller-coaster-box .row .each-div:not(:last-child) {
        margin-bottom: 40px;
        gap: 16px;
    }

    .abt-fifth-section {
        padding: 67px 0;
    }

    .abt-sixth-section .featuredWrap ul li:first-child {
        order: 2;
    }

    .abt-sixth-section .featuredWrap ul li:nth-child(2) {
        order: 1;
    }

    .abt-sixth-section .featuredWrap ul li:last-child {
        order: 3;
        margin-top: 44px;
    }

    .abt-sixth-section .headingWrap {
        margin-bottom: 0;
    }

    .abt-sixth-section .featuredWrap {
        margin-top: 10px;
    }

    .abt-sixth-section .headingWrap h2.secH {
        font-size: 30px;
    }

    .abt-sixth-section .featuredWrap ul li {
        max-width: 100%;
        flex: 100%;
    }

    .abt-sixth-section .featuredBatteryImg {
        width: 330px;
        height: auto;
        margin: 25px auto;
    }

    .abt-sixth-section .featuredBatteryImg img {
        width: 100%;
        height: 100%;
    }

    .abt-sixth-section .featuredWrap ul li .featuredItems:not(:last-child) {
        margin-bottom: 44px;
    }

    .abt-sixth-section .featuredWrap ul li .featuredItems::after {
        display: none;
    }

    .abt-sixth-section .featuredItems {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .abt-sixth-section .featuredItems h5 {
        margin-top: 15px;
        text-align: center;
    }

    .featuredWrap ul li:last-child .featuredItems {
        flex-direction: column-reverse;
    }

    /* blog-listing */
    .bgli-second-section {
        border-radius: 60px 60px 0px 0px;
        margin-top: -140px;
    }

    .postList li .postImg {
        width: 250px;
    }

    .postText {
        width: calc(100% - 250px);
    }

    .bgli-second-section .blogs .each-blog .blog-content:hover .arrBtn {
        transform: translate(-50%, -50%) scale(1.3);
    }


    /* contact */

    .contactPgSec1.commonSec {
        padding: 45px 0 60px;
    }

    .contactPgSec1 h2.secH {
        font-size: 36px;
    }

    .contactPgSec1 {
        border-radius: 60px 60px 0 0;
        margin-top: -180px;
    }

    .conactFromWrap .subBtn {
        height: 50px;
        padding: 0 30px;
    }

    .contactPgSec2 .addressWrap {
        position: static;
        margin-top: 0;
        padding: 60px 0;
    }

    .contactPgSec2 .addressWrap .addressBox {
        margin-bottom: 15px;
        min-height: 150px;
        height: auto;
    }

    .contactPgSec2 .addressBox {
        display: flex;
    }

    .addressTxt {
        padding-left: 15px;
    }

    /* career */
    .careerSec1 {
        border-radius: 60px 60px 0 0;
    }

    .careerSec1.commonSec {
        padding: 55px 0;
    }

    .careerSec1 .careerTopCont .careerTopIcon {
        width: 55px;
        height: 55px;
    }

    .careerSec1 .careerTopCont .careerTopIcon img {
        width: 25px;
        height: auto;
    }

    .careerSec1 .careerTopCont .careerTopTxt h4 {
        font-size: 22px;
    }

    .careerSec2 .subPara {
        max-width: 100%;
        text-align: center;
        margin: 0;
    }
    .careerSec2 .headingWrap {
        text-align: center;
    }

    .careerSec2 .careerImg {
        height: 540px;
    }

    .careerSec2 .acc.active .acc-content-inner {
        display: block;
        width: 100%;
    }
    .careerSec2 .acc.active .acc-content {
        padding: 25px 50px 50px 45px;
    }
    .careerSec2 .acc.active .acc-content-inner .leftcontentWrap {
        width: 100%;
    }

    .careerSec2 .acc.active .acc-content-inner .rightContentWrap {
        width: 100%;
        margin-top: 20px;
    }

    .careerSec2 .acc.active .mobApplyBtn {
        display: block;
    }

    .careerSec2 .acc.active .deskApplyBtn {
        display: none;
    }

    .careerSec2 .acc.active .rightContentWrap .more-btn {
        border: 1px solid #43C206;
        margin-top: 40px;
        color: #43C206;
    }

    .careerSec2 .acc.active .mobApplyBtn.deskApplyBtn .more-btn {
        width: 135px;
        font-size: 16px;
        padding: 12px 22px;
    }

    .careerSec2 .titleRight ul.jobDesc li .descIcon {
        width: 37px;
        height: 37px;
    }

    .careerSec2.commonSec {
        padding: 70px 0;
    }

    #single-apply-form {
        width: 85%;
    }

    /* blog-details */
    .post-content .bot-con {
        gap: 20px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .icon svg {
        width: 42px;
    }
    .bgdt-second-section .post-content .mid-con .text-con p {
        font-size: 17px;
        text-align: center;
    } 
    .bgdt-second-section .post-content .mid-con .text-con span p {
        font-size: 23px;
    }
    .blogDetailsWrap .post-content .bot-con .links span {
        font-size: 20px;
    }
    .blogDetailsWrap .post-content .bot-con .arr-btn h5 {
        font-size: 20px;
    }
    .blogDetailsWrap .post-content .interaction ul li a p {
        font-size: 16px;
    }
    .blogDetailsWrap .post-content .interaction ul li a span img {
        width: 20px;
    }
    .bgdt-second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }
    .bgdt-second-section .post-content .top-con {
        gap: 12px;
    }
    .bgdt-third-section .row_1 {
        text-align: center;
    }
    .bgdt-third-section .row_1 .more-btn {
        display: inline-block;
        width: 30%;
        margin-top: 15px;
        padding: 10px 8px;
    }
    .bgdt-third-section .blogs {
        margin-top: 0;
    }
    .bgdt-third-section .row_2 {
        margin-top: 30px;
    }
    .bgdt-third-section {
        padding: 50px 0px 90px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content .preview .arrBtn {
        height: 45px;
        width: 45px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content .preview .arrBtn:before {
        left: 42%;
        top: 42%;
    }
    .bgdt-third-section .blogs .each-blog .blog-content .title {
        font-size: 20px;
    }
    .bgdt-third-section .blogs .each-blog:hover .blog-content .title {
        font-size: 22px;
    }
    .bgdt-third-section .blogs .slick-list {
        margin-right: 0 !important;
    }
    .bgdt-third-section .blogs .slick-prev {
        left: calc(50% - 30px);
        right: auto;
    }

    .bgdt-third-section .blogs .slick-next {
        right: calc(50% - 46px);
    }
    .bgdt-third-section .blogs .slick-prev , .bgdt-third-section .blogs .slick-next {
        bottom: -23%;
    } 

     /* blog-details */
     .bgdt-third-section .bgdt-third-sec-head {
        text-align: center;
    }
    .bgdt-third-section .bgdt-third-sec-btn {
        text-align: center;
    }
    .bgdt-third-section .bgdt-third-sec-btn .more-btn {
        margin: 0 auto;
    }

    /* faq */
    .faqSec2 {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }
    .faqSec2 .faqWrap,
    .faqSec3 .faqWrap {
        max-width: 100%;
    }
    .faqSec3.commonSec {
        padding: 55px 0;
    }
    .faqSec2 .faqWrap .acc-head h4,
    .faqSec3 .faqWrap .acc-head h4 {
        font-size: 18px;
        line-height: 25px;
    }


    /* news */
    .news-second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -120px;
    }
    .news-second-section .content .each-news .news-img {
        height: auto;
    }
    .news-second-section .content .each-news .news-img img {
        border-radius: 35px;
    }

    /* csr */
    .csr-second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }

    .csr-second-section .text-con .text-head {
        font-size: 36px;
    }
    .csr-second-section .text-con {
        padding: 38px 20px;
    }
    .csr-third-section .content {
        width: 80%;
        padding: 55px 0 55px;
    }

    /* product-details */
    .pd-fourth-section .listContBox .tab_content .content .img-con img {
        height: 325px;
    }
    .pd-fourth-section .listContBox .tab_content .text-con .box-head {
        font-size: 27px;
    }
    .pd-fourth-section .listWrap {
        margin-top: 0;
    }
    .pd-third-section .content .box-con p {
        font-size: 16px;
      }

      .single-recycle_metals .pd-second-section .text-con {
        text-align: center;
    }

      /* media & gallary */
      .mda-second-section {
        padding: 55px 0px;
        border-radius: 50px 50px 0px 0px;
        margin-top: -150px;
    }
    .mda-third-section {
        padding: 50px 0px 70px;
    }

    .mda-second-section .text-con {
        padding: 35px 20px;
    }

    .mda-second-section .img-con {
        height: 500px;
    }

    /* single-post */
    .single-post .innerBannerContent .bcm {
        min-width: unset;
        max-width: unset;
    }

    .page-template-contact_us .contactPgSec2 .addressWrap .addressTxt {
        width: calc(100% - 45px);
        /* width: 100%; */
    }
   
}

@media (max-width: 640px) {
    .eleventh-section .contactFrmWrap {
        max-width: unset;
        width: 90%;
        /* left: 12px; */
        /* top: 160px; */
    }

    .eleventh-section .form-head {
        font-size: 27px;
        margin-bottom: 14px;
    }

    .eleventh-section .subBtn {
        padding: 0 37px;
        height: 46px;
    }

    /* blog-details */
    .bgdt-second-section .form-inner .inline-input {
        flex-direction: column;
        gap: 0px;
    }
    .bgdt-second-section .form-inner .input {
        padding: 12px 15px;
        margin-bottom: 14px;
        font-size: 15px;
    }
    .bgdt-second-section .form-inner {
        padding: 32px 25px;
    }
    .bgdt-second-section .form-inner .label {
        font-size: 16px;
        margin-bottom: 3px;
    }

    /* media & gallary */
    .mda-third-section .content .glr-img {
        height: 350px;
    }
}

@media (max-width: 575px) {

    /* .hero-banner .slick-dots {
        left: 2% !important;
        bottom: 24% !important;
    } */
    .innerBanner {
        height: 600px;
    }

    .bcm .pg-head {
        font-size: 33px;
    }

    .ninth-section .headerWrap p {
        font-size: 16px;
    }


    .hero-banner .each-slider .text-content h2 {
        font-size: 26px;
    }

    .second-section {
        border-radius: 40px 40px 0px 0px;
        margin-top: -100px;
    }
    .second-section .text-con h2 {
        display: block;
    }
    .second-section .text-con p {
        font-size: 16px !important;
    }

    .second-section.commonSec {
        padding: 40px 0 57px !important;
    }

    .second-section .text-conText {
        padding-left: 0;
        padding-top: 17px;
    }

    .second-section .text-con {
        padding: 38px 30px;
    }

    /* .second-section .text-con span {
        font-size: 30px;
    } */
    .second-section .img-con {
        height: 350px !important;
    }

    .second-section .count-container .each-content {
        margin-top: 0;
    }

    .second-section .img-con::before {
        left: 64% !important;
    }

    .ninth-section {
        padding: 80px 0px 190px 0px !important;
    }
    .ninth-section .blogs .slick-next,
    .ninth-section .blogs .slick-prev {
        bottom: -40%!important;
    }

    .ninth-section .blogs .each-blog {
        min-height: 370px;
    }

    .batterySec_cont {
        text-align: center;
    }

    .batterySec_cont h2 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .batterySec h2.title {
        font-size: 38px!important;
    }

    .third-section .batterySec_bg {
        height: 230px;
    }

    

    .sixth-section .slider-con .each-slider .text-con .info {
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .sixth-section .slider-con .slick-prev,
    .sixth-section .slider-con .slick-next {
        bottom: -7%;
    }

    .commonSec.seventh-section {
        padding: 55px 0 130px;
    }

    .seventh-section h2.secH {
        text-align: center;
    }

    .seventh-section .head-info {
        text-align: center;
    }

    .seventh-section .metal-items .each-slide {
        padding: 40px 0px 20px 20px;
    }

    .seventh-section .metal-items .slick-prev,
    .seventh-section .metal-items .slick-next {
        top: auto;
        bottom: -50px;
    }

    .seventh-section {
        padding: 70px 0px 90px;
    }

    h2.secH {
        font-size: 30px;
    }

    .eighth-section .text-content {
        margin-bottom: 0px;
    }

    .eighth-section .text-content .text-box{
        flex-direction: column;
    }

    .eighth-section .text-content .text-box .num {
        width: 100%;
        text-align: center;
    }

    .eighth-section .text-content .text-box .info .title {
        font-size: 25px;
        text-align: center;
    }

    /* .ninth-section {
        padding: 65px 0px 100px 0px !important;
    } */

    /* .sixth-section .slider-con .slick-prev {
        left: calc(50% - 34px);
    }
    .sixth-section .slider-con .slick-next {
        left: calc(50% + 12px);
    } */
    .eighth-section .text-content .text-box .info p {
        font-size: 16px;
    }

    .tenth-section .sec-head {
        padding-top: 60px;
    }

    .commonSec.tenth-section {
        padding: 100px 0 70px;
    }

    .main-page-footer .content .card .card-right {
        display: none;
    }

    .main-page-footer .content .card .card-left {
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    .main-page-footer .more-btn {
        display: inline-block;
    }

    .main-page-footer .content .contact .contact-head {
        font-size: 28px;
        margin-bottom: 35px;
    }

    .main-page-footer .content .foot-head {
        width: 200px;
        margin-bottom: 28px;
    }

    .main-page-footer .newletterWrap {
        padding: 15px 0 40px;
    }

    .contactFrmWrap .wpcf7-form.invalid .wpcf7-response-output {
        text-align: center;
    }

    .contactFrmWrap .wpcf7 form.sent .wpcf7-response-output {
        text-align: center;
    }

    /* .eleventh-section {
        height: 830px;
    } */

    .sixth-section .slider-con .each-slider .inline-div .details .prof {
        font-size: 15px;
    }

    .ninth-section .blogs .slick-next, .ninth-section .blogs .slick-prev {
        bottom: -12%;
    }

    .main-page-footer .content .col-lg-3:last-child {
        margin-top: 16px;
    }

    .main-page-footer .content .contact .contact-form .input-submit {
        width: 40px;
        height: 40px;
    }

    .tenth-section .acc-head p {
        padding: 0 10px 0 0;
        font-size: 17px;
    }

    .main-page-footer .content .foot-info {
        font-size: 15px;
    }

    .main-page-footer .content .links .link {
        font-size: 15px;
    }

    .sixth-section {
        padding: 45px 0px;
    }

    .sixth-section .slider-con .each-slider .inline-div .vdo {
        margin-right: 15px;
    }

    .metal-items .each-slide .img-con {
        width: 130px;
    }

    .seventh-section .metal-items .each-slide .inner-slide .metal-name {
        bottom: 4px;
    }

    .text-content .text-box .info {
        width: 100%;
        text-align: center;
    }

    .eleventh-section .contactFrmWrap {
        /* width: 79%; */
        /* left: 50px; */
    }

    /* about */
    .abt-second-section {
        border-radius: 40px 40px 0px 0px;
        margin-top: -100px;
    }

    .commonSec.milestoneSec {
        /* padding: 65px 0 100px; */
        padding-top: 65px;
    }

    .abt-fourth-section {
        height: 460px;
    }

    .abt-fourth-section .vdo-play-btn {
        height: 110px;
        width: 110px;
    }

    .abt-fourth-section .vdo-play-btn .play-btn {
        font-size: 20px;
    }

    .abt-fifth-section {
        padding: 65px 0;
    }

    .abt-fifth-section .content .div-circle {
        height: 130px;
        width: 130px;
        gap: 18px;
    }

    .abt-fifth-section .div-circle .icon {
        width: 30px;
        height: 30px;
    }

    .abt-fifth-section .div-circle h3 {
        font-size: 17px;
    }

    .abt-fifth-section .content .each-div p {
        font-size: 17px;
    }

   

    .abt-fifth-section .roller-coaster-box .row .each-div:not(:last-child) {
        margin-bottom: 25px;
    }

    .abt-sixth-section .headingWrap h2.secH {
        font-size: 27px;
    }

    .abt-sixth-section.commonSec {
        padding: 65px 0 70px;
    }

    .abt-sixth-section .featuredBatteryImg {
        width: 280px;
    }

    .abt-seventh-section.commonSec {
        padding: 65px 0;
    }

    .abt-seventh-section .headingWrap .secH {
        margin-bottom: 30px;
    }

    .tenth-section .acc-content p {
        font-size: 15px;
    }

    /* blog-listing */
    .bgli-second-section .blogs .each-blog .blog-content {
        gap: 15px;
    }

    .bgli-second-section .blogs .each-blog .blog-content .title {
        font-size: 18px;
    }

    .bgli-second-section .blogs {
        gap: 16px;
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .arrBtn {
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .arrBtn:before {
        font-size: 20px;
        margin: 0 auto;
        left: 52%;
        top: 42%;
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .date {
        font-size: 16px;
        padding: 6px 14px;
    }

    .blogSidebar .srchWrap .frmWrap .inputTxt {
        margin-bottom: 15px;
    }

    .bgli-second-section {
        border-radius: 40px 40px 0px 0px;
        margin-top: -130px;
    }

    .blogSidebar h4 {
        font-size: 22px;
    }

    .postList li .postImg {
        width: 200px;
    }

    .postText {
        width: calc(100% - 200px);
    }

    .head-info {
        font-size: 16px;
    }

    .bgli-second-section .blogs .each-blog .blog-content:hover .arrBtn {
        transform: translate(-50%, -50%) scale(1.2);
    }

    .bgli-second-section .blogs .each-blog .blog-content:hover .preview .arrBtn {
        left: calc(50% - 4px);
    }
    .bgli-second-section .blogs .each-blog:hover .blog-content .title {
        font-size: 17px;
    }

   

    /* contact */
    .contactPgSec1 {
        border-radius: 40px 40px 0 0;
        margin-top: -100px;
        text-align: center;
    }

    .conactFromWrap .frmBtnWrap {
        justify-content: center;
    }

    .page-template-contact_us .eleventh-section {
        height: 600px;
    }

    .contactPgSec2 .addressWrap {
        padding: 18px 0 60px;
    }

    .conactFromWrap .wpcf7-form.sent .wpcf7-response-output {
        text-align: center;
    }

    .conactFromWrap .wpcf7-form.invalid .wpcf7-not-valid-tip {
        text-align: left;
    }
    .conactFromWrap .wpcf7 form.invalid .wpcf7-response-output {
        text-align: center;
    }

    .conactFromWrap {
        padding: 40px 20px;
    }

    /* career */
    .careerSec1 {
        border-radius: 50px 50px 0 0;
        margin-top: -90px;
    }

    .careerSec1 .careerTopCont .careerTopIcon {
        width: 48px;
        height: 48px;
    }
    .careerTopTxt {
        width: calc(100% - 48px);
    }

    .careerSec1 .careerTopCont .careerTopIcon img {
        width: 23px;
    }

    .careerSec2 .careerImg {
        height: 400px;
    }

    .careerSec2.commonSec {
        padding: 58px 0;
    }

    .careerSec2 .headingWrap {
        margin-bottom: 30px;
    }

    .careerSec2 .srchField .inputTxt {
        text-align: left;
    }

    .careerSec2 .srchFormWrap .frmWrap input[type=text] {
        padding: 0 20px 0 44px;
    }

    .careerSec2 .acc.active {
        padding: 12px 10px;
    }

    .careerSec2 .acc.active .acc-content {
        padding: 0px 25px 30px 25px;
    }

    .careerSec2 .acc.active .leftContentDesc ul.jobDesc li .descIcon {
        width: 35px;
        height: 35px;
    }

    .careerSec2 .acc-container .acc {
        padding: 0;
    }

    .careerSec2 .acc .acc-head {
        padding: 10px 12px;
    }

    .careerSec2 .jobTitleWrap .titleRight {
        width: 50%;
    }

    .careerSec2 .jobTitleWrap .titleleft span {
        font-size: 14px;
    }

    .careerSec2 .jobTitleWrap .titleleft h4 {
        font-size: 18px;
    }

    .careerSec2 .jobTitleWrap .titleRight ul.jobDesc {
        gap: 15px;
    }

    .careerSec2 .jobTitleWrap .titleRight ul.jobDesc li {
        gap: 7px;
    }

    .careerSec2 .acc .acc-head::after {
        right: 10px;
        top: 20px;
    }
    .careerSec2 .titleRight ul.jobDesc li .descIcon {
        width: 34px;
        height: 34px;
    }
    .careerSec2 .titleRight ul.jobDesc li p {
        font-size: 15px;
    }
    
    .careerSec2 .rightContentWrap ul li {
        flex-direction: column;
    }
    .careerSec2 .acc.active .rightContentWrap ul li .leftTxt {
        width: 100%;
    }
    .careerSec2 .rightContentWrap ul li .rightTxt {
        width: 100%;
    }

    .careerSec3 .frmBtnWrap {
        justify-content: center;
    }
    .eleventh-section .frmWrap {
        justify-content: center;
    }

    #single-apply-form {
        width: 90%;
    }

    #single-apply-form input[type=submit] {
        height: 50px;
    }

    /* blog-details */
    .bgdt-third-section .blogs .each-blog .blog-content .preview .date {
        right: 10px;
        padding: 7px 14px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content {
        gap: 10px;
    }
    .bgdt-third-section .blogs .each-blog .blog-content .title {
        font-size: 18px;
    }
    .bgdt-third-section .blogs .slick-prev, .bgdt-third-section .blogs .slick-next {
        bottom: -20%;
    }
    .bgdt-second-section {
        margin-top: -115px;
        border-radius: 40px 40px 0px 0px;
    }
    .bgdt-second-section .post-content .date {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .blogDetailsWrap .post-content .headingWrap h2.secH {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .single-post .blogDetailsWrap .post-content .headingWrap h2.secH {
        font-size: 22px;
    }
    
    .bgdt-second-section .post-content .interaction {
        padding: 15px 30px;
    }
    .bgdt-second-section .post-content {
        gap: 25px;
    }
    .post-content .mid-con .post-img-con {
        height: 330px;
    }
    .bgdt-third-section .blogs .slick-next::after,
    .bgdt-third-section .blogs .slick-prev::after {
        height: 40px;
        width: 45px;
    }
    .bgdt-third-section .blogs .slick-prev::before,
    .bgdt-third-section .blogs .slick-next::before {
        font-size: 14px;
        height: 28px;
        width: 28px;
    }
    .bgdt-third-section .blogs .slick-prev, .bgdt-third-section .blogs .slick-next {
        width: 28px;
        height: 28px;
    }
    .bgdt-second-section .blogDetailsWrap .blockListBg {
        padding: 20px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con {
        gap: 15px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con .links {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con .links .share {
        margin-bottom: 15px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .interaction ul {
        gap: 25px;
    }

    .bgdt-third-section .row_1 .more-btn {
        width: 40%;
    }

    .bgdt-third-section {
        padding: 50px 0px 120px;
    }

    .blogDetailsWrap .comment_list li .comment-author .says {
        font-size: 20px;
    }
    .blogDetailsWrap .comment_list li .comment-author .fn {
        font-size: 20px;
    }

    .single-post .blogDetailsWrap .post-content .bot-con .arr-btn {
        gap: 17px;
    }

    .bgdt-second-section .post-content .interaction{
        width: 100%;
        border-radius: 20px;
        justify-content: flex-start;
    }

    .bgdt-second-section .blogDetailsWrap .post-content .interaction ul{
        flex-direction: column;
        gap: 16px;
    }

    .single-post .bgdt-second-section .form-inner {
        margin-top: 25px;
    }
    .single-post .bgdt-second-section .form-inner {
        padding: 32px 18px;
    }

    /* faq */
    .faqSec2 {
        margin-top: -115px;
        border-radius: 40px 40px 0px 0px;
    }

    /* news */
    .news-second-section {
        margin-top: -60px;
        border-radius: 40px 40px 0px 0px;
    }
    .news-second-section .content .each-news {
        gap: 10px;
    }
    .news-second-section .content .each-news .news-title {
        font-size: 18px;
        text-align: center;
    }
    .news-second-section .content .each-news .news-img {
        border-radius: 18px;
    }
    .news-second-section .content .each-news .news-img img {
        border-radius: 18px;
    }
    .news-second-section .content .each-news {
        margin-bottom: 20px;
    }
    .news-second-section .pagination .page-numbers {
        width: 30px;
        height: 30px;
    }

    /* csr */
    .csr-second-section {
        border-radius: 40px 40px 0px 0px;
        margin-top: -100px;
    }
    .csr-second-section .text-con p {
        font-size: 16px;
        line-height: 24px;
    }

    /* product-details */
    .pd-second-section .text-con {
        padding: 40px 30px;
    }
    .pd-second-section .text-con .text-head {
        font-size: 38px;
    }
    .pd-second-section .img-con {
        height: 320px;
    }
    .commonSec.pd-third-section {
        padding: 55px 0;
    }
    .pd-third-section .content .box-con .box-head {
        font-size: 28px;
    }
    .pd-fourth-section ul.tabs {
        overflow: hidden;
        overflow-x: auto;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding-bottom: 15px;
    }

    .pd-third-section .content .box-con {
        height: auto;
    }

    /* media & gallary */
    .mda-second-section {
        border-radius: 40px 40px 0px 0px;
        margin-top: -100px;
    }
    .mda-second-section .img-con {
        height: 400px;
    }
    .mda-second-section .text-con .text-head {
        font-size: 34px;
    }
    .mda-third-section .content .img-con {
        height: 350px;
    }
    .mda-third-section .content .glr-img {
        margin: 15px 0;
    }
    .mda-third-section .content .glr-img {
        height: auto;
    }
    .mda-third-section .sec-head {
        margin-bottom: 35px;
    }
    .mda-third-section .content .col-md-4:last-child .glr-img {
        height: auto;
        margin: 0;
    } 

    .mda-third-section .more-btn {
        margin-top: 30px;
    }

    .bgdt-second-section .form-inner .form-head {
        font-size: 27px;
    }

    /* single-post */
    .single-post  .innerBannerContent {
        top: 48%;
    }
}

@media (max-width: 480px) {
    .hero-banner .each-slider .text-content .discover-btn {
        width: 168px!important;
        font-size: 16px!important;
        padding: 13px 10px!important;
    }

    .hero-banner .each-slider .text-content h2 {
        font-size: 25px;
    }

    .hero-banner .each-slider .text-content p {
        font-size: 15px;
    }

    .second-section .img-con {
        height: 310px !important;
    }

    .second-section .text-conText {
        padding-top: 9px;
    }

    .second-section .img-con::before {
        left: 56% !important;
    }

    .third-section .batterySec h2.title {
        font-size: 35px;
    }

    .third-section .batterySec p {
        margin-bottom: 35px;
    }

    .third-section .batterySec_bg {
        height: 176px!important;
    }
    .third-section .batterySec_bg {
        /* padding: 47px 0 50px !important; */
    }

    .batterySec.third-section .more-btn {
        width: 127px;
    }

    .batterySec.third-section h2.title {
        font-size: 33px!important;
    }

    .seventh-section .metal-items .each-slide .inner-slide {
        height: 175px;
    }

    .tenth-section .sec-head {
        padding-top: 55px!important;
    }
    .sec-head {
        font-size: 25px !important;
    }


    h2.secH {
        font-size: 26px;
    }

    .sixth-section .slider-con .each-slider .slider-inner {
        gap: 22px;
    }

    .sixth-section .client-slider {
        padding-bottom: 20px;
    }

    /* .eleventh-section .contactFrmWrap {
        max-width: 330px;
    } */
    .eleventh-section .form-head {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .eleventh-section .frmWrap {
        margin-bottom: 10px;
    }

    .eleventh-section .subBtn {
        height: 44px;
    }

    .main-page-footer .content .contact .contact-head {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .main-page-footer .content .links .each-link img {
        height: 22px;
        width: 22px;
    }
    .main-page-footer .content .contact .contact-form {
        width: 370px;
    }

    .contactFrmWrap .wpcf7-form.invalid .frmBtnWrap {
        margin: 10px 0 0;
    } 

    .third-section .batterySec_bg {
        /* padding: 76px 0 76px; */
        height: 170px;
    }

    .eighth-section .img-content {
        height: 350px;
    }

    .ninth-section .blogs .each-blog {
        height: auto;
    }

    .ninth-section .blogs {
        height: auto;
    }

    /* .ninth-section {
        padding: 65px 0px 122px 0px !important;
    } */

    .ninth-section .blogs .slick-arrow {
        bottom: -47px;
    }

    /* .ninth-section .blogs .each-blog .blog-content {
        width: 51%;
    } */

    .ninth-section .blogs .slick-next {
        right: calc(50% - 36px);
    }

    .ninth-section .blogs .slick-prev {
        left: calc(50% - 40px);
    }

    /* blog-listing */
    .blogSidebar .postList li {
        display: block;
    }

    .blogSidebar .postList li .postImg {
        width: 100%;
        height: 185px;
    }

    .blogSidebar .postText {
        width: 100%;
        padding-left: 0;
    }


    /* career */
    .careerSec2 .jobTitleWrap {
        flex-direction: column;
    }
    .careerSec2 .jobTitleWrap .titleleft {
        width: 100%;
    }
    .careerSec2 .jobTitleWrap .titleRight {
        width: 100%;
        margin-top: 10px;
    }
    .careerSec2 .acc .acc-head {
        padding: 10px 12px 18px;
    }
    .careerSec2 .acc .acc-head::after {
        top: 35px;
    }
    .careerSec2 .acc.active .acc-content-inner .rightContentWrap .leftTxt h5 {
        font-size: 18px;
    }
    .careerSec2 .acc-content .titleleft h4 {
        font-size: 20px;
    }
   
    /* .bgdt-third-section .blogs .slick-prev, .bgdt-third-section .blogs .slick-next {
        bottom: 13%;
    } */

    /* blog-details */
    .bgdt-second-section .post-content .mid-con .text-con p {
        font-size: 16px;
    }
    .bgdt-second-section .post-content .mid-con .text-con span p {
        font-size: 20px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .mid-con .text-con .quote {
        margin: 25px 0 10px;
    }
    .bgdt-second-section {
        margin-top: -90px;
    }
    .bgdt-second-section .blogDetailsWrap .blogSidebar .catList li a {
        font-size: 16px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .interaction ul {
        gap: 15px;
    }
    .single-post .post-content .interaction ul li a {
        gap: 8px;
    }
    .blogDetailsWrap .post-content .interaction ul li a span img {
        width: 18px;
    }
    .blogDetailsWrap .post-content .interaction ul li a p {
        font-size: 15px;
    }
    .bgdt-second-section .post-content .interaction {
        padding: 10px 20px;
    }

    .bgdt-third-section .row_1 .more-btn {
        width: 40%;
    }

    #single-apply-form select, #single-apply-form input {
        height: 48px;
    }
    #single-apply-form.fancybox-content {
        padding: 36px 12px;
    }

    .bgdt-third-section {
        padding: 50px 0px 120px;
    }

    /* faq */
    .faqSec2 {
        margin-top: -90px;
    }
    .faqSec2 .faqWrap .acc-head, .faqSec3 .faqWrap .acc-head {
        padding: 15px;
    }
    .faqSec2 .faqWrap .acc-content, .faqSec3 .faqWrap .acc-content {
        padding: 20px 15px 20px;
    }

    /* csr */
    .csr-second-section .img-con {
        height: 290px;
    } 
    .csr-second-section .text-con .text-head {
        font-size: 34px;
    }
    .csr-third-section .content {
        width: 100%;
        padding: 50px 0;
    }

    /* product-details */
    .pd-second-section .text-con {
        padding: 20px 15px;
    }
    .pd-second-section .text-con .text-head {
        font-size: 30px;
    }
    .commonSec.pd-fourth-section {
        padding: 57px 0;
    }
    .pd-fourth-section .listContBox .tab_content .content .img-con img {
        height: 250px;
    }

    .mda-second-section .text-con .text-head {
        font-size: 28px;
        padding-bottom: 0px;
    }

    .single-post .blogDetailsWrap .post-content .bot-con .arr-btn h5 {
        font-size: 17px;
    }

    /* contact */
    /* .contactPgSec2 .addressWrap .addressBox {
        flex-direction: column;
    } */


}

@media (max-width: 420px) {
    .seventh-section .metal-items .slick-next {
        right: calc(50% - 33px);
    }

    .sixth-section .slider-con .slick-prev {
        left: calc(50% - 40px) !important;
    }
    .sixth-section .slider-con .slick-next {
        left: calc(50% - 5px) !important;
    }
    .ninth-section .blogs .slick-next {
        right: calc(50% - 32px);
    }

    .ninth-section .blogs .slick-prev {
        left: calc(50% - 27px);
    }
    .sixth-section .slider-con .each-slider .text-con .info {
        margin-bottom: 50px;
    }
}

@media (max-width: 360px) {

    h2.secH {
        font-size: 24px;
    }

    .second-section {
        padding: 50px 0px;
        margin-top: -66px;
    }

    .second-section .text-con span {
        font-size: 28px;
    }

    .second-section .count-container .each-content {
        margin-top: 10px!important;
    }
    .second-section .count-container .each-content {
        padding: 10px 0px!important;
    }

    .second-section .img-con::before {
        left: 41% !important;
    }

    .sixth-section h2.secH {
        margin-bottom: 15px;
    }

    .sixth-section .slider-con .each-slider .inline-div .details .name {
        font-size: 16px;
    }

    .sixth-section .slider-con .slick-prev,
    .sixth-section .slider-con .slick-next {
        bottom: 3%;
    }

    .sixth-section .slider-con .slick-next {
        left: calc(50% + 5px);
    }

    .sixth-section .slider-con .slick-prev {
        left: calc(50% - 30px);
    }

    .seventh-section .metal-items .each-slide .inner-slide {
        width: 230px;
        height: 150px;
    }

    /* .seventh-section .metal-items .each-slide .inner-slide .img-con {
        height: 100px;
        width: 96px;
    } */

    .seventh-section .metal-items .each-slide .inner-slide .metal-name {
        font-size: 14px;
    }

    .seventh-section .metal-items .slick-prev {
        left: calc(50% - 19px);
        right: auto;
    }

    .seventh-section .metal-items .slick-next {
        right: calc(50% - 40px);
    }

    .eighth-section .text-content .text-box .info .title {
        font-size: 22px;
    }

    /* .ninth-section .blogs .each-blog .blog-content {
        width: 44%;
    } */

    .ninth-section .blogs .slick-prev {
        left: calc(50% - 36px);
    }

    .ninth-section .blogs .slick-next {
        right: calc(50% - 23px);
    }

    .eleventh-section .contactFrmWrap {
        /* left: 6%; */
        /* width: 88%; */
        padding: 20px;
    }

    .main-page-footer .content .foot-head {
        width: 188px;
    }

    .main-page-footer .content .contact .contact-form .input-submit {
        top: 4px;
        right: 7px;
    }
    .main-page-footer .content .contact .contact-form {
        width: 340px;
    }

    /* about */
    .innerBanner {
        height: 500px;
    }

    .innerBanner .bcm {
        padding: 15px 22px;
    }

    .bcm .pg-head {
        font-size: 30px;
    }

    .bcm .pg-link .link {
        font-size: 14px;
    }


    .abt-second-section {
        padding: 50px 0px;
        margin-top: -66px;
    }

    .milestoneSec .headingWrap {
        margin-bottom: 30px;
    }

    .milestoneSec .milestoneCard .yearTxt h3 {
        font-size: 65px;
        margin-bottom: 10px !important;
        line-height: 68px;
    }

    .milestoneSlider .slick-arrow.slick-prev {
        left: calc(50% - 34px);
        right: auto;
    }

    .milestoneSlider .slick-arrow.slick-next {
        right: calc(50% - 40px);
    }

    .milestoneSec .milestoneSlider .slick-arrow {
        bottom: 0px;
    }

    .commonSec.milestoneSec {
        /* padding: 65px 0 78px; */
        padding-bottom: 78px;
    }

    .abt-fourth-section .vdo-play-btn {
        height: 100px;
        width: 100px;
    }

    .abt-fourth-section .vdo-play-btn .play-btn {
        font-size: 18px;
    }

    .abt-fourth-section {
        height: 410px;
    }

    .abt-fifth-section .content .each-div p {
        font-size: 16px;
    }

    .abt-fifth-section {
        padding: 60px 0 50px;
    }

    .abt-sixth-section .headingWrap h2.secH {
        font-size: 25px;
    }

    .abt-sixth-section .featuredBatteryImg {
        width: 270px;
        margin: 6px auto 20px;
    }

    /* blog-listing */
    .bgli-second-section {
        border-radius: 30px 30px 0px 0px;
        margin-top: -50px;
    }

    .bgli-second-section.commonSec {
        padding: 50px 0 70px;
    }

    .each-blog .blog-content .blogImg {
        height: 200px;
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .arrBtn {
        height: 45px;
        width: 45px;
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .arrBtn {
        left: calc(100% - 65px);
    }

    .bgli-second-section .blogs .each-blog .blog-content .preview .date {
        right: 22px;
    }

    
    .blogSidebar .blogPostList {
        padding: 30px 10px;
    }

    .blogSidebar .tagList li {
        max-width: calc(50% - 10px);
    }

    .blogSidebar .srchWrap .frmWrap .inputTxt {
        min-height: 45px;
    }

    .blogSidebar .blockListBg {
        padding: 25px 15px;
    }

    .blogSidebar .catList li:not(:last-child) {
        margin-bottom: 12px;
        padding-bottom: 10px;
    }

    .blogSidebar .catList li a {
        font-size: 16px;
    }

    /* contact */
    .contactPgSec1 {
        border-radius: 40px 40px 0 0;
        margin-top: -65px;
    }

    .contactPgSec1 h2.secH {
        font-size: 34px;
    }

    .conactFromWrap {
        padding: 20px 15px;
        border-radius: 20px;
    }

    .contactPgSec1 .conactFromWrap .inputTxt {
        height: 52px;
        padding: 0 14px;
    }

    .contactPgSec1 .conactFromWrap .subBtn {
        height: 47px;
        padding: 0 30px;
    }

    .contactPgSec1 .conactFromWrap .more-btn {
        font-size: 14px;
    }

    .contactPgSec2 .addressWrap .addressBox .addressTxt h5 {
        font-size: 18px;
    }

    .contactPgSec2 .addressWrap .addressBox .addressTxt p {
        font-size: 16px;
    }

    /* career */
    .careerSec1 {
        border-radius: 30px 30px 0 0;
        margin-top: -50px;
    }
    .careerSec1 .headingWrap {
        margin-bottom: 30px;
    }
    .subPara p {
        font-size: 16px;
    }
    .careerSec1.commonSec {
        padding: 45px 0;
    }
    .careerTopTxt {
        padding: 0 10px 10px;
    }
    .careerSec1 .careerTopCont .careerTopTxt h4 {
        font-size: 20px;
    } 
    .careerSec1 .careerTopCont .careerTopTxt p {
        font-size: 15px;
    } 
    .careerSec2 .careerImg {
        height: 350px;
    }
    .careerSec2.commonSec {
        padding: 45px 0;
    }
    .careerSec2 .headingWrap {
        margin-bottom: 15px;
    }
    .careerSec2 .titleRight ul.jobDesc li .descIcon,
    .careerSec2 .acc.active .leftContentDesc ul.jobDesc li .descIcon {
        width: 30px;
        height: 30px;
    }
    .careerSec2 .titleRight ul.jobDesc li:last-child .descIcon img,
    .careerSec2 .acc.active .leftContentDesc ul.jobDesc li:last-child .descIcon img {
        width: 20px;
        height: auto;
    }
    
    .careerSec2 .acc-content-inner {
        padding-left: 0;
    }

    /* blog-details */
    .bgdt-second-section {
        margin-top: -45px;
        padding: 50px 0px;
    }
    .bgdt-third-section {
        padding: 42px 0px 125px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con .arr-btn .topic {
        font-size: 14px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con .arr-btn h5 {
        font-size: 18px;
    }
    .bgdt-second-section .blogDetailsWrap .post-content .bot-con .links span {
        font-size: 18px;
    }
    .bgdt-second-section .post-content {
        gap: 15px;
    }
    .bgdt-second-section .post-content .mid-con {
        gap: 16px;
    }
    .bgdt-second-section .post-content .date {
        padding: 10px 42px;
        font-size: 16px;
        margin-bottom: 10px;
        
    }
    .bgdt-second-section .post-content .mid-con .text-con span p {
        font-size: 18px;
    }
    .bgdt-second-section .blogSidebar h4 {
        font-size: 20px;
    }
    .post-content .mid-con .post-img-con {
        height: 250px;
    }
    .bgdt-third-section .more-btn {
        padding: 8px 4px;
    }

    .blogDetailsWrap .post-content .interaction ul li a p {
        font-size: 14px;
    }

    .bgdt-second-section .blogDetailsWrap .post-content .interaction ul {
        gap: 12px;
    }
    .post-content .interaction ul li a {
        gap: 6px;
    }

    /* faq */
    .faqSec2 {
        margin-top: -45px;
        padding: 50px 0px;
    }
    .faqSec2 .faqWrap .acc-head h4, .faqSec3 .faqWrap .acc-head h4 {
        font-size: 16px;
    }
    .faqWrap .acc-content span {
        width: 42px;
        font-size: 17px;
    }
    .faqSec2 .faqWrap .acc-content, .faqSec3 .faqWrap .acc-content {
        padding: 15px 15px 20px;
    }
    .faqSec3.commonSec {
        padding: 45px 0;
    }
    .faqSec2 {
        padding: 45px 0px;
    }
    .faqSec2 .headingWrap {
        margin-bottom: 25px;
    }

    /* csr */
    .csr-second-section {
        margin-top: -66px;
        padding: 50px 0px;
    }

    /* media & gallary */
    .mda-second-section {
        padding: 40px 0 57px !important;
        margin-top: -30px;
        border-radius: 30px;
    }
}