@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1365px) and (max-width: 1440px) {

:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

.menu_sec ul.menu li ul li ul.sub-menu      { left: unset;right: 100%; }	
	
.contact-section .form-section .form-group .submit-btn::before { right: 20px; }	


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    
:root										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; padding: 0 15px; }

.menu_sec ul.menu li						{ margin-right: 20px; }
.menu_sec ul.menu li ul li ul.sub-menu      { left: unset;right: 100%; }	
	
.industries-section .industries-slider.owl-carousel .owl-nav button.owl-prev	{ left: -15px; }
.industries-section .industries-slider.owl-carousel .owl-nav button.owl-next	{ right: -15px; }	

.service-section .right-col					{ gap: 33px; }
	
.contact-section .form-section .form-group .submit-btn::before { right: 20px; }	


}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

header .top-header							{ padding: 0; }
header .top-header .logo					{ max-width: 200px; }
.menu_sec ul.menu li						{ margin-right: 0; padding: 35px 15px 35px 15px; }
.menu_sec ul.menu li a						{ font-size: 16px; line-height: 20px; }
.menu_sec ul.menu li .contact-btn			{ font-size: 16px;line-height: 20px;padding: 12px 65px 12px 15px; }
.menu_sec ul.menu li .contact-btn::before	{ right: 12px; top: 15px; }
.menu_sec ul.menu li .contact-btn::after	{ height: 40px; width: 40px; top: 2px; }
.menu_sec ul.menu li ul li ul.sub-menu      { left: unset;right: 100%; }

	
.homeSlider-section .banner-content			{ width: 65%;top: 40%; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn { padding: 12px 75px 12px 16px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn::before { top: 17px; right: 14px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn::after { height: 40px;width: 40px;top: 4px;right: 5px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn:hover::after { width: 95.5%; }
.homeSlider-section .counter-section		{ padding: 25px; }
.homeSlider-section .counter-section .counterBox .bigText { font-size: 40px; line-height: 50px; }

.elevate-product 							{ padding: 70px 0px 70px 0; }
.elevate-product h2							{ font-size: 30px; line-height: 40px; margin-bottom: 50px; }
.elevate-product .elevate-caption			{ padding-left: 50px; }

.marqueeSec									{ padding: 25px 0px; }

.about-section								{ padding: 70px 0; }
.about-section .about-content h2			{ font-size: 30px; line-height: 40px; }
.about-section .about-content p 			{ margin: 0 0 30px 0; font-size: 16px; line-height: 23px; }
.about-section .about-image 				{ margin: 0; }
.about-section .about-feature 				{ margin-top: 40px; }
.about-section .about-feature .learnmore-btn { margin-top: 30px; padding: 12px 75px 13px 16px; }
.about-section .about-feature .learnmore-btn::before { top: 17px; right: 14px; }
.about-section .about-feature .learnmore-btn::after { height: 40px;width: 40px;top: 4px;right: 5px; }
.about-section .about-feature .learnmore-btn:hover::after { width: 95.5%; }

.explore-Product							{ padding: 70px 0px; }
.explore-Product .explore-heading h2		{ font-size: 30px; line-height: 40px; }
.explore-Product .explore-heading p			{ font-size: 16px; line-height: 23px; }
.explore-Product .explore-product-slider	{ width: 80%; }

.industries-section							{ padding: 50px 0px; }	
.industries-section h2						{ font-size: 30px; line-height: 40px; }
.industries-section .industries-slider.owl-carousel .owl-nav button.owl-prev	{ left: -25px; }
.industries-section .industries-slider.owl-carousel .owl-nav button.owl-next	{ right: -25px; }	
	
.product-application						{ padding: 70px 0px; }
.product-application .product-title h2		{ font-size: 30px; line-height: 40px; }
.product-application .product-title .learnmore-btn { padding: 12px 75px 13px 16px; }
.product-application .product-title .learnmore-btn::before { top: 17px; right: 14px; }
.product-application .product-title .learnmore-btn::after { height: 40px;width: 40px;top: 4px;right: 5px; }
.product-application .product-title .learnmore-btn:hover::after { width: 95.5%; }

.tapping-section							{ padding-top: 70px; }
.tapping-section h2							{ font-size: 30px; line-height: 40px; }
.tapping-section .tab-content				{ padding: 70px 50px 50px 50px; }

.service-section							{ padding: 70px 0px 90px; }
.service-section .service-content h2		{ font-size: 30px; line-height: 40px; }
.service-section .service-content .learnmore-btn { padding: 12px 75px 13px 16px; }
.service-section .service-content .learnmore-btn::before { top: 17px; right: 14px; }
.service-section .service-content .learnmore-btn::after { height: 40px;width: 40px;top: 4px;right: 5px; }
.service-section .service-content .learnmore-btn:hover::after { width: 95.5%; }
.service-section .right-col					{ gap: 30px; padding-left: 20px; }
.service-section .right-col .service-image.left::before { left: -15px; }
.service-section .right-col .service-image.right::before { right: -15px; }

footer .footer-menu h3						{ font-size: 23px; line-height: 28px; }
footer .footer-menu .footer-contact ul li a	{ padding-left: 19px; }
footer .footer-menu .footer-contact ul li a::before, footer .footer-menu .footer-contact ul li p::before { left: -15px; }
footer .footer-menu .footer-contact ul li p { padding-left: 19px; } 
footer .footer-main, .footer-links, .footer-working, .footer-contact { padding: 50px 0px; }
footer .footer-bottom .footer-policy ul li	{ padding-left: 40px; }


.innerbanner-section .innerbox-section .caption { bottom: -85px; }

.innerbanner-section .innerbox-section .caption h1 { font-size: 40px; line-height: 45px; }
.innerbanner-section .innerbox-section .caption p { margin-bottom: 50px; }

.about-caption								{ padding: 70px 0px; }
.about-caption h2							{ font-size: 28px; line-height: 35px; }

.achivement-section							{ padding: 70px 0px 0px; }
.achivement-section h2						{ font-size: 30px; line-height: 40px;}
     
.achivement-section .white-box .counter-text { font-size: 45px; line-height: 50px; padding: 30px 20px; }
.achivement-section .white-box .counter-title { padding: 30px 20px; }
.contact-section .contact-details ul li p
.mission-section							{ padding: 70px 0px; }
.mission-section .mission-box h2			{ font-size: 30px; line-height: 40px; }

.question-section							{ padding: 70px 0px 0px; }
.question-section h2						{ font-size: 30px; line-height: 40px; margin-bottom: 40px; }
.question-section .answer-point .card		{ padding: 25px 20px; }

/* ---------- Carrer Page CSS ---------- (start 18-9-2024) */
.feature-section							{ padding: 70px 0px; }
.feature-section .feature-title h2			{ font-size: 30px; line-height: 40px; }
.feature-section .feature-title p br 		{ display: none; }
.feature-section .carrer-box .job-post .job-details { width: 75%; }
.feature-section .carrer-box .job-post .job-details h3 { font-size: 23px; line-height: 28px; }
.feature-section .carrer-box .job-post .job-details ul { flex-wrap: wrap; gap: 5px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn { padding: 12px 75px 13px 16px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn::before { top: 17px; right: 14px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn::after { height: 40px;width: 40px;top: 4px;right: 5px; }

.productsInfoSec .rightCol .btnBox .askForQuoteBtn { margin: 0 14px 0 0; padding: 15px 60px 15px 20px; }
.productsInfoSec .rightCol .btnBox .callMoreBtn		{ padding: 15px 60px 15px 20px; }
.ourProductsSec h2                                 {width: 65%;}
	
/* ---------- Corporate Governance Page CSS ----------  */
.corporate-governance						{ padding: 70px 0px; }
.corporate-governance .board-of-direcotor .table-box .table thead tr th, .corporate-governance .committe-table .table-box .table thead tr th { padding: 15px; }

/* ---------- Investor Contact page CSS ---------  */
.investor-contact							{ padding: 70px 0px; }	

/* ---------- Contact Page Css ---------- 19-10-2024 start  */
.contact-section							{ padding: 70px 0px; }
.contact-section .form-section h2			{ font-size: 30px; line-height: 40px; }
.contact-section .form-section .form-group .form-control { padding: 15px 20px; }
.contact-section .form-section .form-group textarea.form-control { height: 140px; }
.contact-section .form-section .form-group .submit-btn	 { padding: 15px 80px 15px 20px; }
.contact-section .form-section .form-group .submit-btn::after { height: 50px; width: 50px; }
.contact-section .contact-details			{ padding: 30px; }
.contact-section .contact-details ul li::before { padding: 35px; }
.contact-section .contact-details ul li		{ padding: 0 0 40px 100px; }
.contact-section .contact-details ul li:last-child { padding: 0 0 0 100px; }
.contact-section .form-section .form-group .submit-btn::before { right: 12px; }
.contact-section .contact-details ul li p	{ font-size: 18px; line-height: 28px; }	

.map-section iframe							{ height: 450px; }	

}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root										{ --container-width: 768px; }
.container									{ max-width: 100%; padding: 0 15px; }

header .menu_sec							{ display: none; }
header .top-header							{ padding: 15px 0px; }
header .top-header .logo					{ max-width: 180px; }
	
.Mobilemenu [id*="rmp_menu_trigger-"]		{ right: 2% !important; outline: none; }

.homeSlider-section							{ padding: 0 15px; margin-bottom: 70px; }
.homeSlider-section .container 				{ padding: 0 30px; }
.homeSlider-section .banner-content			{ width: 70%; top: 35%; }
.homeSlider-section .banner-content .banner-heading h1 { font-size: 35px; line-height: 45px; }
.homeSlider-section .banner-content .banner-heading p { font-size: 16px; line-height: 20px; margin-bottom: 30px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn { font-size: 16px;line-height: 20px;padding: 12px 65px 12px 15px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn::before { right: 12px; top: 15px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn::after { height: 40px; width: 40px; top: 2px; }
.homeSlider-section .counter-section		{ padding: 20px; right: 15px; bottom: -70px; }
.homeSlider-section .counter-section h3		{ font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.homeSlider-section .counter-section .counterBox { margin-bottom: 20px; }
.homeSlider-section .counter-section .counterBox { margin-bottom: 20px; }
.homeSlider-section .counter-section .counterBox .bigText { font-size: 30px; line-height: 40px; }
.homeSlider-section .home-slider .item img { height: 600px; }

.elevate-product							{ padding: 50px 0px; }
.elevate-product h2							{ font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.elevate-product .elevate-caption			{ padding-left: 0; }
.elevate-product .elevate-caption p			{ font-size: 16px; line-height: 23px; }

.marqueeSec									 { padding: 20px 0px; }
.marqueeSec .marquee-container .marquee-text { font-size: 18px; line-height: 25px; }

.about-section								{ padding: 50px 0; }
.about-section .about-content h2 			{ font-size: 25px; line-height: 30px; }
.about-section .about-content p 			{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.about-section .about-image 				{ margin: 0; }
.about-section .about-feature 				{ margin-top: 30px; }
.about-section .about-feature .feature-box	{ width: 100%; }
.about-section .about-feature .feature-box h2 { font-size: 18px; line-height: 22px; }
.about-section .about-feature .learnmore-btn { margin-top: 20px; padding: 12px 65px 12px 15px; font-size: 16px; line-height: 20px; }
.about-section .about-feature .learnmore-btn::before { right: 12px; top: 15px; }
.about-section .about-feature .learnmore-btn::after { height: 40px; width: 40px; top: 2px; }

.explore-Product							{ padding: 50px 0px; }
.explore-Product .explore-heading h2		{ font-size: 25px; line-height: 30px; }
.explore-Product .explore-heading p			{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.explore-Product .explore-product-slider	{ width: 100%; }
.explore-Product .explore-product-slider .product-box h3 { font-size: 18px; line-height: 22px; }
.explore-Product .explore-product-slider.owl-carousel .owl-nav button.owl-next { right: -12px; }
.explore-Product .explore-product-slider.owl-carousel .owl-nav button.owl-prev { left: -12px; }

.industries-section							{ padding: 50px 0px; }	
.industries-section h2						{ font-size: 25px; line-height: 30px; }
	
.product-application						 { padding: 50px 0px; background: linear-gradient(to right, #F5F5F5 66%, #C62128 34%); }
.product-application .product-title			 { padding-bottom: 30px; }
.product-application .product-title h2  	 { font-size: 25px; line-height: 30px; }
.product-application .product-title .learnmore-btn { font-size: 16px;line-height: 20px;padding: 13px 65px 13px 15px; }
.product-application .product-title .learnmore-btn::before { right: 12px; top: 15px;}
.product-application .product-title .learnmore-btn::after { height: 40px;	width: 40px;}
.product-application .item .application-title h3 { font-size: 16px; line-height: 20px; }
.product-application .product-application-slider { width: 100%; padding: 15px; }

.tapping-section							  { padding-top: 50px; }
.tapping-section h2							  { font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.tapping-section .tapping-heading .nav		  { flex-wrap: nowrap; overflow: scroll;}
.tapping-section .tapping-heading .nav li	  { white-space: nowrap; }
.tapping-section .nav-pills .nav-link		  { font-size: 18px;line-height: 22px;padding: 8px 12px; }
.tapping-section .tab-content				  { padding: 70px 50px 50px 50px; }
.tapping-section .tab-content p				  { font-size: 16px; line-height: 22px; }

.service-section							  { padding: 50px 0px 80px; }
.service-section .service-content h2		  { font-size: 25px; line-height: 30px; }
.service-section .service-content p 		  { font-size: 16px; line-height: 22px; margin-bottom: 30px; }
.service-section .right-col					  { gap: 10px; }
.service-section .right-col .service-image.left::before { left: -12px; }
.service-section .right-col .service-image.right::before { right: -12px; }
.service-section .service-content .learnmore-btn { font-size: 16px; line-height: 20px; padding: 13px 65px 13px 15px; }
.service-section .service-content .learnmore-btn::before { right: 12px; top: 15px; }
.service-section .service-content .learnmore-btn::after  { height: 40px; width: 40px; }
.service-section .service-content .learnmore-btn:hover::after { width: 96%; }


footer .footer-main .footer-working, .footer-contact { padding: 50px 0px; }
footer  .footer-links                          { border-right: 0px solid rgba(255, 255, 255, 0.1);}
footer .footer-menu .footer-logo			   { max-width: 200px; margin-bottom: 30px; }
footer .footer-menu .footer-links ul li		   { padding-bottom: 10px; }
footer .footer-menu h3						   { font-size: 20px; line-height: 25px; margin-bottom: 30px; }
footer .footer-menu .footer-working ul li	   { padding-bottom: 10px; }
footer .footer-menu .footer-contact ul li	   { padding-bottom: 10px; }
footer .footer-bottom .footer-policy ul li     { padding-right: 20px; }

/* ---------- Inner Pages CSS ----------  */	

.innerbanner-section .innerbox-section .caption	{ padding: 20px; max-width: 400px; bottom: -65px; }
.innerbanner-section .innerbox-section .caption h3 { font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.innerbanner-section .innerbox-section .caption h3::before { width: 200px; top: 10px; }
.innerbanner-section .innerbox-section .caption h1 { font-size: 35px; line-height: 45px; }
.innerbanner-section .innerbox-section .caption p { margin-bottom: 20px; }
.innerbanner-section .innerbox-section .caption p br { display: none; }
.innerbanner-section .innerbox-section .caption .breadcrumb	{ font-size: 16px; row-gap: 5px; }
	
.innerSection								{ padding: 50px 0px; }	
.innerSection h2							{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }
.innerSection h3							{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.innerSection h4							{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
.innerSection h5							{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.innerSection h6							{ margin: 0 0 15px 0; font-size: 16px; line-height: 23px; }
.innerSection p								{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.innerSection ul li							{ padding: 0 0 15px 25px; font-size: 16px; line-height: 23px; }
.innerSection ul li::before					{ top: 5px; height: 15px; width: 15px; background-size: 65%; }
.innerSection ol li							{ font-size: 16px; line-height: 23px; }
.innerSection ol li::before					{ top: 4px; }	
	
/* ---------- About Page CSS ----------  */
	
.about-caption								{ padding: 50px 0px; }
.about-caption h2							{ font-size: 25px; line-height: 30px; }
.about-caption p							{ font-size: 16px;  line-height: 22px; }

.achivement-section							{ padding: 50px 20px 0px 0px; min-height: auto; }
.achivement-section h2						{ font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.achivement-section .white-box				{  height: calc(100% - 30px);margin-bottom: 30px; }
.achivement-section .white-box .counter-text   { font-size: 35px;line-height: 40px;padding: 20px; }
.achivement-section .white-box .counter-title  { padding: 20px; font-size: 16px; line-height: 23px; }	
		  
.mission-section							{ padding: 50px 0px; }	
.mission-section .mission-box				{ padding-bottom: 30px; margin-bottom: 20px; }
.mission-section .mission-box h2			{ font-size: 25px; line-height: 30px; }
.mission-section .mission-box p				{ font-size: 16px; line-height: 23px; }

.question-section							{ padding: 50px 0px 0px; }
.question-section h2						{ font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.question-section .answer-point .card		{ padding: 20px 15px; }
.question-section .answer-point .card-header .btn-link::before { height: 30px; width: 30px; background-size: 30%; }
.question-section .answer-point .card-header .btn-link::after { width: 15px; height: 15px; }
.question-section .answer-point .card-header .btn-link {text-wrap: wrap;font-size: 18px;line-height: 23px;padding: 0px 30px 0px 50px;}
.question-section .answer-point .card .card-body p { font-size: 16px; line-height: 23px; }

	
/* ---------- Carrer Page CSS ----------  */
	
.feature-section							{ padding: 50px 0px; }
.feature-section .feature-title				{ padding-bottom: 30px; }
.feature-section .feature-title	h2 			{ font-size: 25px; line-height: 30px; }
.feature-section .feature-title p br 		{ display: none; }
.feature-section .carrer-box				{ padding: 20px; }
.feature-section .carrer-box .job-post		{ padding: 20px; }
.feature-section .carrer-box .job-post .job-details { width: 70%; }
.feature-section .carrer-box .job-post .job-details .time-box { padding: 4px 8px; }
.feature-section .carrer-box .job-post .job-details h3 { font-size: 20px; line-height: 25px; }
.feature-section .carrer-box .job-post .job-details ul { flex-wrap: wrap; gap: 5px; }
.feature-section .carrer-box .job-post .job-details ul li { margin-right:20px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn { font-size: 16px;line-height: 20px;padding: 13px 65px 13px 15px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn::before { right: 12px; top: 15px;}
.feature-section .carrer-box .job-post .job-apply .apply-btn::after { height: 40px;	width: 40px;}	
	
/* ---------- Poduct Listing and Product Details Page CSS ----------  */	
	
.ourProductsSec								{ padding: 50px 0px 20px 0px; }
.ourProductsSec h2							{ width: 50%; font-size: 25px; line-height: 30px; }
.ourProductsSec .title-wrap					{ margin: 0 0 30px 0; }		
.ourProductsSec .totalNum					{ font-size: 14px; line-height: 24px; }

.productsInfoSec							{ padding: 50px 0px; }
.productsInfoSec .leftCol					{ margin: 0 0 30px 0; }
.productsInfoSec .rightCol h2				{ margin: 0 0 15px 0; font-size: 25px; line-height: 30px; }
.productsInfoSec .rightCol .product-cont h4	{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.productsInfoSec .rightCol p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }

.productsInfoSec .rightCol .btnBox .askForQuoteBtn { margin: 0px 0px 20px 0; }

.productsInfoSec .rightCol .products-detail	{ margin: 30px 0 0 0; }	
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button	{ padding: 15px 30px 15px 0px; font-size: 18px; line-height: 28px; }

.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-body .application	{ gap: 5px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-body .application .tag a	{ padding: 5px 10px; font-size: 14px; font-size: 14px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button.collapsed:after	{ width: 8px; height: 12px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button:after { width: 12px; height: 9px; }

.productDescription							{ padding: 30px 0 30px; }
.productDescription h3						{ margin: 0 0 15px 0; font-size: 28px; line-height: 38px; }
.productDescription h4						{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.productDescription h5						{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
.productDescription h6						{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.productDescription p						{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.productDescription ul li					{ padding: 0 0 15px 25px; font-size: 16px; line-height: 23px; }
.productDescription ul li::before			{ top: 5px; height: 15px; width: 15px; background-size: 65%; }
.productDescription ol li					{ font-size: 16px; line-height: 23px; }
.productDescription ol li::before			{ top: 4px; }

	
.inquiryForm .form-wrap .form-group .form-control { padding: 12px 15px; font-size: 16px; line-height: 23px; }
.inquiryForm .form-wrap .form-group	{ margin-bottom: 15px; }
.inquiryForm .form-wrap .form-group textarea.form-control { height: 120px; }
.inquiryForm .form-wrap .form-group .submit-btn {padding: 15px 80px 15px 20px; font-size: 18px;line-height: 22px;}
.inquiryForm .form-wrap .form-group .submit-btn::after { height: 50px; width: 50px; }
.inquiryForm .form-wrap .form-group .submit-btn::before { right: 13px; }
	
/* ---------- Corporate Governance Page CSS ----------  */
	
.corporate-governance						{ padding: 50px 0px; }
.corporate-governance .board-of-direcotor	{ margin-bottom: 40px; }
.corporate-governance .board-of-direcotor h3 { font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.corporate-governance .committe-table		{ margin-bottom: 30px; }
.corporate-governance .committe-table h3, .corporate-governance .committe-table h3, .corporate-governance .committe-table h3 { font-size: 25px; line-height: 30px; padding: 0 0 0 25px; margin-bottom: 20px;}
.corporate-governance .board-of-direcotor .table-box .table thead tr th, .corporate-governance .committe-table .table-box .table thead tr th { font-size: 16px; line-height: 20px; padding: 13px;}
.corporate-governance .board-of-direcotor .table-box .table tbody tr td, .corporate-governance .committe-table .table-box .table tbody tr td { font-size: 16px; line-height: 20px; padding: 13px; }

/* ---------- Investor Contact page CSS ---------  */
.investor-contact							{ padding: 50px 0px; }
.investor-contact .investor-box .investor-department h3 { font-size: 20px; line-height: 25px; }
.investor-contact .investor-box .investor-department ul { flex-wrap: wrap; }
.investor-contact .investor-box .investor-department { padding: 15px; margin-bottom: 15px; }
.investor-contact .investor-box .investor-details { padding: 0px 15px; }
.investor-contact .investor-box .investor-details ul li { padding-right: 30px; margin-bottom: 20px; }
.investor-contact .investor-box .investor-details ul li:last-child { margin-bottom: 0; }	
	
/* ---------- Contact Page Css ----------  */
.contact-section							{ padding: 50px 0px; }
.contact-section .form-section h2			{ font-size: 25px; line-height: 30px; }
.contact-section .form-section .form-group .form-control {padding: 12px 15px;font-size: 16px;line-height: 23px;}
.contact-section .form-section .form-group 	{ margin-bottom: 15px; }
.contact-section .form-section .form-group textarea.form-control { height: 120px; }
.contact-section .form-section .form-group .submit-btn { padding: 15px 80px 15px 20px; font-size: 18px;line-height: 22px; }
.contact-section .form-section .form-group .submit-btn::after { height: 50px; width: 50px; }
.contact-section .contact-details			{ padding: 30px 20px; }
.contact-section .contact-details ul li		{padding: 0 0 30px 65px;}
.contact-section .contact-details ul li:last-child { padding: 0 0 0 65px; }
.contact-section .contact-details ul li::before { padding: 25px; background-size: 40%; }
.contact-section .form-section .form-group .submit-btn::before { right: 13px; }
.contact-section .contact-details ul li p	{ font-size: 15px; line-height: 25px; }


}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px;}

header .top-header							{ padding: 15px 0px; }
header .menu_sec							{ display: none; }
header .top-header .logo					{ max-width: 150px; }

.Mobilemenu [id*="rmp_menu_trigger-"]		{ outline: none; }	

.homeSlider-section							{ padding: 0 15px; margin-bottom: 70px; }
.homeSlider-section .container 				{ padding: 0 30px; }
.homeSlider-section .banner-content			{ width: 90%; top: 35%; }
.homeSlider-section .banner-content .banner-heading h1 { font-size: 35px; line-height: 45px; margin-bottom: 15px; }
.homeSlider-section .banner-content .banner-heading p { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn { font-size: 14px; padding: 10px 50px 10px 15px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn::before { top: 13px; right: 11px;}
.homeSlider-section .banner-content .banner-heading .learnmore-btn::after { width: 35px; height: 35px; top: 4px; }
.homeSlider-section .banner-content .banner-heading .learnmore-btn:hover::after { width: 95%; }
.homeSlider-section .counter-section		{ width: auto; padding: 20px; right: 15px; bottom: -70px; left: 15px; }
.homeSlider-section .counter-section h3		{ font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.homeSlider-section .counter-section h3::before { width: 120px; }
.homeSlider-section .counter-section .counterBox { margin-bottom: 20px; }
.homeSlider-section .counter-section .counterBox .bigText { font-size: 30px; line-height: 40px; }
.homeSlider-section .home-slider .item img { height: 580px; }

.elevate-product							{ padding: 30px 0px; }
.elevate-product h2							{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.elevate-product .elevate-caption			{ padding: 30px 0px 0; }
.elevate-product .elevate-caption p			{ font-size: 16px; line-height: 23px; }

.marqueeSec									{ padding: 20px 0px; }
.marqueeSec .marquee-container .marquee-text { font-size: 18px; line-height: 25px; }

.about-section								{ padding: 30px 0; }
.about-section .about-content h2       		{ font-size: 25px; line-height: 30px; }
.about-section .about-content p 			{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.about-section .about-image 				{ margin: 20px 0 0 0; }
.about-section .about-feature 				{ margin-top: 20px; }
.about-section .about-feature .feature-box	{ width: 100%; }
.about-section .about-feature .feature-box .feature-image { width: 70px; height: 70px; }
.about-section .about-feature .feature-box h2 { font-size: 18px; line-height: 22px; }
.about-section .about-feature .learnmore-btn { margin-top: 10px; padding: 10px 50px 10px 15px; font-size: 14px; }
.about-section .about-feature .learnmore-btn::before { top: 13px; right: 11px; }
.about-section .about-feature .learnmore-btn::after { width: 35px; height: 35px; top: 4px; }
.about-section .about-feature .learnmore-btn:hover::after { width: 95%; }

.explore-Product							{ padding: 30px 0px; }
.explore-Product .explore-heading h2		{ font-size: 25px; line-height: 30px; }
.explore-Product .explore-heading p			{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.explore-Product .explore-heading p br 		{ display: none; }
.explore-Product .explore-product-slider	{ width: 100%; }
.explore-Product .explore-product-slider .product-box h3 { font-size: 18px; line-height: 22px; }
.explore-Product .explore-product-slider.owl-carousel .owl-nav button.owl-next { right: -10px; }
.explore-Product .explore-product-slider.owl-carousel .owl-nav button.owl-prev { left: -10px; }
	
.industries-section							{ padding: 30px 0px; }	
.industries-section h2						{ font-size: 25px; line-height: 30px; }
	
.product-application						{ padding: 30px 0px; }
.product-application .product-title			{ padding-bottom: 30px; }
.product-application .product-title h2		{ font-size: 25px; line-height: 30px; }
.product-application .product-title .product-heading {  width: calc(100% - 160px); }
.product-application .product-application-slider { width: 100%; padding: 15px; }
.product-application .product-title .learnmore-btn { font-size: 14px; padding: 9px 50px 9px 15px; }
.product-application .product-title .learnmore-btn::before	{ top: 13px; right: 11px; }
.product-application .product-title .learnmore-btn::after	{ height: 35px; width: 35px; }
.product-application .product-title .learnmore-btn:hover::after { width: 96%; }
.product-application .item .application-title h3 { font-size: 16px; line-height: 20px; }

.tapping-section							{ padding-top: 30px; }
.tapping-section h2							{ font-size: 25px; line-height: 30px; margin-bottom: 30px; }
.tapping-section .tapping-heading .nav		{ flex-wrap: nowrap; overflow: scroll; gap: 5px; }
.tapping-section .tapping-heading .nav li	{ white-space: nowrap; }
.tapping-section .nav-pills .nav-link		{ font-size: 16px; line-height: 22px; padding: 8px 10px; }
.tapping-section .tab-content				{ padding: 50px 20px 20px 20px; }
.tapping-section .tab-content p 			{ font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.tapping-section .tab-content .image		{ padding-top: 20px; }

.service-section							{ padding: 30px 0px 70px; }
.service-section .service-content h2		{ font-size: 25px; line-height: 30px; }
.service-section .service-content p			{ font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.service-section .service-content .learnmore-btn { font-size: 14px; padding: 10px 50px 10px 15px; }
.service-section .service-content .learnmore-btn::before { top: 13px; right: 11px; }
.service-section .service-content .learnmore-btn::after { width: 35px; height: 35px; top: 4px; }
.service-section .service-content .learnmore-btn:hover::after { width: 95%; }
.service-section .right-col					{ margin-top: 30px; padding-left: 0; gap: 10px; }
.service-section .right-col .service-image.left::before	{ left: -15px; }
.service-section .right-col .service-image.right::before { right: -15px; }

footer .footer-main, .footer-links, .footer-working, .footer-contact { padding: 30px 0 0px; border-right: 0px solid rgba(255, 255, 255, 0.1); }
footer .footer-menu .footer-logo			{ max-width: 200px; margin-bottom: 20px; }
footer .footer-menu h3						{ font-size: 20px; line-height: 25px; margin-bottom: 20px; }
footer .footer-menu .footer-links ul li		{ padding-bottom: 10px; }
footer .footer-menu .footer-working ul li	{ padding-bottom: 10px; }
footer .footer-menu .footer-contact ul li 	{ padding-bottom: 10px; }

footer .footer-bottom						{ padding: 20px 0px; }
footer .footer-bottom .footer-copyright		{ padding-bottom: 20px; }
footer .footer-bottom .footer-socialicon	{ padding-bottom: 20px; }
footer .footer-bottom .footer-socialicon ul	{ justify-content: start; }
footer .footer-bottom .footer-policy ul		{ justify-content: start; }
footer .footer-bottom .footer-policy ul li  { padding-right: 20px; }

/* ---------- Inner Pages CSS ----------  */	
	
.innerbanner-section .innerbox-section .caption	{ padding: 20px; width: 92%; bottom: -35px; }
.innerbanner-section .innerbox-section .caption h3	{ margin-bottom: 5px; font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.innerbanner-section .innerbox-section .caption h3::before { width: 120px; top: 11px; }
.innerbanner-section .innerbox-section .caption h1	{ font-size: 35px; line-height: 45px; }
.innerbanner-section .innerbox-section .caption p { margin-bottom: 20px; line-height: 22px; }
.innerbanner-section .innerbox-section .caption p br { display: none; }

.innerbanner-section .innerbox-section .caption .breadcrumb	{ padding: 8px 12px; font-size: 16px; line-height: 20px; }

.marqueeSec.Inner							{ padding: 50px 0 20px 0; }
	
	
.innerSection							{ padding: 30px 0 30px; }
.innerSection h2						{ margin: 0 0 15px 0; font-size: 25px; line-height: 35px; }
.innerSection h3						{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.innerSection h4						{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
.innerSection h5						{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.innerSection h6						{ margin: 0 0 15px 0; font-size: 16px; line-height: 23px; }
.innerSection p							{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.innerSection ul li						{ padding: 0 0 15px 25px; font-size: 16px; line-height: 23px; }
.innerSection ul li::before				{ top: 5px; height: 15px; width: 15px; background-size: 65%; }
.innerSection ol li						{ font-size: 16px; line-height: 23px; }
.innerSection ol li::before				{ top: 4px; }	

/* ---------- About Page CSS ----------  */
	
.about-caption								{ padding: 30px 0px; }
.about-caption h2							{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.about-caption p							{ font-size: 16px; line-height: 22px; }
	
.achivement-section							{ padding: 30px 0px 10px 0px;}
.achivement-section h2						{ font-size:25px; line-height: 30px; margin-bottom: 30px; }
.achivement-section .white-box				{ height: calc(100% - 30PX); margin-bottom: 30px; }
.achivement-section .white-box .counter-text { font-size: 35px; line-height: 40px; padding: 20px 15px; }
.achivement-section .white-box .counter-title { padding: 20px 15px; font-size: 16px; line-height: 20px; }

.mission-section							{ padding: 30px 0px; }
.mission-section .mission-box				{ padding-bottom: 20px; margin-bottom: 20px; }
.mission-section .mission-box h2			{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.mission-section .mission-box p				{ font-size: 16px; line-height: 22px; }

.question-section							{ padding: 30px 0px 0px; }
.question-section h2						{ font-size:25px; line-height: 30px; margin-bottom: 30px; }
.question-section .answer-point .card		{ padding: 15px; }
.question-section .answer-point .card-header .btn-link {padding: 0px 25px 0px 0px;font-size: 18px;line-height: 22px;}
.question-section .answer-point .card-header .btn-link::before { display: none; }
.question-section .answer-point .card .card-body {padding: 15px 0 0 0;margin-top: 15px;}
.question-section .answer-point .card .card-body p{  font-size: 16px; line-height: 22px; }
.question-section .answer-point .card-header .btn-link::after { height: 15px; width: 15px; }

/* ---------- Carrer Page Css ----------  */

.feature-section							 { padding: 30px 0px; }
.feature-section .feature-title				 { padding-bottom: 20px; }
.feature-section .feature-title h2			 { font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.feature-section .feature-title p			 { font-size: 16px; line-height: 23px; }
.feature-section .feature-title p br 		 { display: none; }
.feature-section .carrer-box				 { padding: 20px; }	
.feature-section .carrer-box .job-post		 { flex-wrap: wrap; margin-bottom: 20px; padding: 20px; }
.feature-section .carrer-box .job-post .job-details { width: 100%; }
.feature-section .carrer-box .job-post .job-details .time-box { margin-bottom: 15px; padding: 4px 8px; }
.feature-section .carrer-box .job-post .job-details h3 { font-size: 20px; line-height: 25px; }
.feature-section .carrer-box .job-post .job-details p  { margin-bottom: 15px; }
.feature-section .carrer-box .job-post .job-details ul { flex-wrap: wrap; margin-bottom: 20px; gap: 5px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn { font-size: 14px; padding: 10px 50px 10px 15px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn::before { top: 13px; right: 11px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn::after { width: 35px; height: 35px; top: 4px; }
.feature-section .carrer-box .job-post .job-apply .apply-btn:hover::after { width: 95%; }


/* ---------- Product Listing and Product Detail Page CSS ----------  */

.ourProductsSec								{ padding: 30px 0px; }
.ourProductsSec .title-wrap					{ margin: 0 0 30px 0; flex-direction: column; align-items: flex-start; }
.ourProductsSec h2							{ font-size: 25px; line-height: 35px; }
.ourProductsSec .totalNum					{ font-size: 14px; line-height: 24px; }

.single-product .ourProductsSec .title-wrap { align-items: center; }

.productsInfoSec							{ padding: 30px 0px; }
.productsInfoSec .leftCol					{ margin: 0 0 30px 0; }
.productsInfoSec .rightCol h2				{ margin: 0 0 15px 0; font-size: 25px; line-height: 30px; }
.productsInfoSec .rightCol .product-cont h4	{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.productsInfoSec .rightCol p				{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.productsInfoSec .rightCol .btnBox			{ text-align: center; }

.productsInfoSec .rightCol .btnBox .askForQuoteBtn { margin: 0px 0px 20px 0; font-size: 14px; padding: 10px 50px 10px 15px; }
.productsInfoSec .rightCol .btnBox .askForQuoteBtn::before	{ right: 11px; top: 14px; }
.productsInfoSec .rightCol .btnBox .askForQuoteBtn::after	{ height: 35px; width: 35px; top: 4px; right: 4px; }
.productsInfoSec .rightCol .btnBox .askForQuoteBtn:hover::after { width: 95%; }

.productsInfoSec .rightCol .btnBox .callMoreBtn	{ margin: 0px 0px 0; font-size: 14px; padding: 10px 50px 10px 15px; }
.productsInfoSec .rightCol .btnBox .callMoreBtn::before	{ right: 11px; top: 14px; }
.productsInfoSec .rightCol .btnBox .callMoreBtn::after	{ height: 35px; width: 35px; top: 4px; right: 4px; }
.productsInfoSec .rightCol .btnBox .callMoreBtn:hover::after { width: 96%; }

.productsInfoSec .rightCol .products-detail	{ margin: 30px 0 0 0; }	
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button	{ padding: 15px 30px 15px 0px; font-size: 18px; line-height: 28px; }

.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-body .application	{ gap: 5px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-body .application .tag a	{ padding: 5px 10px; font-size: 14px; font-size: 14px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button.collapsed:after	{ width: 8px; height: 12px; }
.productsInfoSec .rightCol .products-detail .products-accordion .accordion-item .accordion-button:after { width: 12px; height: 9px; }

.productDescription							{ padding: 30px 0 30px; }
.productDescription h3						{ margin: 0 0 15px 0; font-size: 28px; line-height: 38px; }
.productDescription h4						{ margin: 0 0 15px 0; font-size: 22px; line-height: 32px; }
.productDescription h5						{ margin: 0 0 15px 0; font-size: 20px; line-height: 30px; }
.productDescription h6						{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
.productDescription p						{ margin: 0 0 20px 0; font-size: 16px; line-height: 23px; }
.productDescription ul li					{ padding: 0 0 15px 25px; font-size: 16px; line-height: 23px; }
.productDescription ul li::before			{ top: 5px; height: 15px; width: 15px; background-size: 65%; }
.productDescription ol li					{ font-size: 16px; line-height: 23px; }
.productDescription ol li::before			{ top: 4px; }
	
.inquiryForm .form-wrap h2 					{ margin: 0px 0 15px 0; font-size: 20px; line-height: 25px; }
.inquiryForm .form-wrap .form-group .form-control { padding: 10px 15px;font-size: 16px;line-height: 23px; }
.inquiryForm .form-wrap .form-group	{ margin-bottom: 15px; }
.inquiryForm .form-wrap .form-group textarea.form-control { height: 100px; }
.inquiryForm .form-wrap .form-group .submit-btn {padding: 10px 80px 10px 20px; font-size: 18px; line-height: 22px;}
.inquiryForm .form-wrap .form-group .submit-btn::after { height: 42px; width: 42px; }
.inquiryForm .form-wrap .form-group .submit-btn::before { right: 10px; }	
	
/* ---------- Corporate Governance Page CSS ----------  */

.corporate-governance						{ padding: 30px 0px; }
.corporate-governance .board-of-direcotor	{ margin-bottom: 30px; }
.corporate-governance .board-of-direcotor h3 { font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.corporate-governance .committe-table		{ margin-bottom: 30px; }
.corporate-governance .committe-table h3, .corporate-governance .committe-table h3, .corporate-governance .committe-table h3 {font-size: 25px;line-height: 30px;padding: 0 0 0 25px;margin-bottom: 20px;}
.corporate-governance .board-of-direcotor .table-box .table thead tr th, .corporate-governance .committe-table .table-box .table thead tr th { font-size: 16px; line-height: 20px; padding: 12px;}
.corporate-governance .board-of-direcotor .table-box .table tbody tr td, .corporate-governance .committe-table .table-box .table tbody tr td { font-size: 16px; line-height: 20px; padding: 12px; }

/* ---------- Investor Contact page CSS ---------  */

.investor-contact							{ padding: 30px 0px; }
.investor-contact .investor-box .investor-department {padding: 15px;margin-bottom: 15px;}
.investor-contact .investor-box .investor-department h3 { font-size: 20px; line-height: 25px; }
.investor-contact .investor-box .investor-department ul { flex-wrap: wrap; }
.investor-contact .investor-box .investor-department ul li { border: none; }
.investor-contact .investor-box .investor-details { padding: 0px 15px; }
.investor-contact .investor-box .investor-details .address { margin-bottom: 15px; }
.investor-contact .investor-box .investor-details .address h5, .investor-contact .investor-box .investor-details ul li h5 { font-size: 16px; line-height: 20px; }
.investor-contact .investor-box .investor-details .address p, .investor-contact .investor-box .investor-details ul li p, .investor-contact .investor-box .investor-department p { line-height: 23px; }
.investor-contact .investor-box .investor-details ul li { padding-right: 10px; margin-bottom: 10px; }
.investor-contact .investor-box .investor-details ul li:last-child { margin-bottom: 0; }	
	
	
/* ---------- Contact Page Css ---------- 19-10-2024 start  */

.contact-section .form-section				{ margin-bottom: 30px; }
.contact-section							{ padding: 30px 0px; }
.contact-section .form-section h2			{ font-size: 25px; line-height: 30px; }
.contact-section .form-section .form-group .form-control { padding: 10px 15px;font-size: 16px;line-height: 23px; }
.contact-section .form-section .form-group	{ margin-bottom: 15px; }
.contact-section .form-section .form-group textarea.form-control { height: 100px; }
.contact-section .form-section .form-group .submit-btn {padding: 10px 80px 10px 20px; font-size: 18px; line-height: 22px;}
.contact-section .form-section .form-group .submit-btn::after { height: 42px; width: 42px; }
.contact-section .form-section .form-group .submit-btn::before { right: 10px; }
.contact-section .contact-details			{padding: 20px 10px;}
.contact-section .contact-details ul li		{padding: 0 0 30px 60px;}
.contact-section .contact-details ul li::before {padding: 25px;background-size: 45%;}
.contact-section .contact-details ul li p	{ font-size: 15px; line-height: 25px; }
.contact-section .contact-details ul li:last-child { padding: 0 0 0 60px; }

.map-section iframe							{ height: 400px; }	


}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }


.productsInfoSec .rightCol .btnBox 			{ text-align: left; }

}