@media screen and (max-width: 1700px) {
    /* 1600 */
}


@media screen and (max-width: 1599px) {
/* 1366, 1280 */
/* 	.animate-section .item-box.white-card-item-box{bottom: 50%;	}
	.animate-section .slider-item.slick-slide svg{margin-top: -35%;} */
}


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

}

@media screen and (max-width: 1023px){
   .xl-container, .md-container, .container, .header .head-container    {max-width: none;}
   .usp-section .usp-box{width: 20%} 
   .usp-section .usp-box .heading03{text-align: center;}
}

@media screen and (max-width: 700px){
	.mobile-svg{display: block}
	.desktop-svg{display: none}
    p, li{font-size: var(--px-28);}
    .theme-btn{width: var(--px-400)}
    .theme-btn, .transparent-btn{font-size: var(--px-24);}
    .heading01{font-size: var(--px-80)}

	.desk-img{display: none !important;}
.mob-img{display: block !important;}
    .header .head-container .navlist{flex-direction: column; position: fixed; left: 0; right: 0; bottom: 0; top:0; width: 100%; background-color: #191919; padding: var(--px-120) var(--px-80); transform: translateX(100%); gap:0}
    .header .head-container .navlist.active{transform: translateX(0)}
    .header .head-container .navlist li{font-size: var(--px-28); border-bottom: 1px solid #FFFFFF65; padding: var(--px-32) 0;}
    .header .head-container{padding: var(--px-16) var(--px-40);}
    .header .head-container .navlist li a{display: inline-block;        position: relative;
        z-index: 99;}
    .header .head-container{width: 95%;}

    .hero-banner-section img{height: 350px;object-fit: cover;}
    .hero-banner-section .banner-heading{font-size: var(--px-52); line-height: 1.2;}

    .about-section img{height: 300px;}
   .about-section .about-content{width: 95%; transform: translateY(-50%);}

   .usp-section{background-size: cover; background-repeat: no-repeat;}
   .usp-section .usp-box{width: 50%; padding: var(--px-24); border-right: 1px solid #FFFFFF;    }
   .usp-section .usp-box:last-child{width: 100%;  border-right: none;}
   .usp-section .xl-container{flex-wrap: wrap; }
   .usp-section .usp-box:nth-child(2n){border-right: none;}

   .apart-section .apart-wrapper .apart-container:nth-child(3){left: -9%;width: 68%;top: auto; bottom: -4%;}
    .apart-section .apart-wrapper .apart-container:nth-child(2){left: auto;top: 2%;width: 60%;right: -4%;}
    .apart-section .apart-wrapper .apart-container:first-child{left: 4%;width: 57%;}
    .apart-section .apart-wrapper .apart-container:last-child{bottom: -16px; top: unset; width: 62%;right: -2%;}
    .apart-section .apart-wrapper{padding-bottom: 100%}
    .facility-section .facility-top-box .inner-img-box h3{width: auto;}
    .facility-section .facility-top-box .inner-img-box{height: var(--px-400);}
    .facility-section .facility-btm-box img{object-fit: cover; height: 100px;}
	.sectors-section{background-size: contain;
    background-repeat: repeat;
    background-position: top;}
    .sectors-section .sectors-wrapper{grid-template-columns: repeat(1, 1fr);}
    .sectors-section .sectors-wrapper .sector-content h4{font-size: var(--px-32);}
    .sectors-section .sectors-wrapper .sector-content{transform: translateY(84%);}
    .sectors-section .sectors-wrapper .sectors-col:nth-child(2){margin-top: 0;}
	.sectors-section .sectors-wrapper .sectors-box:nth-child(3n-1){transform: translate(0)}
    .testimonial-slider .slick-arrow.slick-prev{left:0}
    .testimonial-slider .slick-arrow.slick-next{right: 0}
    .product-section .product-wrapper{grid-template-columns: repeat(1, 1fr) }
    .sustainability-section .sustainability-slider .sustainability-box img{height: 350px; object-fit: cover;}
    .sustainability-section .sustainability-slider .sustainability-box .sus-content{width: 90%;}

    .footer .footer-r-box{grid-template-columns: 44% 50%; gap: var(--px-40)}
    .footer .footer-l-box p{font-size: var(--px-28);}
    .footer .footer-top-box{grid-template-columns: 100%;}
    .footer .footer-r-box h5{font-size: var(--px-32);}
    .footer .footer-r-box li, .footer .footer-r-box p{font-size: var(--px-28);}
    .footer .footer-top-box{gap: var(--px-40);}
	.career-popup {width:90%}
    .menu-btn{
        width: var(--px-40);
        height: var(--px-40);
        background: none;
        border: none;
        border-bottom: solid 2px #FFFFFF;
        cursor: pointer;
        display: block;
    }
        .menu-btn:before, .menu-btn:after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        margin: 3.5px 0;
        transform-origin: 8px 1px;
        transition: ease .3s all;
    }
    .menu-btn:before, .menu-btn:after {
        transform-origin: 7px 1px;
    }
        .menu-btn.active {
        position: absolute;
        right: 20px;
        top: var(--px-20);
        border-bottom: 0;
    }
        .menu-btn.active:before {
        transform: rotate(45deg);
        background-color: #FFFFFF;
    }
        .menu-btn.active:after {
        transform: rotate(-45deg);
        background-color: #FFFFFF;
    }

    .inner-banner img{height: 350px; object-fit: cover;}
    .about-banner .heading01{font-size: var(--px-52);
    bottom: 3%;}
    .integrated-section{grid-template-columns: 100%;}
    .guide-section .sub-text{width: 100%;}
    .guide-section .guide-wrapper{grid-template-columns: repeat(1, 1fr);}
    .recognition-section .md-container{grid-template-columns: 100%;}
    .recognition-section{background-size: contain; background-repeat: repeat;
        background-position: top;}
    .recognition-section .md-container{gap: var(--px-80);}
    .integrated-section .integrated-l-box .integrated-txt{left: 5%;
    top: 3%; transform: none;}  
    .integrated-section .integrated-l-box{height: auto}
    .integrated-section .integrated-l-box img{height: auto}
/*     .corporate-slider .slick-slide.slick-active img{height: 220px; object-fit: cover;} */
    .corporate-slider .corporate-box .corporate-text{width: 90%}

    .flex-7, .flex-3, .flex-5{flex-wrap: wrap}
    .flex-5 .feature-box{width: 46%;}
    .flex-7, .flex-5{    justify-content: center;
    gap: var(--px-40);}
    .flex-7 .feature-box{width: 19.5%;}
    .process-section .md-container{grid-template-columns: 100%;
    gap: var(--px-80);}
    .integration-inner.features-section{width: 100%;}
    .integration-section p{width: 100%}
    .contact-section .contact-wrapper{grid-template-columns: 100%;}
    .contact-section .top-box{flex-wrap: wrap;}
    .career-banner-btn{padding: var(--px-100) 0;}
    .career-banner-btn .theme-btn{width: var(--px-300)}
    .working-section .work-info{    grid-template-columns: 100%;}
    .experience-section .md-container{grid-template-columns: 100%;}
    .know-more-section .heading02{font-size: var(--px-112);}
    .festivals-section .bottom-box{grid-template-columns: 33% 33% 33%;}
    .festivals-section .top-box{padding: 0; grid-template-columns: 100%; }
    .festivals-section .top-box p{margin-bottom: var(--px-80);}
    .moments-section .moment-info{grid-template-columns: 100%; gap: var(--px-40);}
    .moments-section .moment-img{    grid-template-columns: 49% 49%;}
    .apllication-section{padding-top: var(--px-80);}
    .moments-section .heading03{font-size: var(--px-36);}
    .apllication-section .md-container{    grid-template-columns: 100%;     gap: var(--px-20);}
    .designation-section .designation-box .designation-card .heading03{    font-size: var(--px-28);}
    .designation-section .view-more-btn{font-size: var(--px-20); margin-bottom: 0;}
    .apllication-section .md-container .left-img{margin-top: 0  ;}
    .featured-products-section .featured-products-wrap{flex-wrap: wrap}
    .featured-products-section .featured-products-wrap .product-info-box{width: 100%}
    .featured-products-section .featured-products-wrap img{width: 100%}
    .featured-products-section .featured-products-wrap{gap: var(--px-40);}
    .featured-products-section .featured-products-wrap:first-child .product-info-box p, .featured-products-section .featured-products-wrap:first-child .product-info-box .heading02{text-align: left;}
    .detail-section .md-container{    grid-template-columns: 100%;}
	.detail-section{margin-top:-210px}
    .work-section .md-container{grid-template-columns: 100%; gap: var(--px-40)}
    .deliver-section p{    width: 100%;}
    .components-section p{width: 100%}
    .dependency-section .md-container{grid-template-columns: 100%;}
    /* .dependency-section .dependency-r-box .dependency-inner-box img{height: 290px;} */
    .dependency-section .dependency-r-box .dependency-inner-box h3{width: max-content;}
    .dependency-section .dependency-l-box{padding-bottom: var(--px-40); padding-right: 0;}
    .application-section .application-slide{grid-template-columns: 100%; gap: var(--px-40);}
    .application-section .swiper{height: 60vh; width: 95%}
    .application-section .swiper-vertical{padding-top: 84px}
    .sticky-wrapper .left-content .applications {display: none;}
    .sticky-wrapper .content-wrapper {
    padding: var(--px-44);
    display: grid;
     grid-template-columns:100%;
    gap: 4%}
    .sticky-wrapper .heading02{text-align: center}
    .sticky-wrapper p{text-align: center}
    .animate-section .item-box {display: block;}
    .melting-img {
    width: 100%;
		display: none;
}
.melting-card {display: block;}
    .certified-section p{width: 100%}
    .animate-section .item-box{width: 65%}
	.animate-section .item-box .right-content .heading04{font-size: var(--px-36)}
	.animate-section .item-box .right-content p{font-size: var(--px-24)}
	.animate-section .left-content img{display: none}
    .proof-section{padding: var(--px-100) 0;}
	.pipeline-section .process-card{padding: 0 var(--px-32);}
    .pipeline-section .question-box{padding: var(--px-20);}
    .pipeline-section .questions-wrapper{grid-template-columns: 1fr;}
    .pipeline-section .question-box{border-left:0; border-top: 1px solid #C9C9C9;}
    .pipeline-section .question-box:first-child{border: 0;}
    .instruments-section .top-box .instrument-info .heading02, .instruments-section .top-box .instrument-info p{text-align: left;}
	.instruments-section .top-box .instrument-info p{padding-left:0}
    .instruments-section .info-box{    grid-template-columns: 100%; gap: var(--px-40);}
    .instrument-box{width: calc((100% - 30px) / 3);}
    .instrument-wrapper{gap: var(--px-40) var(--px-28);}
    .instrument-wrapper .instrument-box p{font-size: var(--px-22)}
    .performance-section .performance-img{height: 380px; object-fit: cover;}
    .btn-wrap{gap: var(--px-12);}
    .performance-section .xsm-container p{width: 100%}
    .performance-section .btn-wrap{flex-wrap: wrap; gap: var(--px-20)}
    .performance-section .btn-wrap .theme-btn{width: max-content}
    .pipeline-section .process-slider .slick-track{padding-top: var(--px-80);}
    .working-section .work-info .slogans p{font-size: var(--px-20);}
    .working-section .work-info .slogans{justify-content: flex-start;}
    .working-section .work-info p{text-align: left;}
    .working-section .work-info .heading02{text-align: left;}
    .designation-section .designation-box{        grid-template-columns: 96%;}
    .testimonial-slider .swiper-slide.swiper-slide-active .testimonial-box{transform: scale(1);}
	.testimonial-section .swiper-button-prev{left: calc(var(--px-52) * -1);}
	.testimonial-section .swiper-button-next{right: calc(var(--px-52) * -1);}
	.testimonial-slider .testimonial-box .author-box p{    font-size: var(--px-16);}
	.testimonial-slider .testimonial-box .testimonial-content p{font-size: var(--px-22);}
	.testimonial-section .slider-wrapper{width: 95%;
    margin: 0 auto;}
	
    .corporate-slider .slick-dots{flex-direction: row; transform: none; top: auto; bottom: calc(var(--px-40) * -1); left: 0; right: 0}
    .integrated-section .integrated-r-box .integrated-box img{display: none}
    .integrated-section .integrated-r-box{padding-right: 0;}
    .integrated-section .integrated-r-box .integrated-box{display: block;}
    .integrated-r-box .integrated-wrapper .integrated-box{padding-bottom: var(--px-60);}
    .usp-section .usp-box .heading03{line-height: 1.3;margin-bottom: var(--px-12);}
	#integrat-line{    left: var(--px-32);}
    .dependency-section .dependency-r-box .dep-content{padding: var(--px-24);}
    .dependency-section .dependency-r-box .dependency-inner-box{width: 13%;}
    .dependency-section .dependency-r-box .dependency-inner-box.active{width: 74%;}
    .product-section .product-wrapper .product-box:hover .img-box img{height: var(--px-360);}
    .product-section .product-wrapper .product-box .product-text{transform: translateY(27%);}
/*     .integrated-r-box .integrated-wrapper .integrated-box::after{top: var(--px-76);} */
    .feature-box .feature-heading{font-size: var(--px-28);}
    .deliver-section .theme-btn{width: max-content;}
    .sticky-wrapper .card-banner-content{padding: var(--px-52) var(--px-32);}
    .pipeline-section .process-slider{margin-inline: 0;}
    .instruments-section .top-box .theme-btn{width: max-content}
    .proof-section .banner-content p br{display: none}
    /* .apart-section .apart-wrapper .apart-container:nth-child(2) .inner-box{left: 32.5%;} */
    .apart-section .apart-container .inner-box .apart-inner h4{    font-size: var(--px-22);}
    .apart-section .apart-container .inner-box .apart-inner p{    font-size: var(--px-18);}
    .features-section.component-inner{width: 100%;     margin-top: var(--px-20);}
    .features-section.component-inner .feature-box:after{right: calc(var(--px-60) * -1); width: var(--px-32);}
    .banner-subtext p{width: 100%;}
	.animate-section .subheading br{display: none;}
	.process-slider .slick-arrow.slick-next{right: calc(var(--px-28) * -1)}
	.process-slider .slick-arrow.slick-prev{left: calc(var(--px-28) * -1);}
	.application-section .swiper-pagination-bullets{right: -3%;}
	.guide-section .guide-wrapper .inner-content-box{transform: translateY(72%); padding: var(--px-20);}
	.made-in-india-section .made-in-india-heading{font-size: var(--px-60); bottom: var(--px-28)}
	.apart-section .apart-wrapper .apart-container:nth-child(2) .apart-inner, .apart-section .apart-wrapper .apart-container:nth-child(3) .apart-inner{padding-left: 15%;}
	.made-in-india-section video{width: 100%;}
	
	.popup-section table{width: max-content;}
	.popup-section th{font-size: var(--px-28)}
	.overflow-section{    width: 100%;
    overflow: auto;}
	.certification-popup .certificate-row{grid-template-columns: 100%;}
	.animate-section .slider-item.slick-slide svg{margin-top: -19%;height:var(--px-672)}
	.animate-section .item-box.white-card-item-box{bottom: 28%;}
	.header .head-container .navlist .sub-list li{border-bottom: none}
	.header .head-container .navlist .sub-list{margin-left: 10px; display: none}
	.header .head-container .navlist .sub-list li{font-size: var(--px-24)}
	.header .head-container .navlist li i{position: absolute;
    right: 0;
    top: 25px	;
    transform: translateY(-50%); display: block;        width: 100%;
        right: 0;
        left: unset;
        text-align: end;
        z-index: 9;}
/* 	.sticky-wrapper .card-banner { 
    height: var(--px-920);
}*/
/* 	.detail-section{margin-top: calc(var(--px-240) * -1);} */
	.certificate-tab-box img {width:90%}
	.certification-popup .slick-arrow.slick-prev, .certification-popup .slick-arrow.slick-next{    width: var(--px-52);
    height: var(--px-52);}
	.certification-popup .slick-arrow.slick-prev{left: -9%;}
	.certification-popup .slick-arrow.slick-next{right: -9%;}
}

@media screen and (max-width: 479px){
	.sectors-section .sectors-wrapper .sector-content {transform: translateY(88%);}
    } 

@media screen and (max-width: 360px){
.product-banner .heading01{font-size: var(--px-68)}
@media screen and (max-width: 400px){
.animate-section .slider-item.slick-slide svg {
        height: var(--px-672);
        margin-top: -25%;
    }	
    .animate-section .item-box.white-card-item-box {
        bottom: 34%;
    }
	.detail-section{margin-top:-230px}
	
}
