@media (max-width:1680px){
    .site-header{padding-left:40px;padding-right:40px;padding-top:20px;padding-bottom:20px}
    .page-heading{padding-top:200px}
    .cs-image{min-height:450px}
    .cs-sliders{padding:0 2.6em}
    .ms-timeline .ss-rotator{width:150px;height:150px}
}
@media (max-width:1500px){
    .container-h{max-width:1200px}
    .site-header{padding-left:30px;padding-right:30px}
    .site-header.is-sticky{padding:12px 30px}
    .site-branding img.pagelogo{width:320px}
    #main-navigation ul li a{padding:20px 20px 20px 20px}
    #main-navigation ul li ul.sub-menu{left:20px}
    .about-content{padding-left:3em}
    .about-item h2 br{display:block}
    .footer-form{width:62%}
    .footer-maps{width:35%}
    .footer-contact{padding:20px}
    .ftrmap iframe{height:526px}
    .site-footer p br{display:none}
    .footer-links{width:15%}
    .home-testimonials{width:520px;margin-right:40px}
    .cs-image{min-height:370px}
    .vision-items:after{width:260px;height:260px;top:310px}
    .page-heading{padding-top:180px;padding-bottom:30px}
    .about-page .container{padding-left:30%}
    .ms-timeline .ss-rotator{width:130px;height:130px}
}
@media (max-width:1400px){.vision-items{min-height:760px}}
@media (max-width:1366px){.hero-section .ss-text img{max-width:500px}.hero-section .title-caption{font-size:1.3em}}
@media (max-width:1280px){
    body{font-size:18px;line-height:1.7}
    .container-h,.container{max-width:960px}
    .button{padding:14px 28px 12px 28px}
    h1,h2,h3,h4,h5,h6{margin:6px 0 14px 0}
    .hero-section .title-caption{margin-bottom:20px}
    .hero-section p{margin-bottom:20px}
    .about-content{padding-left:2.5em}
    .about-section,.qc-home,.qc-cont,.quality-sec,.csr-section{padding:60px 0}
    .core-section,.core-page{padding-bottom:60px;padding-top:40px}
    .core-item{width:48%;height:360px}
    .footer-fm{padding-top:40px;padding-bottom:40px}
    .ftrmap iframe{height:489px}
    .footer-maps{width:32%}
    .footer-form{width:65%}
    .footer-form,.ftrmap,.ftrmap iframe{border-radius:15px}
    .cuform .cufull{gap:15px;margin-bottom:7px}
    .cuform .fl,.cuform .fr{margin-bottom:7px}
    .cuform .wpcf7-select,.cuform .wpcf7-text,.cuform .wpcf7-tel,.cuform .wpcf7-email,.cuform .wpcf7-file,.cuform .wpcf7-list-item,.cuform .wpcf7-textarea{padding:17px 17px;font-size:15px}
    .cuform .wpcf7-submit{font-size:18px}
    .cupform .cupfull{gap:15px;margin-bottom:7px}
    .cupform .fl,.cupform .fr{margin-bottom:7px}
    .cupform .wpcf7-select,.cupform .wpcf7-text,.cupform .wpcf7-tel,.cupform .wpcf7-email,.cupform .wpcf7-file,.cupform .wpcf7-list-item,.cupform .wpcf7-textarea{padding:17px 17px;font-size:15px}
    .cupform .wpcf7-submit{font-size:18px}
    .site-footer .footer-branding img{width:auto;max-width:100%}
    .cupage .site-footer .footer-branding img{max-width:350px}
    .site-footer .footer-info{gap:30px}
    .footer-links:nth-of-type(odd){width:23%}
    .footer-links:nth-of-type(even){width:20%}
    .footer-details .ftrinfo a{padding-left:30px}
    .site-footer .footer-info{padding-bottom:30px}
    .core-card,.core-item:hover .core-card{bottom:0;z-index:20}    
    .clients-section{padding:60px 0}
    .achievements{padding-top:60px;padding-bottom:40px}
    .testimonials-section{padding-top:150px;padding-bottom:150px}
    .achieve_items .awards .na-img{height:160px}
    .achieve_items .awards .na-title{font-size:14px;line-height:20px}
    .achieve_items .awards .na-title strong{text-transform:capitalize}
    .achieve_items .awards .na-year{font-size:22px;width:100px}    
    .cs-sliders{padding:0 2.2em}    
    .vision-items:after{width:220px;height:220px;top:260px}
    .vision-item.ovicon-2,.vision-item.ovicon-4{top:220px}
    .vision-item.ovicon-3,.vision-item.ovicon-5{top:480px}
    .vision-items{min-height:700px}
    .cup-details{padding:25px 25px 200px 25px}
    .cup-details p br{display:none}
    .cup-details .cupinfo{margin-bottom:0px}
    .cup-maps iframe{height:170px}
    .cup-contact{padding:30px}
    .cv-images{gap:25px}
    .cv-images .cv-img{width:30%}
    .ty-page .cup-details{padding-bottom:25px}
    .csr-section .container{padding:0}
    .qc-machines{padding:0;margin-bottom:60px;gap:20px;flex-wrap:wrap}
    .qc-machines:before{display:none}
    .qc-machines .qc-machine{width:30%;border-radius:15px}
    .qc-machines .qc-machine img{border-radius:15px}
    .qc-machines .qc-machine p{left:0;right:0}
    .core-content{padding:60px 0}
    .core-sliders{margin-top:30px}
    .site-branding img.pagelogo{width:270px}
    .page-heading{padding-top:160px}
    .aboutus-img{margin-top:-80px}
    .about-page{padding-top:60px}
    .ms-timeline .ss-rotator{width:110px;height:110px}
    .about-quotation{padding:60px 0 30px 0}
    .about-quotation p{font-size:2em;line-height:1.4}
    .team-section .team-item{width:380px;gap:40px}
    .team-section .container{gap:50px;max-width:1200px}
    .team-section .team-titles{width:330px}
    .team-section .designation{font-size:16px}
    .team-section{padding-top:60px;padding-bottom:40px}
    .about-vision{padding:60px 0 70px 0}
    .vision-section{padding:60px 0}
    .marquee-item {min-width: 306px;}

    .copper-page .fw {padding:0 100px}
}
@media (max-width:1200px){
    #main-navigation ul li a{padding:20px 15px 20px 15px}
    #main-navigation ul li ul.sub-menu{left:15px}
}
@media (max-width:1100px){
    .milestones-section:before,.milestones-section:after{display:none}
    .milestones-section{background-image:none;padding:50px 0 20px 0;background-color:#f9f9f9}
    .ms-timeline-m .ms-cont p strong{background-color:#f9f9f9}
    .ms-timeline{display:none}
    .ms-timeline-m{display:block}
    .team-section .container{max-width:960px;gap:40px}
    .site-branding img.pagelogo{width:200px}
    .page-heading{padding-top:130px}
    .milestones-section p{padding-bottom:25px}
}
@media (max-width:992px){
    body{font-size:16px;line-height:2}
    .container-h,.container{max-width:100%;padding-left:15px;padding-right:15px}
    #mobilenav-toggle{display:block}
    #main-navigation{display:none}
    .site-header,.site-header.is-sticky{flex-direction:row;padding:12px 20px}
    .site-header.is-sticky .site-branding{margin-bottom:0}
    .site-header.is-sticky .header-info{display:block}
    .site-header.is-sticky .header-info .header-address,.header-email{display:none}
    .site-header.is-sticky .mobilenav-toggle{background-image:url(images/open-mobilenav-sticky.webp)}
    .site-header.is-sticky .header-btn{background-color:var(--blue-color);color:var(--white-color)}
    .site-header.is-sticky .header-btn:hover{background-color:var(--black-color);color:var(--white-color)}
    .site-header.is-sticky .header-btn:before{background-image:url(images/phone-iconh.webp)}
    .footer-form,.footer-maps{float:none;overflow:hidden;width:720px;margin:0 auto 30px}
    .footer-maps{margin-bottom:0}
    .ftrmap iframe{height:250px}
    .site-footer .footer-info{width:720px;margin:auto;float:none;display:block;overflow:hidden}
    .site-footer .footer-branding img{max-width:350px;margin:0px auto 10px}
    .footer-details{margin:auto}
    .footer-details .ftrinfo {margin-bottom:0}
    .footer-branding{width:100%;float:left;text-align:center;margin-bottom:0px}
    .footer-links:nth-of-type(odd){width:30%;float:left;padding-right:20px}
    .footer-links:nth-of-type(even){width:25%;float:left}
    .hero-section .ss-text img{max-width:450px}
    .about-section,.qc-home{padding:40px 0}
    .core-section,.core-page{padding-bottom:40px;padding-top:30px}
    .about-item{flex-direction:column}
    .about-image{width:550px;margin-bottom:20px}
    .about-content{width:100%;text-align:center;padding-left:0}
    .about-item h2 br{display:none}
    .about-item p,.qc-home p{margin-bottom:20px}
    .core-item{height:320px}
    .clients-section,.testimonials-section{padding:40px 0}
    .achievements{padding-top:40px;padding-bottom:25px}
    .home-testimonials{float:none;overflow:hidden;margin:auto;width:720px;background-color:rgba(0,0,0,0.7);padding:30px}
    .testimonials-section h2{text-align:center;background-position:center top,center bottom}
    .testimonials-section p,.testimonials-section h5{text-align:center}
    .home-testimonials .splide__pagination{justify-content:center}
    .site-branding img.pagelogo{width:240px}
    .cs-image{display:none}
    .cs-sliders{width:720px;margin:auto;padding:30px 0 40px 0}
    .vision-section .container{max-width:720px}
    .vision-section p br{display:none}
    .vision-section .vision-edge{padding:0}
    .vision-section .vision-edge:before,.vision-section .vision-edge:after{display:none}
    .vision-section p{margin-bottom:10px}
    .vision-items:after,.vision-items:before{width:180px;height:180px;top:430px}
    .vision-item.ovicon-2,.vision-item.ovicon-3,.vision-item.ovicon-4,.vision-item.ovicon-5{position:inherit;left:inherit;top:inherit;bottom:inherit;right:inherit;width:50%;padding:0 0px 140px 0px;float:left}
    .vision-item.ovicon-4,.vision-item.ovicon-5{padding-bottom:0}
    .vision-items{display:block;min-height:inherit}
    .vision-item:nth-of-type(1){margin-bottom:35px}
    .ms-timeline-m{padding:0 20px}
    .page-heading{padding-top:120px;padding-bottom:20px}
    .achieve_items .awards .na-img{height:130px}
    .cup-details{width:100%}
    .cup-form{width:100%}
    .cup-fm .cublock{flex-direction:column}
    .cup-details{text-align:center;padding-bottom:30px;padding-right:45%}
    .cup-details .cupinfo{display:inline-block;margin:5px 10px;font-size:18px;line-height:normal}    
    .cup-maps{width:40%;bottom:inherit;top:0;left:inherit;right:0px}
    .cup-maps iframe{width:100%;height:261px}
    .cup-details p{margin-bottom:15px}    
    .cupage .page-heading{padding-bottom:220px}    
    .qc-content,.cv-introc{width:100%}
    .qc-image,.cv-introi{width:480px;margin:auto;padding:20px}
    .qc-image img,.cv-introi img{margin:0;width:100%}    
    .csr-section{max-width:100%;padding:0}
    .about-page{padding:40px 0}
    .team-section .container{max-width:100%;padding-left:15px;padding-right:15px}
    .team-section .team-item{width:340px;gap:40px}
    .team-section .team-img{height:auto}
    .team-section .team-titles{margin-top:0;padding:15px;border-radius:0px 0px 20px 20px;width:100%;margin-top:-78px}
    .team-section{padding-bottom:0px; padding-top: 60px;}
    .about-vision{padding-top:50px;padding-bottom:50px}
    .edge-section{padding:50px 0;margin:0}
    .edge-section h2{color:var(--blue-color)}
    .about-edge{width:380px}
    .about-edge p br{display:none}
    .aboutus-content p{padding:0}
    .ty-page .cup-details{padding-right:30px}
    .achieve_items .awards .na-year{font-size:20px;line-height:28px}
    .cupage .site-footer .footer-info{padding:30px 0}
    .qc-cont,.quality-sec,.csr-section{padding:40px 0}
    .qc-cont .container div:nth-of-type(1),.qc-cont .container div:nth-of-type(2){width:100%;padding-right:0}
    .qc-cont .container{flex-direction:column}
    .csr-section .container{padding:0 15px}
    .csr-section .fw:nth-of-type(1) .cs-item:nth-of-type(1){width:100%}
    .csr-section .fw:nth-of-type(2) .cs-item:nth-of-type(2){width:100%}
    .qc-certifications{gap:25px}
    .qc-certifications .qc-certify .qccimg{width:110px;height:110px}
    .qc-certifications .qc-certify img{width:80px}
    .qc-certifications .qc-certify p{font-size:16px;line-height:22px}
    .quality-sec h3{font-size:1.6em}
    .core-content{padding:40px 0}
    .core-sliders{margin-top:20px}
    .about-page .container{padding-left:15px}
    .aboutus-img{margin-top:0}
    .milestones-section{padding:40px 0 20px 0}
    .about-quotation{padding:40px 0 20px 0}
    .vision-section{padding:40px 0}
    .core-content ul li:before{top:1px}
    .marquee-item {min-width: 250px;}
    .copper-page .container{padding:0 15px}
    .copper-page .fw { padding:0 70px}
}
@media (max-width:830px){
    .achieve_items .awards{width:40%;margin-bottom:20px}
    .achieve_items .awards .na-img{height:160px}
    .client-logos{gap:15px}
    .client-logo{width:30%}    
    .aboutus-content{margin-bottom:50px}    
    .about-edge{width:300px;padding:20px 15px}
    .about-quotation p br{display:none}
    .cup-maps iframe{height:292px}
    .ms-timeline-m .ms-cont p strong{width:55px;top:-14px}
}
@media (max-width:815px){.cup-maps iframe{height:323px}}
@media (max-width:780px){
    .cup-maps iframe{height:323px}    
    .qc-image,.cv-introi{padding:10px}
    .csr-images,.cv-images{gap:15px}
    .cup-details .cupinfo{margin:7px 10px}
}
@media (max-width:768px){
    body{font-size:16px;line-height:1.6}
    .site-branding img.homelogo{width:50px}    
    .footer-form,.footer-maps{float:left;overflow:hidden;width:100%;margin:0 0 30px}
    .site-footer .footer-info{width:100%;margin:0;float:left;display:block;overflow:hidden}
    .site-footer .footer-branding img{max-width:350px;margin:0px auto 10px}
    .footer-details{width:100%;float:left;padding-right:0px;text-align:center;margin-bottom:20px}
    .site-footer .footer-info .col-fw{flex-direction:column;gap:0;align-items:center}
    
    .site-footer p br{display:block}
    .footer-branding{width:100%;float:left;text-align:center;margin-bottom:10px}
    .footer-links:nth-of-type(odd){width:50%;float:left;padding-right:20px;text-align:center}
    .footer-links:nth-of-type(even){width:50%;float:left;padding-right:0px;text-align:center}
    .footer-links li{width:100%}
    .footer-fm{padding-bottom:0}
    .footer-info h3{margin-bottom:10px}
    .core-item{height:250px}
    .core-items{gap:15px}
    .testimonials-section{padding-right:15px;padding-left:15px}
    .home-testimonials{float:left;width:100%}
    .testimonials-section p{font-size:16px;line-height:26px}
    .testimonials-section h5{font-size:18px}
    .footer-contact h2{font-size:36px;line-height:46px}
    .cs-sliders{width:100%;padding:30px 20px 40px 20px}
    .vision-item:nth-of-type(1),.vision-item.ovicon-2,.vision-item.ovicon-3,.vision-item.ovicon-4,.vision-item.ovicon-5{overflow:inherit;max-width:400px;margin:0 auto 40px;float:none;padding-bottom:0}
    .vision-section p{margin-bottom:40px}
    .vision-item.ovicon-5{margin-bottom:0}
    .vision-items:after,.vision-items:before{display:none}
    .vision-item:nth-of-type(1) p,.vision-item.ovicon-2 p,.vision-item.ovicon-3 p,.vision-item.ovicon-4 p,.vision-item.ovicon-5 p{padding-bottom:0;margin-bottom:0}    
    .vision-section{padding-top:40px}
    .achieve_items .awards .na-year{width:90px}
    .achieve_items{gap:20px}
    .achieve_items .awards{width:48%}
    .about-quotation{padding-top:30px}
    .about-quotation p{margin-bottom:0}
    .team-section .container{flex-direction:column;align-items:center}
    .about-vision{padding:60px 0}
    .edge-section{padding:35px 0}
    .achievements h2{margin:0}
    .csr-section .fw{gap:20px;margin:20px 0;flex-direction:column}    
    .csr-section .fw:nth-of-type(1) .cs-item:nth-of-type(1){width:100%}
    .csr-section .fw:nth-of-type(2) .cs-item:nth-of-type(2){width:100%}
    .csr-section .fw:nth-of-type(2){flex-flow:column-reverse}
    .csr-section .fw:nth-of-type(1) p,.csr-section .fw p{text-align:center;margin-bottom:0}
    .csr-section img,.csr-section .fw:nth-of-type(2) img{width:360px;border-radius:20px;margin:auto}
    .qc-certifications{flex-wrap:wrap;gap:15px}
    .qc-certifications .qc-certify .qccimg{width:100px;height:100px}
    .quality-sec h3{margin-bottom:20px}
    .qc-cont,.quality-sec,.csr-section{padding:30px 0}
    .qc-machines .qc-machine p{line-height:18px;padding:5px 0}
    .about-vision p{padding:0}
    .team-section .team-item{gap:0}
    .team-section .team-item .fw{margin-bottom:0}    
    .team-section{padding-bottom:50px; padding-top: 50px;}
    .about-quotation p{font-size:1.7em}
    .marquee-item {min-width: 270px;}

    .copper-page .fw{gap:20px;margin:10px 0;flex-direction:column}
    .copper-page .fw h2{text-align:center}
    .copper-page .fw li {text-align:center}
    .copper-page img{width:360px;border-radius:20px;margin:auto}   
    .copper-page .fw:nth-of-type(odd) .copper-item:nth-of-type(odd){width:100%}
    .copper-page .fw:nth-of-type(even) .copper-item:nth-of-type(even){width:100%}
    .copper-page .fw:nth-of-type(even){flex-flow:column-reverse}
}
@media (max-width:640px){
    .site-header,.site-header.is-sticky{padding:12px 15px}
    .mobilenav-toggle{right:5px}    
    .cuform .fl,.cuform .fr{width:100%;margin-bottom:10px}
    .cuform .cufull{flex-direction:column;margin-bottom:0;gap:0}
    .hero-section p br{display:none}
    .footer-links li{margin-bottom:6px}
    .site-footer p strong{padding-bottom:5px}
    .site-footer .footer-branding img{max-width:280px}
    .footer-contact{padding:20px 20px 20px 20px}
    .hero-section .ss-text img{max-width:350px}
    .hero-section .title-caption { font-size: 1.1em;}
    .about-image{width:100%}
    .hero-section{padding-top:140px;padding-bottom:100px;height:auto}
    .quotation{padding:30px 0}
    .home-testimonials{padding:20px}
    .cup-maps{display:none}
    .cup-details{padding:20px}
    .cup-contact{padding:20px}
    .cup-details p strong{line-height:inherit}
    .cupage .site-footer p{line-height:22px}
    .cupform .fl,.cupform .fr{width:100%;margin-bottom:10px}
    .cupform .cupfull{flex-direction:column;margin-bottom:0;gap:0}
    .cupform .wpcf7-select{background-position:96% center}
    .cup-details .cupinfo,.cup-details p{font-size:16px}
    .cup-details .cupinfo a{padding-left:28px}
    .site-footer .footer-branding p strong{line-height:normal;padding:5px 0 0 0}
    .marquee-item {min-width: 250px;}
}
@media (max-width:576px){   
    .site-header.is-sticky .header-number{margin-top:-2px}
    .cuform .wpcf7-select,.cuform .wpcf7-text,.cuform .wpcf7-tel,.cuform .wpcf7-email,.cuform .wpcf7-file,.cuform .wpcf7-list-item,.cuform .wpcf7-textarea{padding:12px 17px 12px 17px}
    .cuform .wpcf7-submit{padding:15px 0px}
    .core-items{flex-direction:column}
    .core-item{width:360px;height:240px}
    .footer-form,.footer-maps{padding:0}
    .testimonials-section{padding:0px 0}
    .quotation{padding:50px 0}
    .vision-item:nth-of-type(1),.vision-item.ovicon-2,.vision-item.ovicon-3,.vision-item.ovicon-4,.vision-item.ovicon-5{width:100%;max-width:100%}
    .client-logo{width:40%}
    .achieve_items .awards{width:320px}
    .achieve_items .awards .na-img{height:auto;width:100%}
    .achieve_items .awards .na-img img{width:100%}
    .default-pages{padding:30px 0}
    .cupform .wpcf7-select,.cupform .wpcf7-text,.cupform .wpcf7-tel,.cupform .wpcf7-email,.cupform .wpcf7-file,.cupform .wpcf7-list-item,.cupform .wpcf7-textarea{padding:12px 17px 12px 17px}
    .cupform .wpcf7-submit{padding:17px 0px 15px 0px}
    .cupform .wpcf7-select,.cuform .wpcf7-select{background-position:95% center}
    .edge-section h2{text-transform:capitalize}
    .about-edge{width:350px}
    .team-section .team-item{width:350px}
    .error-page ul ul{margin-top:0;margin-bottom:10px}
    .cupform .wpcf7-submit{width:170px}
    .qc-machines .qc-machine{width:45%}
    .qc-certifications{gap:35px}
    .milestones-section p br{display:none}
}
@media (max-width:480px){
    .footer-links:nth-of-type(odd),.footer-links:nth-of-type(even){width:100%;margin-bottom:20px;padding:0}
    h1,h2{font-size:2em}
    h3,h4{font-size:1.2em}
    .hero-section{padding-top:120px;padding-bottom:60px;height:auto}
    .site-footer .footer-info{padding-bottom:10px;padding-top:35px}
    .cs-sliders{padding:30px 15px 40px 15px}
    .cup-contact{padding:20px 15px 15px 15px}
    .cup-details{padding:15px}
    .qc-image,.cv-introi{width:100%}
    .csr-images,.cv-images{flex-direction:column}
    .csr-images div{margin:5px 0;width:100%}
    .csr-images img{box-shadow:none}
    .about-vision p{font-size:1em}
    .about-quotation p{font-size:1.3em}
    .ms-timeline-m .ms-cont p strong{top:-17px}
}
@media (max-width:440px){
    .core-item{width:100%;height:250px}
    .site-branding img.stickylogo{width:150px}
    .hero-section{padding-top:120px;padding-bottom:60px;height:auto}
    .client-logo{width:46%}
    .achieve_items .awards{width:260px}    
    .team-section .team-item{width:100%}
    .about-edge{width:100%}
    .qc-machines .qc-machine{width:100%}
    .qc-certifications{gap:35px}
    .csr-section img,.csr-section .fw:nth-of-type(2) img{width:100%}
    .hero-section .ss-text img {max-width: 300px;}
    .copper-page img{width:100%}
}
@media (max-width:400px){
    .site-branding img.pagelogo{width:auto;max-width:240px}
    .site-branding img.stickylogo{width:auto;max-width:180px}
    .site-header.is-sticky .header-number,.header-number{position:absolute;left:10px;top:6px;margin:0}
    .hero-section .title-caption{font-size:1.1em}
    .core-sliders .splide__pagination li,.cs-sliders .splide__pagination li,.ms-timeline-m .splide__pagination li,.home-testimonials .splide__pagination li{margin:0 3px}
    .page-heading{padding-top:120px}
    .team-section .team-titles{padding:0 0 15px 0;background-color:#fff;margin:20px 0 15px 0;border-radius:0px;border-bottom:1px solid var(--blue-color)}
    .about-edges h3{padding-top:120px}
    .cupage .site-footer .footer-branding img{max-width:90%}
}
@media (max-width:375px){
    .site-branding img.pagelogo,.site-branding img.stickylogo{width:200px}
    .ms-titles p br{display:none}
    .page-heading{padding-top:100px}
    .site-footer p br{display:none}
}
@media (max-width:350px){
    .hero-section .ss-text img {max-width: 280px;}
}