@media (max-width:1700px){.hero-section .splide__cont{padding:180px 0}}
@media (max-width:1500px){
    h1{font-size:5rem}
    h2{font-size:4rem}
    h3{font-size:2.6rem}
    h4{font-size:2.3rem}
    h5, h6{font-size:2.1rem}
    p{font-size:1.7rem}
    body{font-size:1.7rem;line-height:2.5rem}
    .afl-button{font-size:1.7rem}
    .site-header,.site-header.is-sticky{padding:15px 20px}    
    .site-branding img{width:260px}
    .header-btn{width:242px;padding-left:48px}
    .header-btn:before{left:12px}
    #main-navigation ul li a{font-size:1.5rem;padding:15px 15px}
    #main-navigation .sub-menu li a{font-size:1.4rem}
    #main-navigation ul li ul.sub-menu{left:15px}
    .hero-section,.page-heading{margin-top:84px}
    .hero-section .splide__cont{padding:150px 0}
    .hero-section .splide__cont h2.hero-heading{font-size:5rem}
    .hero-section .splide__cont .hero-description,.about-section p,.service-section p,.csr-section p,.footer-branding p{font-size:1.7rem;line-height:3rem}
    .about-section,.customers-section,.csr-section{padding:60px 0 90px 0}
    .service-section{padding:90px 0 90px 0}
    .csr-section h3{font-size:2.2rem}
    .csr-section h4{font-size:2rem}
    .copyright p{font-size:1.5rem}
    .page-gap{padding:60px 0 60px 0}
    .page-heading{padding:50px 0px 70px 0px}
    .investors-content ul li a{line-height:2.6rem}
    .director-block{padding:50px}
    .page-id-60 .default-pages h3 {font-size:2.6rem}
}
@media (max-width:1366px){.hero-section .splide__cont{padding:120px 0}}
@media (max-width:1280px){
    h1{font-size:4.6rem}
    h2{font-size:3.6rem}
    h3{font-size:2.4rem}
    h4{font-size:2.2rem}
    h5, h6{font-size:2rem}
    p{font-size:1.6rem}
    body{font-size:1.6rem;line-height:2.2rem}
    .afl-button{font-size:1.6rem}
    .container{max-width:1000px}
    .afl-button{padding:10px 20px}
    .hero-section .splide__cont{padding:70px 0}
    .hero-section .splide__cont h2.hero-heading{font-size:4.6rem}
    .site-header,.site-header.is-sticky{padding:10px 20px}
    .hero-section,.page-heading{margin-top:69px}
    .header-btn:before{background-size:20px;width:20px;height:20px;left:0;right:0}
    .header-btn{font-size:0px;line-height:0px;padding:0;height:30px;width:30px;overflow:hidden;margin:0}
    .header-number{width:40px;overflow:hidden;justify-content:flex-end}
    .hero-section .container,.about-section .container,.service-section .container,.customers-section .container,.csr-section .container{padding:0 0px}
    .hero-section .splide__cont .hero-description,.about-section p,.service-section p,.csr-section p,.footer-branding p{font-size:1.6rem;line-height:3rem}    
    .investors-content{width:720px}
    #investors-nav{width:250px}
    #investors-nav ul li a{padding:12px 10px 12px 16px}
    .investors-content ul li{margin:8px 0}
    .director-block{padding:35px}
    .award-items .col-3{padding:0 10px}
    .pro-items .col-4{width:31%;padding:20px 20px 86px 20px}
    .pro-items .pro-btn{bottom:20px;left:20px}
    .page-id-92 .default-pages h2,.page-id-60 .default-pages h2{font-size:2.8rem;line-height:3.6rem}
    .about-blocks .col-2,.about-items .col-2{padding:60px 30px}
    .cu-details h3{margin-bottom:10px}
    .cu-details .cuinfo{padding:60px 20px 20px 20px}
    .cu-details .cuinfo:before{left:20px;top:20px}
    .cu-details .cuinfo.cu-call a{font-size:2.2rem}
    .investors-content .fy-block h3{font-size:2.4rem}
    .director-block{padding:40px}
    .page-id-60 .default-pages h3 {font-size:2.4rem}
}
@media (max-width:1100px){
    .container{max-width:960px}
    .service-section p{font-size:1.5rem}    
    .investors-content{width:700px}
    #investors-nav{width:250px}
    .milestones-pages .container{max-width:900px}
    .timeline ul li .timeline-content{width:400px}
    .timeline ul li:nth-child(even) .timeline-content{left:-444px;transform:none}
    .timeline ul li:nth-child(odd) .timeline-content {transform:none}
}
@media (max-width:992px){
    h1{font-size:4rem}
    h2{font-size:3rem}
    h3{font-size:2.2rem}
    h4{font-size:2rem}
    h5, h6{font-size:2rem}
    p{font-size:1.5rem}
    body{font-size:1.5rem;line-height:2.2rem}
    .afl-button{font-size:1.5rem;padding:10px 15px}
    .container{padding:0 20px;max-width:100%}
    .site-header,.site-header.is-sticky{padding:10px 15px}
    #mobilenav-toggle{display:block}
    #main-navigation{display:none}
    .site-branding img{width:240px}
    .header-number{margin-right:50px}
    .header-btn{width:40px;height:40px;border-radius:0px}
    .hero-section .splide__cont{padding:50px 0}
    .hero-section .splide__cont h2.hero-heading{font-size:4rem}
    .hero-section,.page-heading{margin-top:60px}
    .hero-section .container,.about-section .container,.service-section .container,.customers-section .container,.csr-section .container{padding:0 20px}
    .hero-section .splide__cont .hero-description,.about-section p,.service-section p,.csr-section p,.footer-branding p{font-size:1.5rem;line-height:2.8rem}
    .about-section,.customers-section,.csr-section{padding:40px 0 70px 0}
    .service-section{padding:70px 0 70px 0}
    .csr-section h3{font-size:2rem}
    .csr-section h4{font-size:1.6rem}
    .service-section .col-4{padding:80px 10px 10px 10px}
    .site-footer{padding:30px 0}    
    .site-footer .container {max-width:720px}
    .site-footer .fw .col-3{width:50%;float:left}
    .site-footer .fw{display:block;gap:0}
    .site-footer .fw .col-3.footer-branding{text-align:center;margin-bottom:20px;width:100%}
    .footer-branding img{width:250px;margin:auto}
    .site-footer h3,.footer-contact .ftrinfo.ftr-call a{font-size:1.8rem}
    .footer-contact .ftrinfo{padding-left:40px;padding-top:2px}
    .footer-contact .ftrinfo:before{background-size:100%;width:25px;height:25px}
    .service-section p br{display:none}
    .service-section .col-4{max-width:31%}
    .csr-section p{padding:0}
    .csr-section h4{padding:80px 0px 0px 0px;margin-bottom:0}
    .csr-section .col-4{padding-top:30px}
    .investors-content{width:100%;margin-bottom:40px}
    #investors-nav{width:100%;float:none;overflow:hidden;margin:0px auto}
    #investors-nav ul li{display:inline-block;margin:0 6px 6px 0}
    .investors-content ul li{margin:6px 0}
    .page-heading h1{margin-bottom:10px}
    .breadcrumbs{text-transform:none}
    .page-gap{padding:45px 0 45px 0}
    .page-heading{padding:40px 0px 60px 0px}
    .investors-content ul li a{line-height:2.6rem}
    .investors-content .fy-block h3{font-size:2.2rem}
    .director-block{padding:20px;margin-bottom:20px}
    .director-block h3{padding-bottom:10px;margin-bottom:10px}    
    .award-items .col-3{width:50%;padding:0 30px}
    .csr-1,.csr-2{display:block;align-items:inherit;margin-bottom:20px}
    .csr-1 img,.csr-2 img,.csr-3 .col-4 img{width:480px;display:block;margin:10px auto 20px}
    .csr-2 h3,.csr-2 p,.csr-3 .col-4 h3,.csr-3 .col-4 p{text-align:center}
    .csr-2 img,.csr-3 img{border-radius:12px}
    .csr-1 .col-2,.csr-2 .col-2{width:100%;padding:0 10px;float:left}    
    .csr-3 .col-4{padding:0 10px;margin-bottom:25px; width:50%}
    .csr-3{margin-bottom:0;gap:20px}
    .csr-3 .csr-img {max-width: 80%; margin:auto;}
    .pro-items .col-4{width:31.5%}
    .pro-tab-btn{padding:8px 16px;margin:0 2px 10px 2px}
    .pro-tab-content.active{padding:15px}
    .timeline ul li .timeline-y{font-size:1.8rem;margin-bottom:5px}
    .timeline ul li p{line-height:2rem}
    .timeline ul li .timeline-content{width:250px;padding:15px}
    .timeline ul li:nth-child(even) .timeline-content{left:-290px;transform:none}
    .timeline ul li:nth-child(odd) .timeline-content{transform:none}
    .cu-details .cuinfo:before{left:0;top:-18px;right:0;margin:auto}
    .cu-details .cuinfo{padding:32px 15px 15px 15px;text-align:center}
    .cu-details h3{margin-top:0;margin-bottom:5px}
    .cu-details{gap:15px;margin-bottom:20px}
    .cu-querytype label{font-size:2rem}
    .quality-imgs {gap:30px}
    .page-id-73 .default-pages h2,.page-id-60 .default-pages h2{font-size:3rem}
    .page-id-60 .default-pages h3 {font-size:2.4rem;margin-bottom:0}
    .about-blocks p{margin-bottom:15px}
}
@media (max-width:800px){
    .cu-details .cuinfo.cu-call a{font-size:2rem}
    .cu-details p{line-height:2rem}
}
@media (max-width:768px){
    .site-footer .container {max-width:576px}
    .hero-section .container{height:160px}
    h1{font-size:3.5rem;margin-bottom:10px;line-height:4.2rem}
    h2{font-size:3rem;margin-bottom:10px;line-height:3.6rem}
    h3{font-size:2rem;margin-bottom:10px;line-height:2.6rem}
    h4{font-size:1.8rem;margin-bottom:10px;line-height:2.4rem}
    h5, h6{font-size:1.8rem;margin-bottom:10px;line-height:2.4rem}
    .hero-section .splide__cont h2.hero-heading{font-size:3.5rem}
    .hero-section .splide__cont .hero-description br{display:none}
    .hero-section .splide__cont .hero-description sub{line-height:normal}
    .service-section .fw{flex-direction:column;gap:20px}
    .service-section .col-4{max-width:100%;padding:130px 15px 20px 15px}
    .customers-section .fw{flex-direction:inherit;display:block;gap:0px}
    .customers-section .fw .col-3,.customers-section .fw .col-4 {max-width:50%;width:50%;float:left;padding:5px}
    .csr-section h4{line-height:normal}
    .about-section,.customers-section,.csr-section{padding:30px 0 50px 0}
    .service-section{padding:50px 0 50px 0}
    #investors-nav ul li a{padding:9px 10px 9px 16px}
    .investors-content ul li a{line-height:2.6rem}
    .investors-content .fy-block h3{font-size:2rem}
    .customers-block .fw{flex-direction:inherit;display:block;gap:0px}
    .customers-block .fw .col-3,.customers-block .fw .col-4 {max-width:50%;width:50%;float:left;padding:5px}
    .award-items .col-3{width:50%;padding:0 15px}
    .award-items h4 strong{padding:0 10px}
    .csr-1 .col-2,.csr-2 .col-2,.csr-3 .col-4{padding:0 0px}

    .csr-3 { gap: 0; flex-direction: column; align-items: center;}
    .csr-3 .col-4 { width:100%}
    .csr-3 .csr-img { max-width: 350px;}
    .pro-items .container{max-width:480px}
    .pro-items {flex-direction:column;justify-content:center;align-items:center;text-align:center}
    .pro-items .col-4{width:480px;padding:20px}
    .pro-items .pro-btn{position:relative;bottom:inherit;left:inherit;width:100%}
    .pro-items .col-4 p{line-height:normal}
    .page-id-92 .default-pages h2{margin:0 0 15px 0;padding:0 0 10px 0}
    .pro-items .col-2{width:100%;text-align:center}
    .pro-items .col-2 p {margin-bottom:10px}
    .milestones-pages .container{max-width:480px;padding:0}    
    .timeline::before,.timeline::after{left:0;right:0;margin:auto;z-index:3;transform:none}
    .timeline ul{padding-top:20px}
    .timeline ul li{padding-top:0px;padding-bottom:75px;width:100%;background-color:transparent;z-index:5;transform:none}
    .timeline ul li:last-child{padding:0}
    .timeline ul li::after{left:0px;right:0px;margin:auto;top:-27px;bottom:inherit;transform:none}
    .timeline ul li .timeline-content{width:100%;padding:37px 20px 20px 20px}
    .timeline ul li:nth-child(odd) .timeline-content,.timeline ul li:nth-child(even) .timeline-content{left:inherit;position:relative;bottom:inherit;text-align:center}
    .timeline::before{background-color:#f2f2f2}
    .about-blocks .col-2,.about-items .col-2{padding:30px 30px}
    .about-blocks .col-2,.about-items .col-2{width:100%}
    .about-blocks.abcleft,.about-blocks.abcright{flex-direction:column-reverse}
    .about-items{flex-direction:column}
    .about-blocks .abt-policy,.about-blocks .abt-quality{min-height:300px}
    .cu-details{flex-direction:column;align-items:center}
    .form-blocks{width:500px;padding:20px}
    .cu-querytype{flex-direction:column}
    .cu-details .cuinfo{width:500px}
    .cuform .wpcf7-text,.cuform .wpcf7-tel,.cuform .wpcf7-email,.cuform .wpcf7-file,.cuform .wpcf7-list-item,.cuform .wpcf7-textarea{padding:12px 14px}
    #wpcf7-f4828-o3 .cuform .wpcf7-list-item{padding-left:0;padding-right:0}
    .director-block h2{font-size:3rem;line-height:3.4rem}
    .director-block h3{font-size:1.7rem;line-height:normal;padding-bottom:14px}
    .page-id-73 .default-pages h2,.page-id-60 .default-pages h2{font-size:3rem}


    .csr-section{background-image:url(images/csr-sec-bg-m.webp)}
    .service-section{background-image:url(images/service-bg-m.webp)}
    .hero-section .splide__slide.banner-image-1{background-image:url(images/hero-slide-m1.webp)}
    .hero-section .splide__slide.banner-image-2{background-image:url(images/hero-slide-m2.webp)}
    .hero-section .splide__slide.banner-image-3{background-image:url(images/hero-slide-m3.webp)}
}
@media (max-width: 767px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (max-width:576px){
    .site-footer .container {max-width:480px}
    .hero-section .splide__cont .hero-description,.about-section p,.service-section p,.csr-section p,.footer-branding p{line-height:2.5rem}
    .footer-branding p sub{line-height:normal}
    .footer-contact .ftrinfo{padding-left:35px}
    .site-footer h3{margin-bottom:15px}
    .site-footer .fw .col-3.footer-branding{margin-bottom:30px;margin-top:0px}
    .copyright{padding:15px 10px}
    .copyright p{font-size:1.4rem;line-height:normal}
    .award-items .col-3{width:100%;padding:0 40px}
    .award-items h4 strong{padding:0 40px;display:block;font-size:0px;line-height:0}    
    .csr-1 img,.csr-2 img,.csr-3 .col-4 img{width:400px}
    .csr-3{margin-bottom:0}
    .pro-items .container{max-width:100%}
    .pro-items .col-4{width:100%;padding:15px}
    .milestones-pages .container{max-width:100%;padding:0 20px}
    .timeline ul li .timeline-content{padding:37px 15px 15px 15px}
    .form-blocks{width:400px;padding:15px}
    .cu-details .cuinfo{width:400px}
    .cu-details{margin-top:25px}
    .page-gap{padding:25px 0 25px 0}
    .page-heading{padding:30px 0px 50px 0px}
    .director-block h2{font-size:2.6rem;line-height:3.2rem;margin-bottom:0}
    .director-block h3{font-size:1.5rem;line-height:normal;padding-bottom:12px}
    .director-block p{line-height:2.7rem}
    .timeline{margin-top:20px}
    .quality-imgs {gap:15px}
    .page-id-73 .default-pages h3{line-height:3.2rem;margin:5px 0}
    .award-items{margin-bottom:0px}
    .page-id-60 .default-pages h4{font-size:1.6rem}
    .page-id-60 .default-pages h4 strong{padding:0 8px}
    .default-pages.errorpage .pagelinks li ul{margin-bottom:0}
}
@media (max-width:540px){
    .site-footer .container {max-width:100%}
    .site-footer .fw .col-3{width:100%;text-align:center}
    .site-footer .fw .col-3.footer-links{margin-bottom:20px}
    .site-footer h3{text-align:center}
    .footer-contact .ftrinfo:before{display:none}
    .footer-contact .ftrinfo{padding-left:0;margin-bottom:5px}
    .footer-contact .ftrinfo.ftr-address br{display:block}
    .hero-section .splide__cont{padding:70px 0}
}
@media (max-width:480px){
    h1{font-size:3.2rem;line-height:3.8rem}
    h2{font-size:2.8rem;line-height:3.4rem}
    .hero-section .splide__cont h2.hero-heading{font-size:3.2rem}
    .about-section,.customers-section,.csr-section{padding:25px 0 40px 0}
    .service-section{padding:40px 0 40px 0}
    .service-section .col-4{padding-top:120px}
    .customers-section h2{margin-bottom:10px}
    .customers-section .fw,.customers-block .fw{margin-bottom:20px}
    .csr-section .col-4{width:50%;min-height:150px;padding-left:10px;padding-right:10px;padding-top:0}
    .csr-section h3{margin-bottom:20px}
    .csr-section{padding-bottom:20px}
    .award-items .col-3{padding:0 0px}
    .csr-1 img,.csr-2 img,.csr-3 .col-4 img{width:90%}
    .csr-1 img,.csr-2 img,.csr-3 .col-4 img{margin-bottom:10px}
    .about-blocks .col-2,.about-items .col-2{padding:20px 15px 15px 15px}
    .about-blocks .abt-policy,.about-blocks .abt-quality{min-height:200px}
    .about-content h2,.about-items h2,.about-blocks h2{margin-bottom:10px}
    .form-blocks{width:100%;padding:15px}
    .cu-details .cuinfo{width:100%;padding:32px 15px 15px 15px}
    .cuform .fl,.cuform .fr{width:100%}
    .cuform .cufull{flex-direction:column;gap:0px;margin-bottom:0}
    .cuform .wpcf7-text,.cuform .wpcf7-tel,.cuform .wpcf7-email,.cuform .wpcf7-file,.cuform .wpcf7-list-item,.cuform .wpcf7-textarea{padding:10px 15px}
    .quality-imgs {gap:20px;flex-direction:column;margin-top:0}
    .quality-imgs img{width:180px}
    .page-id-73 .default-pages h2,.page-id-60 .default-pages h2{font-size:2.8rem}
    .page-id-60 .default-pages h4 strong{padding:5px 0;font-size:0;line-height:0;display:block}
}
@media (max-width:440px){
    .site-branding img{width:200px}
    .investors-content ul li a{line-height:2.3rem}
    .cu-details h3{font-size:2rem}
}
@media (max-width:375px){
    .site-branding img{width:190px}
    .mobilenav-toggle{width:30px;height:30px;background-size:15px}
    .header-btn{width:30px;height:30px}
    .header-number{margin-right:40px}
    .hero-section,.page-heading{margin-top:50px}
    .csr-section h4{text-transform:none}
    
    #investors-nav ul li{display:block}
    .pro-tab-btn{width:100%}
    .pro-tab-content table td{font-size:14px}
    .pro-tab-content.active{padding:10px}
    .pro-tab-content table th,.pro-tab-content table td{padding:6px 10px}
    .page-heading h1{font-size:3rem;line-height:3.6rem}
    .page-id-73 .default-pages h3{line-height:normal}
}