@media screen and (max-width:1919px) {
	header .custom-container { padding: 0 90px }
	header .nav-menu-box ul li a { font-size: 20px; padding: 32px 15px }
	header .nav-menu-box ul li:last-child a { padding-right: 0 }
	header .logo-box a { display: block; width: 200px; padding: 21px 0 }
	.about-us-quality-section img, .blog-section .blog-box .img-box img, .inner-product-section .right-box img, .our-mission-values-section .mission-values-box .common-box img, .quality-section .img-box img, .related-prodcut-section .related-prodcut-box .common-box img, header .logo-box a img { width: 100% }
	header .common-grid { gap: 30px }
	.custom-container { padding: 0 130px }
	.banner-section .inner-box h2 { font-size: 55px }
	.banner-section .common-grid { grid-template-columns: 700px 550px }
	.banner-section .owl-carousel .owl-item img { margin-top: 150px }
	.title-box h2 { font-size: 40px; line-height: 55px }
	.common-section { padding: 90px 0 }
	.common-top-section { padding-top: 90px }
	.infrastructure-main-page-section .btn-link, .product-box .btn-box, .product-box h3 { font-size: 22px }
	.contact-us-section .right-box img { width: 90% }
	.call-to-action-section .dot-box h2 { font-size: 42px }
	.blog-section .blog-box.common-grid { grid-template-columns: 2fr 1fr }
	.blog-section .blog-box.common-grid:last-of-type { grid-template-columns: 1fr 2fr }
	.blog-section .blog-box .common-box.small-box p { padding-bottom: 39px }
	footer .top-footer .common-box.contact-box a { font-size: 36px }
	.banner-section .owl-theme .owl-dots .owl-dot span { width: 130px; height: 130px }
	.banner-section .owl-theme .owl-dots .owl-dot:first-child span::after { height: 150px; width: 150px; left: -30px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after { height: 150px; width: 150px; left: -38px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after { height: 170px; width: 180px }
	.banner-section .owl-theme .owl-dots .owl-dot { padding-right: 60px !important }
	.banner-slider-section .con-box { left: 100px; }
	.banner-slider-section .con-box h2 { font-size: 48px; padding-bottom: 20px }
	.banner-slider-section .owl-dots { right: 130px }
	.inner-banner-section { height: 500px }
	.inner-banner-section .inner-box h2 { font-size: 62px }
	.contact-us-form-section .contact-details-box { gap: 130px }
	.inner-banner-section .inner-box { left: 130px }
	.faq-section .faq-box { padding: 90px 50px !important }
	.about-us-main-section .about-main-box img { width: 70% }
	.our-team-section .our-team-box .common-box .content-box { height: 138px }
	.career-detail-section .bottom-box .box h2, .timeline-element h3 { font-size: 30px }
	.timeline-block { padding: 90px 45px !important }
	.common-bottom-section { padding-bottom: 90px }
	.our-perk-section .con-box { padding: 24px }
	.custom-container-left { padding-left: 130px }
	.custom-container-right { padding-right: 130px }
	.infrastructure-main-page-section .card-body p { font-size: 20px }
	header ul li.dropdown .dropdown-menu.inner-product-menu { left: -290px !important }
	.blog-inner-section .common-grid { grid-template-columns: 1.8fr 1fr }
	.blog-inner-section .right-box .common-flex img { width: 130px }
	.inner-banner-section .inner-box p { width: 50%; }
}
@media screen and (max-width:1599px) {
	.banner-section .common-grid { grid-template-columns: 700px 500px }
	header .logo-box a { width: 180px }
	header .btn-box ul li { padding: 17px 10px }
	header .nav-menu-box ul li a { font-size: 18px; padding: 32px 10px }
	header .btn-box ul li a { font-size: 15px }
	.custom-container { padding: 0 100px }
	.title-box h2 { font-size: 38px }
	.about-section .count-box p, .about-us-main-section .about-main-box .common-box p, .common-btn.normal-btn, .faq-section .faq-box .btn-link, .related-prodcut-section .related-prodcut-box .common-box .related-title h4, .testimonial-section .box h3, .title-box span, .unique-selling-section .btn-link { font-size: 22px }
	.about-section .content-box .left-box img, .benefit-section .left-box img, footer .top-footer .common-box.footer-logo-box a img { width: 100% }
	.about-section .count-box h3 { font-size: 62px }
	.about-section .right-box p, .blog-section .blog-box .common-box .date-box p, .product-section .bottom-box p, .testimonial-section .box p, .top-box .right-box p, p { font-size: 20px; line-height: 32px }
	.product-box h3 { font-size: 20px; padding: 15px 0 }
	.product-box .item { width: 33% }
	.product-box .item.active, .product-box .item:hover { width: 60% !important }
	.form-group .form-control { padding: 10px 15px; font-size: 20px }
	.contact-us-section .right-box .con-box a, .contact-us-section .right-box .con-box h5, .detail-box .common-box h4, .detail-box .common-box p, .detail-box table td h4, .detail-box table td p, .form-group label, .infrastructure-main-page-section .btn-link, .testimonial-section .text-box h4, footer .top-footer .common-box a, footer .top-footer .common-box p { font-size: 20px }
	.contact-us-section .right-box .con-box { width: auto; padding: 35px 20px }
	.contact-us-section .right-box .con-box .box:first-child { padding-bottom: 30px; margin-bottom: 30px }
	.benefit-section .common-grid, .quality-section .common-grid { gap: 50px }
	.common-list-style li { font-size: 20px; line-height: 33px; margin-bottom: 15px }
	.blog-section .blog-box .common-box h3, .career-detail-section .bottom-box .box h2, .timeline-element h3 { font-size: 28px }
	.blog-section .blog-box .common-box.small-box p { padding-bottom: 30px }
	.blog-section .blog-box .common-box p svg { margin-right: 5px }
	footer .top-footer .common-box { padding-bottom: 55px }
	footer .footer-menu-box .left-menu-box ul li a { padding: 0 20px; font-size: 18px }
	footer .footer-menu-box .social-icon-box a { margin-right: 20px }
	footer .top-footer .common-box.contact-box img, footer .top-footer .common-box.location-box img { width: 70px }
	footer .top-footer .common-box.footer-logo-box a { width: 240px }
	.inner-banner-section { height: 450px }
	.inner-banner-section .inner-box h2 { font-size: 58px }
	.contact-us-form-section::before { height: 380px }
	.contact-us-form-section .common-box { padding: 15px 20px }
	.about-us-main-section .about-main-box .numbers-box { width: 44% }
	.our-team-section .our-team-box .common-box .content-box { height: 132px }
	.our-mission-values-section .mission-values-box .content-box h3 { font-size: 26px }
	.about-us-main-section .about-main-box .common-box h3 { font-size: 55px }
	.timeline-block { padding: 90px 40px !important }
	.banner-section { height: 750px }
	.product-detail-section table tr:first-child td { padding-top: 20px }
	.product-detail-section .common-box h3 { font-size: 30px }
	.story-section ul li { font-size: 22px; margin-bottom: 20px }
	.our-perk-section .common-grid .img-box img { width: 100%; height: 100% }
	.our-perk-section .con-box span { height: 55px; width: 55px; line-height: 55px }
	.our-perk-section .con-box span svg { width: 30px; height: 30px }
	.our-perk-section .con-box { padding: 20px }
	.our-perk-section .common-grid .img-box { height: 424px }
	footer .bottom-footer { padding: 16px 0 }
	footer .footer-menu-box { padding: 24px 0 }
	.oem-odm-section .common-box { padding: 40px; gap: 40px }
	.infrastructure-main-page-section .custom-container-right, .our-capacity-section .custom-container, .quality-page-main-section .custom-container-left { gap: 40px }
	.our-capacity-section .right-box .common-box svg { width: 70px; height: 70px }
	.our-capacity-section .right-box .common-box { gap: 20px }
	header .custom-container { padding: 0 50px }
	.oem-odm-section .common-box.odm-box { margin-top: 90px }
	.title-box span { margin-bottom: 4px }
	.banner-slider-section .con-box, .inner-banner-section .inner-box { left: 50px; }
	.custom-container-left { padding-left: 100px }
	.custom-container-right { padding-right: 100px }
	.infrastructure-main-page-section .btn-link svg { width: 40px; height: 40px; margin-right: 12px }
	.blog-inner-section .right-box .common-flex .cont-box a h5, .infrastructure-main-page-section .card-body p { font-size: 18px }
	header ul li.dropdown .dropdown-menu.inner-product-menu { left: -380px !important; top: 64px !important }
	.related-prodcut-section .related-prodcut-box .common-box .related-title h4 { height: 66px }
	.blog-section .blog-box .blog-cont { padding: 30px }
	.blog-inner-section .right-box .contact-box .mail-img img { width: 130px }
	.product-detail-section table th { font-size: 18px; padding: 15px 10px }
	.product-detail-section table td { padding: 8px 10px }
	.banner-slider-section .con-box h2 { font-size: 40px }
	.banner-slider-section .con-box p { font-size: 22px; }
	
	/* Bharat 24-03-2025 */
	.banner-slider-section .con-box, .inner-banner-section .inner-box { left : 75px; }
	/* virendra 02-07-2025 */
	.modal.fade .modal-dialog { top: 320px; }
}
@media screen and (max-width:1439px) {
	header .common-grid { gap: 20px }
	.custom-container { padding: 0 80px }
	.banner-section .common-grid { grid-template-columns: 680px 500px }
	.banner-section .inner-box h2 { font-size: 48px; line-height: 66px }
	.banner-section .owl-carousel .owl-item img { margin-top: 130px }
	.call-to-action-section .dot-box h2 { font-size: 36px }
	.call-to-action-section .dot-box span { width: 20px; height: 20px; margin-right: 10px }
	.common-section { padding: 70px 0 }
	footer { padding-top: 65px }
	.blog-section .blog-box .blog-cont, .blog-section .blog-box .small-box, footer .top-footer .common-box { padding: 30px }
	.quality-section .box { margin-bottom: 70px }
	.title-box span { font-size: 20px }
	.top-box.common-grid { margin-bottom: 40px }
	.about-section .count-box h3 { font-size: 56px }
	.testimonial-section .box p { margin-bottom: 25px }
	.related-prodcut-section .related-prodcut-box .common-box img, .testimonial-section .box h3 { margin-bottom: 20px }
	.contact-us-form-section .contact-details-box { gap: 100px; padding: 40px }
	.inner-banner-section .inner-box h2 { font-size: 54px; line-height: 70px }
	.inner-banner-section { height: 400px }
	.address-section .address-box .common-box .content-box { margin: -80px 35px 0 }
	.faq-section .faq-box { padding: 70px 50px !important }
	.about-us-quality-section .content-box .common-box h4, .contact-us-form-section .common-box h4, .our-team-section .our-team-box .common-box .content-box h4 { font-size: 22px }
	.contact-us-form-section::before { height: 320px }
	.about-us-main-section .about-main-box .numbers-box { width: 45% }
	.about-us-main-section .about-main-box .common-box h3 { font-size: 52px }
	.career-detail-section .bottom-box .box h2, .our-mission-values-section .mission-values-box .content-box h3 { font-size: 24px }
	.our-mission-values-section .mission-values-box .icon-box svg { width: 45px }
	.our-mission-values-section .mission-values-box .icon-box { height: 85px; width: 85px }
	.unique-selling-section .btn-link { padding: 20px 25px }
	.unique-selling-section .accordion .card-body { padding: 0 25px 20px }
	.unique-selling-section .accordion .card-body p { width: 85% }
	.key-features-section .key-features-box .common-grid, .our-team-section .our-team-box, .product-detail-section .common-grid, .related-prodcut-section .related-prodcut-box .common-grid { gap: 30px }
	.about-us-quality-section .content-box { gap: 60px }
	.about-us-quality-section h2 { font-size: 28px }
	.timeline-element span { font-size: 20px; padding: 6px 20px }
	.timeline-element { margin-bottom: 50px }
	.timeline-block { padding: 70px 40px !important }
	.banner-section .owl-theme .owl-dots .owl-dot span { width: 120px; height: 120px }
	.banner-section .owl-theme .owl-dots .owl-dot:first-child span::after { height: 130px; width: 130px; left: -30px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after { height: 130px; width: 130px; left: -35px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after { height: 155px; width: 180px; left: -40px }
	.banner-section .owl-theme .owl-dots .owl-dot { padding-right: 60px !important }
	.banner-section .owl-theme .owl-nav.disabled+.owl-dots { bottom: 50px }
	.banner-section { height: 700px }
	.product-detail-section table th { font-size: 17px; padding: 15px 10px }
	.key-features-section .key-features-box .common-box .icon-box span { padding: 18px 0; width: 70px; height: 70px }
	.key-features-section .key-features-box .common-box .icon-box span svg { height: 35px; width: 35px }
	.common-bottom-section { padding-bottom: 70px }
	.common-top-section { padding-top: 70px }
	.product-detail-section table td { padding: 8px }
	.story-section .common-grid { gap: 50px }
	.our-perk-section .text-box h3 { font-size: 22px; line-height: 30px }
	.con-box .text-box { padding-left: 10px; width: 82% }
	.our-perk-section .common-grid .img-box { height: 414px }
	.career-detail-section .text-box a { height: 50px; width: 50px; line-height: 48px }
	header .custom-container { padding: 0 40px }
	header .nav-menu-box ul li a { padding: 32px 14px }
	.oem-odm-section .common-box.odm-box { margin-top: 70px }
	p { font-size: 18px !important; line-height: 28px !important }
	footer .top-footer .common-box.contact-box img, footer .top-footer .common-box.location-box img { width: 60px }
	footer .top-footer .common-box.footer-logo-box a { margin-bottom: 30px }
	footer .top-footer .common-box.location-box p { padding-bottom: 20px }
	footer .top-footer .common-box a, footer .top-footer .common-box p { font-size: 18px }
	footer .top-footer .common-box.contact-box a { font-size: 30px }
	footer .top-footer .common-box.contact-box p { padding-bottom: 10px }
	footer .top-footer .bottom-logo-box img { width: 70px }
	footer .footer-menu-box { margin-top: 30px; padding: 20px 0 }
	footer .footer-menu-box .social-icon-box a { width: 40px; height: 40px; padding: 7px 0 0 }
	footer .footer-menu-box .social-icon-box svg { height: 20px }
	.custom-container-left { padding-left: 80px }
	.custom-container-right { padding-right: 80px }
	.common-list-style li::before, .title-box span::before { width: 9px; height: 9px }
	.product-box .item { width: 40% }
	.product-box p { height: 60px }
	.blog-inner-section .right-box .common-flex img { width: 110px }
	.inner-blog-box .left-box .common-box h4 { padding: 12px 0; font-size: 26px }
	.blog-inner-section .right-box p { font-size: 16px !important }
	.banner-slider-section .con-box h2 { font-size: 42px; padding-bottom: 16px }
	.banner-slider-section .con-box p { font-size: 22px !important; line-height: 32px !important; padding-bottom: 20px }
	.banner-slider-section .con-box { left: 80px }
	.banner-slider-section .owl-dots { right: 80px }
	.common-btn { padding: 12px 24px }
}
@media screen and (max-width:1365px) {
	header .logo-box a { width: 160px }
	header .btn-box ul li a { font-size: 14px }
	.custom-container { padding: 0 60px }
	.common-section { padding: 60px 0 }
	.banner-section .common-grid { grid-template-columns: 600px 460px }
	.banner-section .inner-box h2 { font-size: 42px; line-height: 56px }
	.title-box h2 { font-size: 32px; line-height: 45px }
	.m-50, .testimonial-section .box, .top-box.common-grid { margin-bottom: 30px }
	.about-section .count-box.common-grid { padding: 30px 0 40px }
	.about-section .count-box h3 { font-size: 48px; line-height: 60px; margin-bottom: 10px }
	.about-section .count-box p, .common-btn.normal-btn, .product-box .btn-box, .related-prodcut-section .related-prodcut-box .common-box .related-title h4 { font-size: 20px }
	.product-box h3 { font-size: 20px; padding: 12px 0 }
	.product-box .item img { object-fit: fill }
	.contact-us-section .right-box .con-box span { height: 45px; width: 45px; line-height: 45px; margin: 0 auto 15px }
	.contact-us-section .right-box .con-box a, .contact-us-section .right-box .con-box h5, .form-group .form-control, .sticky-btn-box a { font-size: 18px }
	.contact-us-section .right-box img { width: 85% }
	.contact-us-section .right-box .con-box { padding: 30px 20px }
	.call-to-action-section .dot-box h2 { font-size: 32px; margin-left: 25px }
	.blog-section .blog-box .common-box h3, .timeline-element h3 { font-size: 26px }
	footer .top-footer .common-box.footer-logo-box a { width: 200px; margin-bottom: 30px }
	footer .top-footer .common-box.contact-box a { font-size: 32px }
	footer .footer-menu-box .left-menu-box ul li a { padding: 0 15px }
	.banner-section .owl-carousel .owl-item img { margin-top: 120px }
	.faq-section .faq-box .btn-link { font-size: 20px; padding: 20px }
	.faq-section .faq-box .btn-link span { right: 20px }
	.about-us-main-section .about-main-box .common-box, .our-mission-values-section .mission-values-box .content-box { padding: 25px }
	.about-us-main-section .about-main-box .common-box h3 { font-size: 46px }
	.about-us-main-section .about-main-box img { width: 66% }
	.timeline-block { padding: 60px 40px !important }
	.banner-section .owl-theme .owl-dots .owl-dot { padding-right: 50px !important }
	.detail-box .common-box p, .detail-box table td p { font-size: 19px }
	.common-bottom-section { padding-bottom: 60px }
	.common-top-section { padding-top: 60px }
	.inner-title h3 { font-size: 28px; line-height: 42px }
	.product-detail-section table td { padding: 8px; font-size: 15px }
	.product-detail-section table th { padding: 10px 8px; font-size: 16px }
	.product-detail-section table td p { font-size: 15px }
	.blog-inner-section .right-box .mail-content h2, .product-detail-section .common-box h3 { font-size: 28px }
	.career-detail-section .bottom-box .box h2, .key-features-section .key-features-box .common-box h4 { font-size: 22px }
	.key-features-section .key-features-box .common-box p { line-height: 27px }
	.con-box .text-box { width: 81% }
	.our-perk-section .con-box p { font-size: 17px }
	header .custom-container { padding: 0 30px }
	header .nav-menu-box ul li a { padding: 30px 12px }
	.inner-banner-section .inner-box { left: 60px }
	.our-capacity-section .right-box .common-box svg { width: 60px; height: 60px }
	.contact-us-section .form.common-grid { gap: 20px }
	.sticky-btn-box { right: -83px }
	.form-group label { font-size: 18px; margin-bottom: 4px }
	footer .top-footer .common-box.contact-box img, footer .top-footer .common-box.location-box img { width: 50px; margin-bottom: 20px }
	.custom-container-left { padding-left: 60px }
	.custom-container-right { padding-right: 60px }
	.product-box .item .flex-img { height: 155px }
	header ul li.dropdown .dropdown-menu.inner-product-menu { width: 1220px; left: -355px !important }
	.related-prodcut-section .related-prodcut-box .common-box .related-title h4 { height: 60px }
	.blog-inner-section .right-box .common-flex { gap: 15px }
	.blog-inner-section .right-box .common-flex a { padding-bottom: 5px }
	.blog-inner-section .right-box .contact-box { padding: 30px }
	.banner-slider-section .con-box h2 { font-size: 30px }
	.banner-slider-section .con-box { left: 60px; width: 50% }
	.banner-slider-section .con-box p { font-size: 20px !important; }
	.banner-slider-section .owl-dots { right: 60px }
	.key-features-section .key-features-box .common-grid { grid-template-columns: repeat(3, 1fr); }
	.faq-section .faq-box .btn-link { padding-right: 30px; }
	.faq-section .faq-box .btn-link span { right: 10px; }
	/* virendra 02-07-2025 */
	.modal.fade .modal-dialog { top: 300px; }
}
@media screen and (max-width:1279px) {
	header ul li.dropdown .dropdown-menu.inner-product-menu li a, p { font-size: 16px !important }
	header .custom-container { padding: 0 40px }
	.mobile-box { display: block; position: absolute; right: 42px; z-index: 9999; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
	.mobile-box span { height: 2px; width: 40px; background: #fff; display: block; margin-bottom: 8px }
	.mobile-box a { display: block; outline: 0; color: #0c2134 }
	body.menu-open { overflow-y: hidden }
	.menu-open .svg-close, .svg-menu-line, header .nav-menu-box .nav li { display: block }
	header .nav-menu-box .nav li a { display: block; color: #fff; padding: 10px 20px; font-size: 18px }
	header .nav-menu-box { position: fixed; background: 0 0/cover no-repeat #034995; background-position-x: 0%; background-position-y: 0%; right: -100%; top: 0; height: 100vh; z-index: 9999; overflow-y: auto; transition: .6s cubic-bezier(.77, 0, .175, 1); margin-left: 0; width: 100% }
	header .nav-menu-box .nav { display: block; padding-top: 85px }
	.menu-open header .nav-menu-box { width: 100%; top: 0; right: 0; pointer-events: auto }
	header .nav-menu-box .nav li a:hover { color: #59c9e9 }
	.about-us-main-section .about-main-box img, .modal .modal-dialog, .modal.show .modal-dialog { width: 70% }
	header.shrink .mobile-box a { color: #120f3e }
	.menu-open header .mobile-box a, header.shrink .bottom-header .nav-menu-box li a { color: #fff }
	.menu-open .svg-menu-line, .svg-close, header .btn-box, header .nav-menu-box ul li::after, header ul li.dropdown .dropdown-menu .menu-img { display: none }
	header ul li.dropdown .dropdown-menu { position: relative !important; float: none; transform: none !important; left: 20px !important }
	header .nav-menu-box ul li .dropdown-menu ul li a { color: #120f3e; font-size: 18px !important; margin-bottom: 10px }
	.svg-close, .svg-menu-line { fill: none; stroke: currentColor; stroke-width: 2; stroke-miterlimit: 10 }
	.svg-close line { stroke-dasharray: 26; stroke-dashoffset: 52; transition: stroke-dashoffset .44s ease-in-out }
	.svg-close line:nth-of-type(2) { transition-delay: .22s }
	.svg-menu-line line { stroke-dasharray: 32; stroke-dashoffset: 64; transition: stroke-dashoffset .45s ease-in-out }
	.svg-menu-line line:nth-of-type(2) { transition-delay: .15s }
	.svg-menu-line line:nth-of-type(3) { transition-delay: .3s }
	a:hover .svg-close line, a:hover .svg-menu-line line { stroke-dashoffset: 0 }
	.custom-container { padding: 0 50px }
	.banner-section .inner-box h2 { font-size: 34px; line-height: 45px }
	.banner-section .inner-box p, .contact-us-form-section .common-box h4, .inner-title p, .key-features-section .key-features-box .common-box h4, .our-perk-section .text-box h3, .our-team-section .our-team-box .common-box .content-box h4 { font-size: 20px }
	.banner-section .common-grid { grid-template-columns: 500px 400px }
	.banner-section { height: 550px }
	.banner-section .owl-carousel .owl-item img { margin-top: 0 }
	.title-box h2 { font-size: 28px }
	.common-grid, .infrastructure-main-page-section .custom-container-right, .our-capacity-section .custom-container, .our-mission-values-section .mission-values-box, .quality-page-main-section .custom-container-left, .quality-section .common-grid { gap: 30px }
	.title-box span { font-size: 18px; line-height: 26px }
	.common-section { padding: 50px 0 }
	.about-section .count-box h3 { font-size: 40px; line-height: 50px }
	.about-section .count-box h3::after { right: -30px }
	.product-box .item, .related-prodcut-section .related-prodcut-box .common-box, footer .top-footer .common-box { padding: 20px }
	.product-box h3 { font-size: 20px; height: 72px }
	.contact-us-section .form.common-grid { gap: 20px }
	.contact-us-section .form .form-group.message-box textarea { height: 120px }
	.address-section .address-box .common-box .content-box p, .detail-box .common-box h4, .detail-box table td h4, .faq-section .faq-box p, .form-group .form-control, .form-group label, .infrastructure-main-page-section .btn-link, .timeline-element span, .unique-selling-section .accordion .card-body p { font-size: 18px }
	.contact-us-section .right-box .con-box .box:first-child { padding-bottom: 20px; margin-bottom: 20px }
	.contact-us-section .right-box .con-box a, .contact-us-section .right-box .con-box h5 { line-height: 30px }
	.contact-us-section .left-box .common-btn { width: 130px }
	.quality-section .box, .timeline-element { margin-bottom: 40px }
	.blog-section .blog-box .blog-cont, .blog-section .blog-box .small-box, .testimonial-section .box { padding: 25px }
	.blog-inner-section .right-box .common-flex .cont-box a h5, .blog-section .blog-box .common-box span, .detail-box .common-box p, .detail-box table td p, footer .bottom-footer a, footer .bottom-footer p, footer .top-footer .common-box a, footer .top-footer .common-box p { font-size: 16px }
	.blog-section .blog-box .arrow-btn { padding: 4px 6px }
	.blog-section .blog-box .arrow-btn svg, .faq-section .faq-box .btn-link span svg { width: 25px }
	.address-section .address-box .common-box .content-box h4, .blog-section .blog-box .common-box h3, .inner-banner-section .inner-box p, .inner-blog-box .left-box .common-box h4, .our-mission-values-section .mission-values-box .content-box h3, .timeline-element h3 { font-size: 22px }
	.call-to-action-section .dot-box h2 { font-size: 28px; margin-left: 25px }
	.call-to-action-section .dot-box span { width: 17px; height: 17px }
	.call-to-action-section .common-btn { width: auto }
	.call-to-action-section { padding: 40px 0 }
	.blog-inner-section .right-box .mail-content h2, footer .top-footer .common-box.contact-box a { font-size: 26px }
	footer .footer-menu-box .left-menu-box ul li a { padding: 0 10px; font-size: 16px }
	footer .footer-menu-box .social-icon-box a { margin-right: 10px }
	footer .footer-menu-box .common-grid { gap: 10px }
	.address-section .address-box .common-box .content-box { margin: -80px 10px 0; padding: 20px; height: 210px }
	.address-section .address-box .common-box .content-box .icon-box img { width: 50px }
	.address-section .address-box iframe { height: 400px !important }
	.contact-us-form-section .common-box .icon-box svg { width: 55px }
	.contact-us-form-section .common-box { margin-bottom: 30px }
	.faq-section .faq-box, .timeline-block { padding: 50px 30px !important }
	.faq-section .faq-box .common-grid { gap: 0 30px }
	.faq-section .faq-box .btn-link span { top: 50%; transform: translateY(-50%); right: 10px }
	.inner-banner-section .inner-box { left: 50px }
	.inner-banner-section { height: 370px }
	.contact-us-form-section .contact-details-box { gap: 70px }
	.sticky-btn-box { right: -87px }
	.sticky-btn-box a { font-size: 20px; padding: 12px 18px }
	.about-us-main-section .about-main-box .numbers-box { gap: 30px; width: 55% }
	.about-us-main-section .about-main-box .common-box h3 { font-size: 42px }
	.unique-selling-section .common-grid { grid-template-columns: 1fr 1fr }
	.unique-selling-section .common-grid .right-box img { width: 100% }
	.unique-selling-section .btn-link { padding: 15px 20px; font-size: 20px }
	.unique-selling-section .accordion .card-body { padding: 0 20px 15px }
	.unique-selling-section .btn-link span svg { margin-top: 8px; width: 15px; height: 14px }
	.unique-selling-section .btn-link span { width: 40px; height: 40px }
	.our-team-section .our-team-box .common-box img { height: 230px }
	.our-team-section .our-team-box .common-box .content-box p { font-size: 18px; line-height: 25px }
	.our-team-section .our-team-box .common-box { padding: 25px 10px 10px }
	.our-team-section .our-team-box .common-box .content-box { padding: 12px; height: 106px }
	.about-us-quality-section .content-box { gap: 30px; padding: 30px }
	.about-us-quality-section .content-box .common-box svg, footer .top-footer .bottom-logo-box img { width: 60px }
	.about-us-quality-section .content-box .common-box { flex-wrap: wrap; gap: 10px }
	.about-us-quality-section .custom-container { bottom: 15px }
	.about-us-quality-section h2 { font-size: 26px; padding: 15px 0 }
	.banner-section .owl-theme .owl-dots .owl-dot span { border: 20px solid #d7edf6 }
	.banner-section .owl-theme .owl-dots .owl-dot:first-child span::after { height: 120px; width: 120px; left: -15px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after { height: 120px; width: 120px; left: -24px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after { height: 140px; width: 150px; left: -28px }
	.common-bottom-section { padding-bottom: 50px }
	.common-top-section { padding-top: 50px }
	.inner-title h3 { font-size: 24px; line-height: 37px }
	.product-detail-section table td p { font-size: 15px }
	.product-detail-section table td { padding: 6px 5px }
	.product-detail-section table tr:first-child td { padding-top: 12px }
	.product-detail-section table th { font-size: 16px; padding: 10px 5px }
	.key-features-section .key-features-box .common-box .icon-box span { padding: 17px 0; width: 65px; height: 65px }
	.product-detail-section .common-grid { grid-template-columns: repeat(1, 1fr) }
	.story-section .common-grid { gap: 40px }
	.story-section .common-list-style li { font-size: 20px; margin-bottom: 20px; width: 89% }
	.our-perk-section .con-box { padding: 15px }
	.our-perk-section .con-box p { font-size: 16px; line-height: 26px }
	.our-perk-section .con-box span { height: 50px; width: 50px; line-height: 50px }
	.our-perk-section .con-box span svg { width: 25px; height: 25px }
	.con-box .text-box { width: 78% }
	.our-perk-section .common-grid .img-box { height: 467px }
	.career-detail-section .text-box a { height: 40px; width: 40px; line-height: 39px }
	.oem-odm-section .common-box { padding: 30px; gap: 30px }
	.title-box h2 { line-height: 40px }
	.our-capacity-section .right-box .common-box { gap: 16px }
	.oem-odm-section .common-box.odm-box { margin-top: 50px }
	footer .top-footer .common-box.footer-logo-box a { margin-bottom: 20px; width: 170px }
	.back-to-top { right: 10px; bottom: 34px }
	p { line-height: 25px }
	footer .footer-menu-box { padding: 16px 0 }
	.inner-banner-section .inner-box h2 { font-size: 42px; line-height: 48px }
	.inner-banner-section .inner-box p { line-height: 32px }
	.custom-container-left { padding-left: 50px }
	.custom-container-right { padding-right: 50px }
	.common-list-style li { font-size: 16px; line-height: 24px }
	.common-list-style li::before, .title-box span::before { top: 12px }
	.infrastructure-main-page-section .btn-link svg { width: 34px; height: 34px; margin-right: 10px }
	.infrastructure-main-page-section .card-body p { font-size: 16px; padding-top: 10px }
	.common-list-style li::before { top: 8px; width: 8px; height: 8px }
	header ul li.dropdown .dropdown-menu.inner-product-menu { width: auto; left: 0 !important; top: 0 !important; margin: 0 20px }
	.blog-inner-section .common-grid { grid-template-columns: 1.5fr 1fr !important }
	.blog-inner-section .right-box .common-flex { padding: 12px 0 }
	.blog-inner-section .right-box .common-flex img { width: 90px }
	.blog-inner-section .right-box h3 { font-size: 24px }
	.blog-inner-section .right-box p { font-size: 14px !important }
	.blog-inner-section .right-box .contact-box .mail-img img { width: 100px }
	.banner-slider-section .con-box { top: 12%; left: 50px }
	.banner-slider-section .owl-dots { right: 50px }
	.banner-slider-section .con-box h2 { font-size: 26px; padding-bottom: 12px; }
	.banner-slider-section .con-box p { font-size: 20px !important; line-height: 28px !important }
	.common-btn { font-size: 16px; padding: 8px 20px }
	.key-features-section .key-features-box .common-grid, .our-team-section .our-team-box, .product-detail-section .common-grid, .related-prodcut-section .related-prodcut-box .common-grid { gap: 20px; }
	.banner-slider-section .owl-dots { bottom: 10px; }
	
/* 	veer 25-06-2025 */
	.form-group.captcha-box  {   grid-column: 1/span 2; }
}
@media screen and (max-width:1023px) {
	header .nav-menu-box .nav li a { padding: 8px 20px }
	.banner-section .inner-box h2 { font-size: 28px; margin-bottom: 20px; line-height: 36px }
	.about-section .right-box p, .banner-section .inner-box p, .blog-section .blog-box .common-box .date-box p, .product-section .bottom-box p, .testimonial-section .box p, .top-box .right-box p, p { font-size: 18px; line-height: 30px }
	.banner-section .common-grid { grid-template-columns: 400px 260px }
	.banner-section { height: 375px }
	.title-box h2 br { display: none }
	.about-section .count-box.common-grid { padding: 10px 0 30px }
	.about-section .count-box p { font-size: 17px }
	.about-section .right-box .title-box { margin-bottom: 10px !important }
	.product-box { margin-top: 0 }
	.about-us-main-section .about-main-box .common-box p, .blog-section .blog-box .common-box h3, .inner-banner-section .inner-box p, .product-box h3 { font-size: 20px }
	.product-box p { height: 60px }
	.product-box .btn-box { margin-top: 20px; font-size: 18px }
	.address-section .address-box, .quality-section .common-grid { grid-template-columns: repeat(1, 1fr) }
	.quality-section .box.common-grid:last-child { display: flex; flex-direction: column-reverse }
	.testimonial-section .box h3 { font-size: 20px; margin-bottom: 15px }
	.about-us-main-section .about-main-box .common-box, .our-mission-values-section .mission-values-box .content-box, .testimonial-section .box { padding: 20px }
	.faq-section .faq-box .accordion .left-box .card:last-of-type, .faq-section .faq-box .accordion .right-box .card:last-of-type, .testimonial-section .box p { margin-bottom: 20px }
	.about-us-quality-section .content-box .common-box h4, .common-btn.normal-btn, .testimonial-section .text-box h4 { font-size: 18px }
	.call-to-action-section .dot-box h2 { font-size: 24px; margin-left: 20px }
	.call-to-action-section .dot-box span.blue { margin: 0 }
	.call-to-action-section .common-btn { font-size: 16px; width: auto }
	.blog-section .blog-box .common-box span { font-size: 14px }
	.contact-us-section .form .form-group .form-control, .contact-us-section .form .form-group label, footer .bottom-footer a, footer .bottom-footer p, footer .top-footer .common-box a, footer .top-footer .common-box p, p { font-size: 16px }
	.blog-section .blog-box .common-box.small-box p { padding-bottom: 20px }
	.blog-section .blog-box .img-box { height: 275px }
	.blog-section .blog-box .common-box p svg { width: 20px }
	.blog-section .blog-box { margin-bottom: 30px }
	footer .top-footer .common-box.contact-box img, footer .top-footer .common-box.location-box img { width: 45px; margin-bottom: 10px }
	footer .top-footer .common-box.footer-logo-box a { width: 180px }
	.blog-inner-section .right-box .mail-content h2, .inner-title h3, footer .top-footer .common-box.contact-box a { font-size: 22px }
	footer .footer-menu-box .social-icon-box a { width: 40px; height: 40px; margin-right: 10px; padding: 7px 0 }
	footer .footer-menu-box .social-icon-box a svg { width: 20px; height: 20px }
	footer .footer-menu-box .left-menu-box ul li a { font-size: 18px; padding: 0 10px }
	footer .footer-menu-box .common-grid { grid-template-columns: auto; gap: 20px }
	footer .footer-menu-box .left-menu-box, footer .footer-menu-box .social-icon-box { text-align: center }
	.contact-us-section .form .form-group.message-box textarea { height: 110px }
	.contact-us-section .form.common-grid { gap: 15px; grid-template-columns: repeat(2, 1fr) }
	.contact-us-section .right-box img { width: 100%; display: none }
	.contact-us-section .common-grid, .faq-section .faq-box .common-grid, .our-perk-section .common-grid, .story-section .common-grid, .unique-selling-section .common-grid, footer .top-footer .top-box { grid-template-columns: auto }
	.contact-us-section .right-box .con-box { position: unset; transform: none; border-color: #59c9e9 }
	.inner-banner-section { height: 330px }
	.inner-banner-section .inner-box h2 { font-size: 32px; line-height: 45px }
	.inner-banner-section .inner-box { left: 40px }
	.contact-us-form-section .contact-details-box { flex-wrap: wrap; gap: 40px }
	.contact-us-form-section .contact-details-box .left-box, .inner-cta-section .title-box h2, .oem-odm-section .common-box .left-box img, .oem-odm-section .common-box .right-box img { width: 100% }
	.contact-us-form-section .contact-details-box .right-box { flex-basis: 100% }
	.address-section .address-box iframe { height: 350px !important }
	.address-section .address-box .common-box .content-box, .our-perk-section .common-grid .img-box, .our-team-section .our-team-box .common-box .content-box { height: auto }
	.about-us-main-section .about-main-box .numbers-box { width: 70%; gap: 20px }
	.about-us-main-section .about-main-box img, .modal .modal-dialog { width: 90% }
	.about-us-main-section .about-main-box .common-box h3 { font-size: 34px }
	.our-mission-values-section .mission-values-box .icon-box { height: 75px; width: 75px }
	.our-mission-values-section .mission-values-box .icon-box svg { width: 36px }
	.inner-product-section .right-box img, .our-perk-section .box:first-child .img-box img, .our-perk-section .common-grid .img-box img, .story-section .right-box img, .unique-selling-section .common-grid .right-box img { width: 60% }
	.our-team-section .our-team-box, .story-section ul.common-grid { grid-template-columns: repeat(2, 1fr) }
	.about-us-quality-section .custom-container { position: unset; margin-top: 20px; margin-bottom : 20px; }
	.about-us-quality-section .content-box .common-box svg { width: 50px }
	.about-us-quality-section .content-box { padding: 20px; gap: 20px; background: #f0f0f0 }
	.about-us-quality-section h2 { font-size: 22px; padding: 15px 0 }
	.banner-section .owl-theme .owl-dots .owl-dot span { border: 15px solid #d7edf6; width: 90px; height: 90px }
	.banner-section .owl-theme .owl-dots .owl-dot:first-child span::after { height: 80px; left: -10px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after { height: 80px; width: 120px; left: -12px }
	.banner-section .owl-theme .owl-dots .owl-dot { padding-right: 20px !important }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after { height: 120px }
	.banner-section .inner-box { top: 35% }
	.banner-section .owl-theme .owl-nav.disabled+.owl-dots { bottom: 30px }
	.benefit-section .common-grid, .inner-product-section .common-grid, .product-detail-section .common-grid { grid-template-columns: auto; gap: 30px }
	.product-detail-section .common-box h3 { font-size: 24px }
	.key-features-section .key-features-box .common-grid { grid-template-columns: repeat(3, 1fr) }
	.related-prodcut-section .related-prodcut-box .common-box .related-title h4 { font-size: 18px; height: 81px }
	.related-prodcut-section .related-prodcut-box .common-box { padding: 15px }
	.inner-cta-section { background-position: right }
	.career-detail-section .bottom-box .box>span::before { left: 10px }
	.career-detail-section .bottom-box .box { padding: 20px 20px 35px }
	.career-detail-section .text-box span { padding: 0; display: block; border: none }
	.career-detail-section .text-box span:first-child, .m-16 { margin-bottom: 10px }
	.career-detail-section .bottom-box .box h2 { font-size: 18px; line-height: 27px }
	.career-detail-section .bottom-box .box>span { font-size: 15px; padding: 10px 24px 10px 25px }
	.story-section .common-list-style li { width: 100%; margin-bottom: 15px; font-size: 18px }
	.custom-container, header .custom-container { padding: 0 30px }
	header .logo-box a { padding: 21px 0 15px }
	.bootom-strip .breadcrumb { padding: 10px 0 }
	.title-box h2 { font-size: 24px; line-height: 34px }
	p { margin-bottom: 8px }
	.oem-odm-section .common-box { padding: 24px; gap: 24px }
	.common-section { padding: 40px 0 }
	.oem-odm-section .common-box.odm-box { margin-top: 40px }
	.our-capacity-section .right-box .common-box svg { width: 50px; height: 50px }
	.common-grid, .our-capacity-section .custom-container { gap: 24px }
	.our-capacity-section .right-box .common-box { padding-bottom: 12px; margin-bottom: 12px }
	footer .bottom-footer { padding: 12px 0 }
	footer .footer-menu-box { margin-top: 20px; padding: 15px 0 }
	footer .top-footer .common-box { height: auto; padding: 20px }
	footer .top-footer .common-box.location-box p { padding-bottom: 14px }
	footer .top-footer .common-box.location-box { border: none }
	footer .top-footer .common-box.footer-logo-box, footer .top-footer .common-box.location-box { border-bottom: 1px solid rgba(255, 255, 255, .24) }
	.custom-container-left, .infrastructure-main-page-section .right-box { padding-left: 30px }
	.custom-container-right, .quality-page-main-section .left-box { padding-right: 30px }
	.infrastructure-main-page-section .left-box, .infrastructure-main-page-section .right-box, .quality-page-main-section .left-box, .quality-page-main-section .right-box { flex: 0 0 100% }
	.infrastructure-main-page-section .custom-container-right, .quality-page-main-section .custom-container-left { flex-wrap: wrap; gap: 20px }
	.quality-page-main-section .common-list-style { padding-top: 16px }
	.product-box .item { width: 42%; padding: 15px }
	.product-box .btn-box a svg { width: 25px }
	header .nav-menu-box ul li .dropdown-menu ul.home-menu li a { font-size: 18px !important; margin-bottom: 15px; line-height: 27px !important }
	.faq-section .faq-box .accordion .right-box:last-of-type .card:last-of-type, header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box .common-menu-box li:last-child a { margin-bottom: 0 }
	header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box { gap: 25px; flex-wrap: wrap }
	header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box .common-menu-box { width: 48% }
	.blog-inner-section .common-grid { grid-template-columns: auto !important }
	.inner-blog-box .left-box .img-box.common-box { height: auto !important }
	.blog-inner-section .right-box .common-flex { justify-content: start }
	.inner-blog-box .left-box .common-box h4 { font-size: 20px; padding: 10px 0 }
	.blog-inner-section .right-box p a { font-size: 14px !important }
	.banner-slider-section .con-box { left: 30px }
	.banner-slider-section .owl-dots { right: 30px }
	.banner-slider-section .con-box h2 { font-size: 20px; padding-bottom: 10px }
	.banner-slider-section .con-box p { font-size: 18px !important; line-height: 26px !important; padding-bottom: 14px }
	.banner-slider-section .owl-dots .owl-dot span { margin-right: 12px; width: 14px; height: 14px }
	.common-btn { padding: 6px 16px }
	.key-features-section .key-features-box .common-grid, .our-team-section .our-team-box, .product-detail-section .common-grid, .related-prodcut-section .related-prodcut-box .common-grid { gap: 20px; }
	
	/* 	veer 25-06-2025 */
	footer .bottom-footer p{text-align: center !important;}
	/* virendra 02-07-2025 */
	.modal.fade .modal-dialog { top: 400px; }
}
@media screen and (max-width:899px) {
	.oem-odm-section .common-box .left-box, .oem-odm-section .common-box .right-box, .our-capacity-section .left-box, .our-capacity-section .right-box { flex: 0 0 100% }
	.oem-odm-section .common-box, .our-capacity-section .custom-container { flex-wrap: wrap; gap: 20px }
	.inner-banner-section .inner-box p { width: 50% }
	.inner-banner-section .inner-box h2 { margin-bottom: 10px }
	.common-section { padding: 30px 0 }
	.oem-odm-section .common-box.odm-box { margin-top: 30px }
	footer { padding-top: 30px }
	.banner-slider-section .con-box h2 { font-size: 22px; padding-bottom: 8px }
	.banner-slider-section .con-box p { font-size: 16px !important; line-height: 24px !important; padding-bottom: 12px }
	.common-btn { line-height: 24px }
	.banner-slider-section .con-box { width: 60%; }
	.common-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; }
	.m-50, .testimonial-section .box, .top-box.common-grid { margin-bottom: 20px; }
	.modal .modal-dialog .form-group.message-box { grid-column: 1/2 !important; }
	.career-inner-content-section .common-box:first-of-type { padding: 30px 0px; }
	.common-list-style li { margin-bottom: 10px;  }
	.page-template-distributor-now .contact-us-form-section .distributor-box form { display : flex; flex-wrap : wrap; }
	.page-template-distributor-now .contact-us-form-section .distributor-box form .form-group { width : 100%; }
	
}
@media screen and (max-width:767px) {
	.common-grid, .quality-section .common-grid, .testimonial-section .common-grid { gap: 12px }
	header .nav-menu-box ul li .dropdown-menu .common-menu-box h4 { font-size: 18px; padding-bottom: 10px }
	header .nav-menu-box ul li .dropdown-menu ul li a { font-size: 16px !important }
	header .nav-menu-box ul li .dropdown-menu ul.home-menu li a { font-size: 18px !important; margin-bottom: 10px; line-height: 25px !important }
	.custom-container, header .custom-container { padding: 0 20px }
	.mobile-box { right: 20px }
	header .logo-box a { width: 120px; padding: 15px 0 }
	.banner-section { height: 300px }
	.banner-section .inner-box { top: 40% }
	.banner-section .inner-box h2 { font-size: 22px; line-height: 30px; margin-bottom: 15px }
	.banner-section .inner-box p { font-size: 16px; line-height: 25px }
	.banner-section .common-grid { grid-template-columns: 335px 230px }
	.blog-section .blog-box.common-grid, .blog-section .blog-box.common-grid:last-of-type, .common-grid, .our-mission-values-section .mission-values-box, .our-team-section .our-team-box, footer .top-footer .top-box { grid-template-columns: auto }
	.title-box span { font-size: 16px; line-height: 20px }
	.testimonial-section .box h3, .title-box h2 { font-size: 18px; line-height: 30px }
	.about-section .right-box p, .product-section .bottom-box p, .testimonial-section .box p, .top-box .right-box p, p { font-size: 16px !important; line-height: 27px !important }
	.about-section .count-box p, .bootom-strip .breadcrumb li, .bootom-strip .breadcrumb li a, .detail-box .common-box h4, .detail-box table td h4, .infrastructure-main-page-section .btn-link, .inner-blog-box .left-box .common-list-style li, .story-section .common-list-style li, .timeline-element span { font-size: 16px }
	.about-section .count-box h3 { font-size: 28px; line-height: 35px }
	.about-section .count-box.common-grid { padding: 10px 0 20px }
	.blog-section .blog-box, .quality-section .box, .quality-section .title-box, .testimonial-section .box, .top-box.common-grid, footer .top-footer .common-box img { margin-bottom: 20px }
	.common-section { padding: 30px 0 }
	.product-box { display: flex; flex-wrap: wrap; background: 0 0; gap: 20px }
	.product-box .item, .product-box .item.active, .product-box .item:hover { width: 100% !important }
	.banner-slider-section .desktop-img, .product-box .item img.small-img { display: none !important }
	.about-us-main-section .about-main-box img, .inner-cta-section .title-box h2, .product-box .item img.big-img, .unique-selling-section .common-grid .right-box img { width: 100% }
	.blog-section .blog-box .img-box, .our-team-section .our-team-box .common-box img, .product-box .item .flex-img, .product-box h3, .product-box p { height: auto }
	.product-box .item { background: #fafafa }
	.common-list-style li { font-size: 16px; line-height: 27px }
	.testimonial-section .left-box .box:last-child { margin-bottom: 0 }
	.testimonial-section .img-box { justify-content: start }
	.call-to-action-section .dot-box span { width: 14px; height: 14px; margin-right: 6px }
	.common-btn { padding: 8px 15px }
	.call-to-action-section .dot-box h2 { font-size: 22px; margin-left: 15px }
	.about-us-main-section .about-main-box .common-box h3, .blog-section .blog-box .common-box h3, .faq-section .faq-box .btn-link, .inner-blog-box .left-box .common-box h4, .our-mission-values-section .mission-values-box .content-box h3, .our-team-section .our-team-box .common-box .content-box h4, .timeline-element h3, footer .top-footer .common-box.contact-box a { font-size: 18px }
	.blog-section .blog-box .blog-cont, .blog-section .blog-box .small-box, .contact-us-section .right-box .con-box { padding: 20px }
	footer .top-footer .common-box { height: auto; padding: 15px 15px 20px }
	.key-features-section .key-features-box .common-box .icon-box span svg, .unique-selling-section .btn-link span { width: 30px; height: 30px }
	footer .top-footer .common-box.location-box p { padding-bottom: 20px }
	footer .footer-menu-box .left-menu-box ul li a { font-size: 16px; padding: 0 8px }
	footer .bottom-footer, footer .bottom-footer p:last-child { text-align: center }
	footer .bottom-footer { padding: 15px 0 }
	footer .bottom-footer .common-grid { gap: 10px }
	footer .top-footer .common-box.location-box { border: none; border-top: 1px solid rgba(255, 255, 255, .24); border-bottom: 1px solid rgba(255, 255, 255, .24) }
	.inner-banner-section .inner-box h2 { font-size: 24px; line-height: 35px; margin-bottom: 10px }
	.inner-banner-section { height: 250px }
	.inner-banner-section .inner-box { left: 20px }
	.sticky-btn-box { right: -70px }
	.sticky-btn-box a { font-size: 16px; padding: 10px 14px }
	.inner-banner-section .inner-box .line-btn { margin-top: 15px }
	.about-us-main-section .about-main-box .numbers-box { left: 0; margin: 20px auto 0; position: unset; transform: none; width: 100%; gap: 15px }
	.about-us-quality-section .content-box { grid-template-columns: auto; gap: 0; gap: 20px }
	.about-us-main-section .about-main-box .common-box { padding: 15px }
	.our-mission-values-section .mission-values-box .content-box h3 { padding-bottom: 10px }
	.our-mission-values-section .mission-values-box .icon-box { margin: -60px auto 12px }
	.unique-selling-section .btn-link { padding: 10px 15px; font-size: 16px }
	.unique-selling-section .card.active .btn-link .minus { right: 15px }
	.unique-selling-section .btn-link span svg { width: 13px; height: 11px; margin-top: 2px }
	.unique-selling-section .accordion .card-body { padding: 0 15px 10px }
	.about-us-quality-section .content-box .common-box svg { width: 40px; height: 40px }
	.about-us-quality-section .content-box .common-box h4 { font-size: 16px; width: 100% }
	.about-us-quality-section h2, .key-features-section .key-features-box .common-box h4 { font-size: 18px; padding: 10px 0 }
	.btn-box .common-btn { padding: 5px 20px }
	.timeline-block { padding: 30px 20px !important }
	.timeline-element { margin-bottom: 30px }
	.banner-section .owl-theme .owl-dots .owl-dot span { width: 70px; height: 70px }
	.banner-section .owl-theme .owl-nav.disabled+.owl-dots { bottom: 0 }
	.banner-section .owl-theme .owl-dots .owl-dot:first-child span::after, .banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after { height: 50px; left: -4px; width: 50px }
	.banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after { height: 60px; width: 60px; left: -11px }
	.inner-title h3 { font-size: 20px; line-height: 33px }
	.key-features-section .key-features-box .common-grid, .related-prodcut-section .related-prodcut-box .common-grid { grid-template-columns: repeat(2, 1fr) }
	.key-features-section .key-features-box .common-box .icon-box span { padding: 15px 0; width: 55px; height: 55px }
	.common-bottom-section { padding-bottom: 30px }
	.common-top-section { padding-top: 30px }
	.story-section p { margin-bottom: 10px }
	.story-section .common-list-style li::before { top: 9px }
	.oem-odm-section .common-box { padding: 16px }
	.contact-us-section .right-box .con-box span { margin: 0 auto 10px }
	footer .top-footer .common-box.contact-box img, footer .top-footer .common-box.location-box img { width: 40px }
	.custom-container-left, .infrastructure-main-page-section .right-box { padding-left: 20px }
	.custom-container-right, .quality-page-main-section .left-box { padding-right: 20px }
	.title-box span::before { top: 10px }
	.infrastructure-main-page-section .btn-link svg { width: 30px; height: 30px; margin-right: 6px }
	.infrastructure-main-page-section .card { padding: 12px 0 }
	.contact-us-section .right-box .con-box .box:first-child { padding-bottom: 16px; margin-bottom: 16px }
	.line-btn { margin-top: 20px; font-size: 16px }
	.back-to-top { bottom: 15px }
	header ul li.dropdown .dropdown-menu.inner-product-menu { background: #ecf7fb; width: auto !important }
	header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box { gap: 15px }
	.related-prodcut-section .related-prodcut-box .common-box .related-title h4 { height: 54px }
	.blog-inner-section .right-box h3 { font-size: 20px }
	.blog-inner-section .right-box .mail-content h2 { font-size: 20px; padding-bottom: 20px }
	.banner-slider-section .mobile-img { display: block !important }
	.banner-slider-section .con-box { left: 20px; top: 50%; transform: translateY(-50%) }
	.banner-slider-section .owl-dots { right: 20px; bottom: 10px }
	.product-detail-section .common-box h3 { font-size: 22px; padding-bottom: 15px; }
	.product-detail-section .common-box h4 { font-size: 20px; }
	.modal.fade .modal-dialog { top: 0; transform: none; }
	.banner-slider-section .con-box p { display: none; }
	.modal-dialog .common-grid { gap: 15px; }
	.modal .modal-dialog, .modal.show .modal-dialog { width: 80%; margin: 0 auto; }
	.banner-slider-section .owl-dots .owl-dot span { margin-right: 8px; }
	.carrer-inner-form-section .apply-box form { display:flex; flex-wrap : wrap; grid-template-columns: 1fr; gap: 20px;}
	.form-group.message-box { grid-column: 1; }
	.form-group.apply-now-btn { grid-column: 1; }
	
	/* virendra 02-07-2025 */
	.modal.fade .modal-dialog { top: 10px; }
}
@media screen and (max-width:639px) {
	header ul li.dropdown .dropdown-menu { width: 85% }
	.product-detail-section .common-grid, header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box { display: block }
	footer .top-footer .common-box.location-box p, header .nav-menu-box ul li .dropdown-menu .common-menu-box h4 { padding-bottom: 10px }
	header .nav-menu-box .nav li a { padding: 5px 20px; font-size: 16px }
	.banner-section .common-grid, .blog-section .blog-box.common-grid, .blog-section .blog-box.common-grid:last-of-type, .call-to-action-section .common-grid { grid-template-columns: auto }
	.banner-section .inner-box.common-grid .right-box, .banner-section .owl-theme .owl-dots .owl-dot:first-child span::after, .banner-section .owl-theme .owl-dots .owl-dot:nth-child(2) span::after, .banner-section .owl-theme .owl-dots .owl-dot:nth-child(3) span::after, .banner-slider-section .con-box p, .blog-section .blog-box .img-box::before { display: none }
	.banner-section { height: 255px }
	.banner-section .inner-box h2 { font-size: 18px; margin-bottom: 10px; line-height: 26px }
	.title-box span { font-size: 14px; line-height: 18px }
	.product-box .btn-box { font-size: 16px; margin-top: 15px }
	.title-box h2 { font-size: 17px; line-height: 25px }
	.about-section .count-box.common-grid { grid-template-columns: repeat(2, 1fr) }
	.product-box h3 { font-size: 18px; padding: 10px 0 }
	.career-detail-section .text-box span, .common-btn, .contact-us-section .form .form-group .form-control, .contact-us-section .form .form-group label, .detail-box .common-box h4, .detail-box table td h4, .form-group .form-control, .form-group label, .testimonial-section .text-box span, footer .footer-menu-box .left-menu-box ul li a { font-size: 14px }
	.contact-us-section .form.common-grid { display: flex; flex-wrap: wrap }
	.contact-us-form-section .right-box form .form-group, .contact-us-section .form.common-grid .form-group, .inner-product-section .right-box img, .our-perk-section .box:first-child .img-box img, .our-perk-section .common-grid .img-box img, .story-section .right-box img { width: 100% }
	.contact-us-section .form .form-group.message-box textarea { height: 90px }
	.contact-us-section .right-box .con-box a, .contact-us-section .right-box .con-box h5 { font-size: 16px; line-height: 25px }
	.contact-us-section .right-box .con-box .box:first-child { padding-bottom: 15px; margin-bottom: 15px }
	.contact-us-section .right-box .con-box span { height: 40px; width: 40px; line-height: 40px }
	.contact-us-section .right-box .con-box span svg { width: 18px }
	.common-list-style li { font-size: 14px; line-height: 25px; margin-bottom: 10px }
	.common-btn.normal-btn, .testimonial-section .box h3, .testimonial-section .text-box h4 { font-size: 16px; line-height: 27px }
	.call-to-action-section .common-btn { position: unset; transform: none; width: 170px; margin: 0 auto }
	.our-perk-section .con-box, .product-detail-section .left-box, .timeline-block, .timeline-element, footer .top-footer .common-box.footer-logo-box a { margin-bottom: 20px }
	.call-to-action-section .dot-box h2 { font-size: 18px; margin-left: 10px }
	.call-to-action-section .dot-box span { width: 10px; height: 10px; margin-right: 4px }
	.call-to-action-section { padding: 30px 0 }
	.common-btn { padding: 8px 25px }
	.common-btn svg { margin-left: 6px; width: 7px }
	.contact-us-section .left-box .common-btn { width: auto }
	.blog-section .blog-box .common-box h3, .contact-us-form-section .common-box h4, .inner-blog-box .left-box .common-box h4, .key-features-section .key-features-box .common-box h4, .timeline-element h3 { font-size: 16px }
	footer .footer-menu-box .common-grid .left-menu-box ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 0 }
	footer .top-footer .bottom-logo-box img { width: 60px }
	.contact-us-form-section .contact-details-box { padding: 20px; gap: 30px }
	.contact-us-form-section .common-box { padding: 15px; margin-bottom: 20px }
	.contact-us-form-section .right-box form { display: flex; flex-wrap: wrap; gap: 15px }
	.address-section .address-box .common-box .content-box, .blog-inner-section .right-box .common-flex { flex-wrap: wrap }
	.address-section .address-box .common-box .content-box h4 { font-size: 18px; padding-bottom: 10px }
	.faq-section .faq-box { padding: 20px !important }
	.faq-section .faq-box .btn-link { font-size: 15px; padding-right: 35px }
	.inner-banner-section .inner-box h2 { font-size: 18px; line-height: 27px }
	.inner-banner-section .inner-box p { width: 50% }
	.address-section .address-box, .our-perk-section .common-grid, .story-section .common-grid { gap: 20px }
	.bootom-strip .breadcrumb { padding: 6px 0; font-size: 14px }
	footer .top-footer .common-box img { margin-bottom: 10px }
	.sticky-btn-box { right: -62px }
	.sticky-btn-box a { font-size: 14px; padding: 10px 14px }
	.timeline-block { padding-left: 30px !important }
	.timeline-element span { font-size: 14px; padding: 6px 10px }
	.timeline-element { grid-column-gap: 30px; grid-template-columns: auto; grid-row-gap: 20px }
	.timeline .timeline-right img { padding-top: 15px }
	.timeline .default-line, .timeline .draw-line { left: -15px; width: 2px }
	.timeline ul li.in-view::before, .timeline ul li::before { left: -15px; width: 10px; height: 10px }
	.banner-section .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; border: none; margin: 0 5px }
	.banner-section .owl-theme .owl-dots .owl-dot.active span { background: #0c2134 }
	.banner-section .inner-box { top: 50% }
	.banner-section .owl-theme .owl-dots .owl-dot { padding-right: 0 !important }
	.banner-section .owl-theme .owl-nav.disabled+.owl-dots { bottom: 10px; margin: 0 auto; left: 0; right: 0 }
	.about-section .count-box h3 { font-size: 22px; line-height: 26px }
	.inner-banner-section { height: 220px; background-size: cover; background-repeat: no-repeat; background-position: center }
	.inner-title h3 { font-size: 18px; line-height: 28px }
	.blog-section .blog-box .common-box h3, .detail-box { padding: 10px 0 }
	.detail-box .common-box { grid-template-columns: 1fr repeat(2, 1fr) }
	.product-detail-section .common-box h3 { font-size: 18px; padding-bottom: 15px }
	.key-features-section .key-features-box .common-grid, .related-prodcut-section .related-prodcut-box .common-grid { grid-template-columns: auto; gap: 20px }
	.key-features-section .key-features-box .common-box .icon-box span { width: 50px; height: 50px; padding: 12px 0 }
	.key-features-section .key-features-box .common-box .icon-box span svg { height: 25px; width: 25px }
	.related-prodcut-section .related-prodcut-box .common-box .related-title h4 { font-size: 16px; height: auto }
	.related-prodcut-section .related-prodcut-box .common-box .common-btn svg { width: 20px }
	.related-prodcut-section .related-prodcut-box .common-box .related-title { padding-bottom: 10px; margin-bottom: 10px }
	.product-detail-section .common-box .common-table-box { width: 500px }
	.story-section .common-list-style li { font-size: 14px; margin-bottom: 10px }
	.story-section ul.common-grid { grid-template-columns: auto; padding-top: 0 }
	.career-detail-section .text-box span svg { width: 18px; margin-right: 5px }
	.blog-inner-section .right-box .contact-box, .career-detail-section .bottom-box .box { padding: 20px }
	.career-detail-section .bottom-box .box h2 { font-size: 16px; margin-bottom: 15px }
	.career-detail-section .bottom-box .box>span { font-size: 14px; padding: 10px 10px 10px 23px; margin-bottom: 10px }
	.our-perk-section .text-box h3 { font-size: 16px; line-height: 26px }
	.top-box.common-grid { gap: 10px }
	.common-section { padding: 24px 0 }
	.oem-odm-section .common-box.odm-box { margin-top: 20px }
	footer { padding-top: 24px }
	footer .top-footer .common-box { padding-bottom: 15px }
	footer .bottom-footer { padding: 12px 0 }
	.common-grid, .our-capacity-section .custom-container, footer .footer-menu-box .common-grid { gap: 16px }
	footer .footer-menu-box .social-icon-box a { padding: 3px 0; width: 34px; height: 34px }
	footer .footer-menu-box .social-icon-box a svg { width: 16px; height: 16px }
	.our-capacity-section .right-box .common-box { gap: 12px }
	.about-section .right-box p, .product-section .bottom-box p, .testimonial-section .box p, .top-box .right-box p, p { font-size: 15px !important; line-height: 22px !important }
	.quality-page-main-section .common-list-style { padding-top: 12px }
	.quality-page-main-section .common-list-style li { flex: 0 0 100% }
	.common-list-style li::before { width: 7px; height: 7px; top: 9px }
	.title-box span::before { top: 9px; width: 8px; height: 8px }
	.title-box span { padding-left: 16px }
	header .nav-menu-box ul li .dropdown-menu ul.home-menu li a { font-size: 16px !important; line-height: 23px !important }
	header ul li.dropdown .dropdown-menu .common-dropdown-menu-box { padding: 15px }
	.back-to-top { font-size: 22px; height: 40px; width: 40px }
	header ul li.dropdown .dropdown-menu.inner-product-menu .common-dropdown-menu-box .common-menu-box { width: 100%; margin-bottom: 10px }
	header ul li.dropdown .dropdown-menu.inner-product-menu li a { font-size: 14px !important }
	.blog-section .blog-box .blog-cont, .blog-section .blog-box .small-box { position: unset; background: #b7e4f3 }
	.blog-inner-section .right-box .mail-content h2 { font-size: 18px }
	.blog-inner-section .right-box .common-flex img { Width: 100% }
	.inner-blog-box .left-box .common-list-style li { font-size: 15px }
	.banner-slider-section .con-box h2 { padding-bottom: 16px; font-size: 20px }
	.banner-slider-section .owl-dots { right: auto; left: 20px; bottom: 0 }
	.address-section .address-box .common-box .content-box h4, .product-detail-section .common-box h4 { font-size: 18px; }
	.benefit-section .common-grid, .inner-product-section .common-grid, .product-detail-section .common-grid { gap: 20px; }
	.about-section .count-box.common-grid { padding: 0 0 20px; }
	.banner-slider-section .con-box span { font-size: 14px; }
	.banner-slider-section .con-box h2 { font-size: 18px; padding-bottom: 12px; }
	.modal.fade .modal-dialog { top: 20px; }
	.modal .modal-dialog, .modal.show .modal-dialog { width: 90%; }
	.modal .modal-dialog h5 { font-size: 18px; }
}
@media screen and (max-width:479px) {
	footer .top-footer .bottom-logo-box img { width: 50px }
	.contact-us-section .right-box .con-box .box:first-child { padding-bottom: 10px; margin-bottom: 10px }
	.inner-banner-section .inner-box h2 { line-height: 20px }
	.bootom-strip .breadcrumb li, .bootom-strip .breadcrumb li a { font-size: 14px }
	.about-us-main-section .about-main-box .common-box p { font-size: 14px !important }
	.back-to-top { bottom: 79px }
	.banner-slider-section .common-btn { display: none }
	.banner-slider-section .con-box h2 { padding: 0 }
	.banner-slider-section .con-box { top: 42% !important; }
	.banner-slider-section .owl-dots .owl-dot span { width: 12px; height: 12px; margin-right: 8px }
	.inner-banner-section .inner-box p { width: 57%; }
	.banner-slider-section .con-box span { display: none; }
}
/* virendra */
@media screen and (max-width:1919px) {
.our-perk-section .con-box.culture-box { padding-bottom:55px;}
.our-perk-section .con-box.competitive-compensation-box, .our-perk-section .con-box.professional-growth-box { padding-bottom:52px;}
}
@media screen and (max-width:1599px) {
.our-perk-section .con-box.competitive-compensation-box, .our-perk-section .con-box.professional-growth-box { padding-bottom:70px;}
}
@media screen and (max-width:1439px) {
.our-perk-section .con-box.competitive-compensation-box, .our-perk-section .con-box.professional-growth-box { padding-bottom:80px;}
}
@media screen and (max-width:1279px) {
	.our-perk-section .common-grid .img-box { height: 345px;}
	.our-perk-section .con-box.culture-box { padding-bottom:70px;}
	.our-perk-section .con-box.competitive-compensation-box, .our-perk-section .con-box.professional-growth-box { padding-bottom:15px;}
   .related-prodcut-section .related-prodcut-box .common-grid{ grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:1023px) {
	.our-perk-section .common-grid .box:first-child { display: grid;  grid-template-columns: 1fr 2fr;    gap: 30px;}
	.our-perk-section .common-grid .box:last-child { display: grid;  grid-template-columns: 2fr 1fr;    gap: 30px;}
	.our-perk-section .con-box { padding: 15px !important;}
	.our-perk-section .common-grid .img-box {  height: auto; margin-bottom:0 !important;}
	.our-perk-section .common-grid .img-box img{width:100% !important}
	.our-perk-section .work-life-box {margin-bottom:0!important;}
}

@media screen and (max-width:639px) {
   .related-prodcut-section .related-prodcut-box .common-grid{ grid-template-columns: repeat(1,1fr);}
	.our-perk-section .common-grid .box:first-child, .our-perk-section .common-grid .box:last-child{ grid-template-columns: 1fr;   gap: 20px;}
}