@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: 1350px; } 
.container                                  { max-width: 1350px; }


}

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

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


}

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

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


}

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

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

.menu_sec ul.menu 							{ margin-right: 50px; }
.menu_sec ul.menu li 						{ margin-right: 30px; }

.banner-section .banner-containe h2 		{ font-size: 70px; line-height: 80px; }

.who-we-sec h1 								{ font-size: 70px; line-height: 80px; }

.manufacture-sec h2 						{ font-size: 70px; line-height: 80px; }
.why-us-sec h2 								{ font-size: 70px; line-height: 80px; max-width: 600px; }


/* ---------- Inner Banner Css ---------- */
.inner-banner-section h2 					{ font-size: 75px; line-height: 80px; }


/* ---------- About Company Page Css ---------- */
.who-we-about-sec 							{ padding-top: 120px; } 
.who-we-about-sec h1 						{ font-size: 70px; line-height: 80px; }
.core-benefits-sec h2 						{ max-width: 500px; font-size: 70px; line-height: 80px; }


/* ---------- Contact Page Css ---------- */
.contact-sec 								{ padding: 120px 0px 40px 0px; }
.contact-sec h1 							{ font-size: 70px; line-height: 80px; }


/* ---------- Product Inner Page Css ---------- */
.product-inner-sec 							{ padding: 120px 0px 45px 0px; }
.product-inner-sec h1 						{ font-size: 55px; line-height: 70px; }


/* ---------- Modal Watch Video ---------- */
.modalVideo .modal-dialog .modal-content .modal-header iframe { height: 690px; }



}

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

header 										{ padding: 20px 30px 0px 30px; }
header .main-header 						{ flex-wrap: nowrap; }
header.sticky 								{ padding: 0px 30px 0px 30px; }
header .main-header img 					{ max-width: 200px; }
.menu_sec ul.menu 							{ margin-right: 25px; }
.menu_sec ul.menu li	 					{ margin-right: 25px; }
header .main-header .menu_sec .get-quote a 	{ font-size: 18px; line-height: 22px; padding: 10px 15px; }
header .main-header .menu_sec .get-quote a span { margin-left: 5px; padding: 8px 11px; }

.banner-section 							{ height: 800px; padding-top: 105px; }
.banner-section .banner-containe h2 		{ font-size: 70px; line-height: 80px; }

.who-we-sec 								{ padding: 120px 0; }
.who-we-sec h1 								{ font-size: 70px; line-height: 80px; margin-bottom: 50px; }

.manufacture-sec h2 						{ font-size: 70px; line-height: 80px; }
.why-us-sec h2 								{ font-size: 70px; line-height: 80px; max-width: 600px; }


/* ---------- Form Pop Up CSs ---------- */
#cboxLoadedContent 							{ padding: 25px; }

.tempalte-pop h2 							{ font-size: 32px; line-height: 42px; margin-bottom: 20px; }
.tempalte-pop .contact-form .form-control 	{ font-size: 16px; line-height: 20px; height: 45px; padding: 5px 10px; margin-bottom: 15px; }
.tempalte-pop .contact-form textarea 		{ height: 150px !important; }
.tempalte-pop .contact-form .submit-btn 	{ font-size: 16px; line-height: 23px; padding: 10px 15px; }


/* ---------- Inner Banner Css ---------- */
.inner-banner-section h2 					{ font-size: 75px; line-height: 80px; }


/* ---------- About Company Page Css ---------- */
.who-we-about-sec 							{ padding-top: 120px; } 
.who-we-about-sec h1 						{ font-size: 70px; line-height: 80px; }
.core-benefits-sec h2 						{ max-width: 500px; font-size: 70px; line-height: 80px; }


/* ---------- Our Products Page Css ---------- */
.high-quality-sec .qualityBox .leftPart .product-slider { max-width: 500px; }


/* ---------- Product Inner Page Css ---------- */
.product-inner-sec 							{ padding: 120px 0px 45px 0px; }
.product-inner-sec h1 						{ font-size: 55px; line-height: 70px; }


/* ---------- Contact Page Css ---------- */
.contact-sec 								{ padding: 120px 0px 40px 0px; }
.contact-sec h1 							{ font-size: 70px; line-height: 80px; }
.contact-sec .contactBox .rightPart ul li p { font-size: 22px; }
.contact-sec .contactBox .rightPart ul li a { font-size: 22px; }
.contact-sec .contactBox .leftPart .contact-form textarea { height: 170px !important; }


/* ---------- Modal Watch Video ---------- */
.modalVideo .modal-dialog .modal-content .modal-header iframe { width: 1015px; height: 570px; }


}

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

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

header 										{ padding: 15px 15px 0px 15px; }
header.sticky 								{ padding: 0px 15px 0px 15px; }
header .logo img 							{ max-width: 180px; }
header .main-header 						{ padding: 10px 15px; flex-wrap: nowrap; }
.menu_sec ul.menu 							{ margin-right: 20px; }
.menu_sec ul.menu li	 					{ margin-right: 15px; }
.menu_sec ul.menu li a 						{ font-size: 16px; line-height: 26px; }
header .main-header .menu_sec .get-quote a 	{ font-size: 18px; line-height: 22px; padding: 10px 15px; }
header .main-header .menu_sec .get-quote a span { width: 40px; height: 40px; margin-left: 10px }

.banner-section 							{ height: 655px; padding-top: 95px; }
.banner-section .banner-containe h6 		{ font-size: 22px; line-height: 55px; }
.banner-section .banner-containe h2 		{ font-size: 70px; line-height: 75px; gap: 15px; }

.who-we-sec 								{ padding: 70px 0px; }
.who-we-sec h1 								{ max-width: 600px; font-size: 60px; line-height: 70px; margin-bottom: 40px; }
.who-we-sec .leftPart .imgBox 				{ width: auto; }
.who-we-sec .rightPart span 				{ font-size: 22px; line-height: 32px; }
.who-we-sec .rightPart p 					{ font-size: 22px; line-height: 32px; margin-bottom: 30px; margin-top: 30px; }
.who-we-sec .rightPart .more-about-btn 		{ font-size: 20px; line-height: 30px; padding: 8px 13px 8px 15px; }
.who-we-sec::before 						{ width: 600px; height: 470px; }

.manufacture-sec h2 						{ font-size: 60px; line-height: 70px; max-width: 600px; margin: 0 auto 40px auto; }
.manufacture-sec .marqueeHorizontal 		{ height: 320px; margin-bottom: 50px; }
.manufacture-sec .marqueeHorizontal .mhTrack .item { width: 240px; }
.manufacture-sec .view-our-btn 				{ font-size: 20px; line-height: 30px; padding: 8px 12px 8px 20px; }
.manufacture-sec .view-our-btn .white-arrow { padding: 5px 8px; }

.why-us-sec 								{ padding: 70px 0px; }
.why-us-sec h2 								{ font-size: 60px; line-height: 70px; margin: 0 auto 40px auto; }
.why-us-sec .whyBox 						{ padding: 20px 15px; }
.why-us-sec .whyBox .imgBox 				{ margin-bottom: 30px; }
.why-us-sec .whyBox p 						{ font-size: 20px; line-height: 30px; }

.looking-sec 								{ padding-top: 20px; }
.looking-sec h5	 							{ font-size: 25px; line-height: 28px; }
.looking-sec .get-btn 						{ font-size: 20px; line-height: 30px; padding: 8px 15px 8px 20px; }
.looking-sec .get-btn .white-arrow 			{ padding: 5px 8px; }
.looking-sec .get-touch 					{ padding: 70px 0px; }
.looking-sec .get-touch .leftPart iframe 	{ height: 315px; }
.looking-sec .get-touch .rightPart 			{ padding: 40px 20px; }
.looking-sec .get-touch .rightPart h4 		{ font-size: 50px; line-height: 60px; }
.looking-sec .get-touch .rightPart ul li p 	{ padding-left: 70px; font-size: 18px; line-height: 25px; }
.looking-sec .get-touch .rightPart ul li a 	{ font-size: 18px; line-height: 25px; }
.looking-sec .get-touch .rightPart ul li.call p::after { background-size: 35px; width: 55px; height: 55px; }
.looking-sec .get-touch .rightPart ul li.mail p::after { background-size: 35px; width: 55px; height: 55px; }

footer 										{ padding-bottom: 20px; }
footer .logo img 							{ max-width: 200px; }
footer .footer-menu ul	 					{ padding-left: 0px; margin-bottom: 15px; gap: 5px; }
footer .footer-menu ul li a	 				{ font-size: 15px; }
footer .icon ul li a 						{ width: 35px; height: 35px; }

.whatsapp 									{ bottom: 20%; }
.whatsapp img 								{ max-width: 65px; margin-bottom: 10px; }


/* ---------- Form Pop Up CSs ---------- */
.tempalte-pop h6 							{ font-size: 18px; line-height: 22px; }
.tempalte-pop h2 							{ font-size: 30px; line-height: 35px; margin-bottom: 20px; }
.tempalte-pop .contact-form .form-control 	{ height: 45px; padding: 8px 10px; margin-bottom: 15px; }
.tempalte-pop .contact-form textarea 		{ height: 150px !important; }
.tempalte-pop .contact-form .submit-btn 	{ font-size: 15px; line-height: 22px; padding: 10px 12px; }


.alignleft, .alignnone 						{ margin: 0 20px 20px 0; max-width: 50%; }
.alignright 								{ margin: 0 0 20px 20px; max-width: 50%; }


/* ---------- Inner Banner Css ---------- */
.inner-banner-section						{ height: 550px; padding-top: 110px; }
.inner-banner-section h2					{ font-size: 65px; line-height: 70px; }


/* ---------- About Company Page Css ---------- */
.who-we-about-sec 							{ padding-top: 70px; }
.who-we-about-sec h1 						{ font-size: 60px; line-height: 70px; max-width: 60%; }
.who-we-about-sec h5 						{ font-size: 20px; line-height: 30px; margin: 0 auto 30px auto; }
.who-we-about-sec p 						{ font-size: 20px; line-height: 30px; }

.core-benefits-sec h6 						{ font-size: 22px; line-height: 32px; }
.core-benefits-sec h2 						{ max-width: 50%; font-size: 60px; line-height: 70px; margin: 0 auto 40px auto; }
.core-benefits-sec .benefitBox h5 			{ font-size: 25px; line-height: 30px; }
.core-benefits-sec .benefitBox h3 			{ font-size: 100px; line-height: 110px; }


/* ---------- Our Products Page Css ---------- */
.high-quality-sec 							{ padding: 80px 0px 30px 0px; }
.high-quality-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.high-quality-sec h1 						{ font-size: 60px; line-height: 65px; }
.high-quality-sec .rightPart h3 			{ font-size: 35px; line-height: 45px; margin-bottom: 15px; }
.high-quality-sec .rightPart h4	 			{ font-size: 20px; line-height: 30px; margin-bottom: 15px; }
.high-quality-sec .rightPart h5 			{ font-size: 22px; line-height: 32px; margin-bottom: 15px; }
.high-quality-sec .rightPart .table-responsive { padding: 20px 15px; }
.high-quality-sec .qualityBox 				{ gap: 20px; padding-bottom: 70px; }
.high-quality-sec .rightPart .table thead th { font-size: 20px; padding: 8px; }
.high-quality-sec .rightPart .table tbody td { font-size: 15px; line-height: 25px; padding: 8px; }
.high-quality-sec .qualityBox .product-slider.owl-theme .owl-nav button.owl-prev, 
.high-quality-sec .qualityBox .product-slider.owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; }
.high-quality-sec .qualityBox .leftPart .product-slider { max-width: 420px; }
.high-quality-sec .rightPart .read-more-btn { font-size: 20px; line-height: 28px; padding: 7px 10px 7px 20px; }
.high-quality-sec .rightPart .read-more-btn .white-arrow { margin-left: 5px; padding: 3px 5px; }


/* ---------- Product Inner Page Css ---------- */
.product-inner-sec 							{ padding: 80px 0px 30px 0px; }
.product-inner-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.product-inner-sec h1 						{ font-size: 45px; line-height: 60px; max-width: 70%; }
.product-inner-sec .containe-box 			{ padding: 50px 0 0px 0; }
.product-inner-sec .containe-box:last-child { padding: 50px 0 100px 0; }
.papper-prod-page .product-inner-sec .containe-box:last-child { padding: 50px 0 200px 0; }
.product-inner-sec .containe-box p 			{ font-size: 20px; line-height: 30px; }
.product-inner-sec .containe-box p span 	{ font-size: 20px; line-height: 30px; }


/* ---------- Gallery Page Css ---------- */
.gallerySec 								{ padding: 80px 0px 45px 0px; }
.gallerySec h1 								{ font-size: 60px; line-height: 65px; }


/* ---------- Contact Page Css ---------- */
.contact-sec 								{ padding: 100px 0px 40px 0px; }
.contact-sec h6 							{ font-size: 20px; line-height: 25px; }
.contact-sec h1 							{ font-size: 50px; line-height: 55px; max-width: 500px; }
.contact-sec .contactBox .leftPart h5		{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.contact-sec .contactBox .leftPart .contact-form .form-control { font-size: 16px; line-height: 22px; height: 55px; padding: 10px 12px; }
.contact-sec .contactBox .leftPart .contact-form textarea { height: 100px !important; }
.contact-sec .contactBox .leftPart .contact-form .submit-btn { font-size: 16px; line-height: 26px; padding: 15px 17px; }
.contact-sec .contactBox .rightPart 		{ padding: 40px 20px; }
.contact-sec .contactBox .rightPart h4 		{ font-size: 50px; line-height: 60px; margin-bottom: 20px; }
.contact-sec .contactBox .rightPart ul li.location p::after { background-size: 35px; width: 50px; height: 50px; }
.contact-sec .contactBox .rightPart ul li p { padding-left: 60px; font-size: 18px; line-height: 25px; width: 40%; }
.contact-sec .contactBox .rightPart ul li a { font-size: 18px; line-height: 28px; width: 60%; }
.contact-sec .contactBox .rightPart ul li.location a { padding-top: 0px; }
.contact-sec .contactBox .rightPart ul li.location a br { display: none; }
.contact-sec .contactBox .rightPart ul li.call p::after { background-size: 35px; width: 50px; height: 50px; }
.contact-sec .contactBox .rightPart ul li.mail p::after { background-size: 35px; width: 50px; height: 50px; }


/* ---------- Modal Watch Video ---------- */
.modalVideo .modal-dialog .modal-content .modal-header iframe { width: 948px; height: 533px; }



}

/* #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: 94%; }
.container									{ max-width: 94%; padding: 0 15px; }

header  									{ padding: 15px 15px 0px 15px; }
header.sticky 								{ padding: 0px 15px 0px 15px; }
.menu_sec ul.menu 							{ display: none; }
header .main-header .menu_sec .get-quote a 	{ display: none; }
header .main-header .hamburger 				{ display: block; }
header .main-header .logo img 				{ max-width: 250px; }
header .main-header .hamburger nav 			{ padding: 80px 30px 50px 30px; }

.banner-section 							{ height: 655px; padding-top: 115px; }
.banner-section .banner-containe h6 		{ font-size: 20px; line-height: 50px; }
.banner-section .banner-containe h2 		{ font-size: 65px; line-height: 70px; gap: 15px; }

.videoBtnBox 								{ left: -161px; }
.brochureBtn 								{ font-size: 18px; line-height: 26px; padding: 10px 20px; }

.who-we-sec 								{ padding: 50px 0px; }
.who-we-sec h6 								{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.who-we-sec h1 								{ max-width: 60%; font-size: 45px; line-height: 50px; margin-bottom: 30px; }
.who-we-sec .leftPart .imgBox 				{ width: auto; }
.who-we-sec .rightPart span 				{ font-size: 18px; line-height: 28px; }
.who-we-sec .rightPart p 					{ font-size: 18px; line-height: 28px; margin-bottom: 25px; margin-top: 25px; }
.who-we-sec::before 						{ width: 440px; height: 385px; }
.who-we-sec .rightPart .more-about-btn 		{ font-size: 18px; line-height: 28px; padding: 8px 8px 8px 20px; }
.who-we-sec .rightPart .more-about-btn .more-arrow { width: 40px; height: 40px; margin-left: 10px; }

.manufacture-sec 							{ padding: 50px 0px; }
.manufacture-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.manufacture-sec h2 						{ max-width: 300px; font-size: 45px; line-height: 50px; margin: 0 auto 40px auto; }
.manufacture-sec .marqueeHorizontal 		{ height: 320px; margin-bottom: 50px; }
.manufacture-sec .marqueeHorizontal .mhTrack .item { width: 240px; }
.manufacture-sec .view-our-btn 				{ font-size: 18px; line-height: 28px; padding: 8px 10px 8px 20px; }
.manufacture-sec .view-our-btn .white-arrow { width: 43px; height: 43px; margin-left: 10px; }

.why-us-sec 								{ padding: 50px 0px 30px; }
.why-us-sec h6 								{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.why-us-sec h2						 		{ max-width: 650px; font-size: 45px; line-height: 50px; margin: 0 auto 30px auto; }
.why-us-sec .whyBox 						{ padding: 20px 10px; }
.why-us-sec .whyBox .imgBox 				{ margin-bottom: 20px; }
.why-us-sec .whyBox .imgBox img 			{ max-width: 60px; }
.why-us-sec .whyBox p 						{ font-size: 16px; line-height: 26px; }

.looking-sec 								{ padding-top: 30px; }
.looking-sec h5 							{ font-size: 22px; line-height: 28px; }
.looking-sec .get-btn 						{ font-size: 18px; line-height: 28px; padding: 8px 15px 8px 20px; }
.looking-sec .get-btn .white-arrow 			{ width: 40px; height: 40px; margin-left: 10px; }
.looking-sec .get-touch 					{ padding: 50px 0px }
.looking-sec .get-touch .rightPart 			{ padding: 30px 20px; }
.looking-sec .get-touch .rightPart h4 		{ font-size: 40px; line-height: 50px; }
.looking-sec .get-touch .rightPart ul li.call p::after,
.looking-sec .get-touch .rightPart ul li.mail p::after { background-size: 25px; width: 40px; height: 40px; }
.looking-sec .get-touch .rightPart ul li p 	{ padding-left: 45px; font-size: 16px; line-height: 20px; width: 37%; }
.looking-sec .get-touch .rightPart ul li a 	{ font-size: 16px; line-height: 20px; width: 63%; }
.looking-sec .get-touch .rightPart ul 		{ gap: 15px; }
.looking-sec .get-touch .leftPart iframe 	{ height: 260px; }
.looking-sec::after 						{ height: 300px; }
.high-quality-sec .qualityBox .leftPart .product-slider { max-width: 320px; }

footer 										{padding-bottom: 60px;}
footer .logo img 							{ max-width: 150px; }
footer .footer-menu ul 						{ margin-bottom: 15px; gap: 5px 10px; flex-wrap: wrap; padding-left: 0px; }
footer .footer-menu ul li a 				{ font-size: 16px; line-height: 18px; }
footer .icon ul 							{ gap: 3px; }
footer .icon ul li a 						{ width: 40px; height: 40px; }

.whatsapp 									{ right: 0px; }
.whatsapp img 								{ margin-bottom: 10px; max-width: 50px; }
.whatsapp .talk-btn 						{ font-size: 13px; line-height: 18px; padding: 4px 10px; }


.alignleft, .alignnone 						{ margin: 0 20px 20px 0; width: 50%; }
.alignright 								{ margin: 0 0 20px 20px; width: 50%; }


/* ---------- Inner Banner Css ---------- */
.inner-banner-section 						{ height: 400px; padding-top: 115px; }
.inner-banner-section h6 					{ font-size: 20px; line-height: 25px; }
.inner-banner-section h2 					{ font-size: 50px; line-height: 55px; }


/* ---------- About Company Page Css ---------- */
.who-we-about-sec 							{ padding-top: 50px; }
.who-we-about-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.who-we-about-sec h1 						{ font-size: 45px; line-height: 50px; margin-bottom: 40px; max-width: 60%; }
.who-we-about-sec .imgBox 					{ margin-bottom: 30px; }
.who-we-about-sec h5 						{ font-size: 18px; line-height: 28px; margin: 0 auto 25px auto; }
.who-we-about-sec p 						{ font-size: 18px; line-height: 28px; }

.core-benefits-sec 							{ padding: 50px 0px 0px 0px; }
.core-benefits-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.core-benefits-sec h2 						{ font-size: 45px; line-height: 50px; max-width: 300px; margin: 0 auto 40px auto; }
.core-benefits-sec .benefitBox 				{ gap: 15px; padding: 10px 15px; }
.core-benefits-sec .benefitBox h5	 		{ font-size: 22px; line-height: 32px; }
.core-benefits-sec .benefitBox h3 			{ font-size: 100px; line-height: 100px; }


/* ---------- Our Products Page Css ---------- */
.high-quality-sec 							{ padding: 50px 0px 0px 0px; }
.high-quality-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.high-quality-sec h1 						{ font-size: 50px; line-height: 60px; margin-bottom: 40px; }
.high-quality-sec .rightPart h3 			{ font-size: 35px; line-height: 40px; margin-bottom: 15px; }
.high-quality-sec .rightPart h4 			{ font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.high-quality-sec .rightPart h5 			{ font-size: 20px; line-height: 25px; margin-bottom: 15px; }
.high-quality-sec .rightPart .table-responsive { padding: 20px 15px; }
.high-quality-sec .rightPart .table thead th { font-size: 16px; line-height: 26px; padding: 7px; }
.high-quality-sec .rightPart .table tbody td { font-size: 13px; line-height: 23px; padding: 7px; }
.high-quality-sec .qualityBox				{ gap: 20px; padding-bottom: 40px; }
.high-quality-sec .qualityBox .product-slider.owl-theme .owl-nav button.owl-prev,
.high-quality-sec .qualityBox .product-slider.owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; }
.high-quality-sec .rightPart .read-more-btn { font-size: 18px; line-height: 25px; padding: 7px 10px 7px 20px; }
.high-quality-sec .rightPart .read-more-btn .white-arrow { margin-left: 5px; padding: 5px 5px; }


/* ---------- Product Inner Page Css ---------- */
.product-inner-sec 							{ padding: 50px 0px 0px 0px; }
.product-inner-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.product-inner-sec h1 						{ max-width: 70%; font-size: 40px; line-height: 50px; }
.product-inner-sec .containe-box 			{ padding: 50px 0 10px 0; }
.product-inner-sec .containe-box p 			{ font-size: 20px; line-height: 30px; margin-bottom: 10px; margin-top: 10px; }


/* ---------- Gallery Page Css ---------- */
.gallerySec 								{ padding: 50px 0px; }
.gallerySec h6 								{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.gallerySec h1 								{ font-size: 50px; line-height: 60px; margin-bottom: 40px; }
.gallerySec ul li 							{ width: calc(33.33% - 10px); }


/* ---------- Contact Page Css ---------- */
.contact-sec 								{ padding: 50px 0px 40px 0px; }
.contact-sec h6 							{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.contact-sec h1 							{ font-size: 40px; line-height: 45px; }
.contact-sec .contactBox .leftPart 			{ padding: 20px; }
.contact-sec .contactBox .leftPart h5 		{ font-size: 20px; line-height: 25px; }
.contact-sec .contactBox .leftPart .contact-form .form-control { font-size: 12px; line-height: 20px; height: 50px; padding: 15px; margin-bottom: 15px; }
.contact-sec .contactBox .leftPart .contact-form textarea { height: 150px !important; }
.contact-sec .contactBox .leftPart .contact-form .submit-btn { font-size: 16px; line-height: 26px; padding: 12px 17px; }
.contact-sec .contactBox .rightPart 		{ padding: 40px 15px; }
.contact-sec .contactBox .rightPart h4 		{ font-size: 45px; line-height: 55px; }
.contact-sec .contactBox .rightPart ul li.location p::after { background-size: 22px; width: 30px; height: 30px; top: 0%; }
.contact-sec .contactBox .rightPart ul li p { padding-left: 40px; font-size: 15px; line-height: 26px; }
.contact-sec .contactBox .rightPart ul li a { font-size: 16px; line-height: 26px; }
.contact-sec .contactBox .rightPart ul li.call p::after { background-size: 22px; width: 30px; height: 30px; top: 0%; }
.contact-sec .contactBox .rightPart ul li.mail p::after { background-size: 22px; width: 30px; height: 30px; top: 0%; }
.contact-sec .contactBox .rightPart ul li.location a { padding-top: 0px; }
.contact-sec .contactBox .rightPart ul li.location a br	{ display: none; } 
.contact-sec .contactBox .rightPart ul 		{ gap: 10px; }

/* ---------- Modal Watch Video ---------- */
.modalVideo .modal-dialog .modal-content .modal-header iframe { width: 724px; height: 407px; }


} 

/*  #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 										{ padding: 10px 10px 0px 10px; }
.menu_sec ul.menu 							{ display: none; }
header .main-header .menu_sec .get-quote a 	{ display: none; }
header .main-header .hamburger 				{ display: block; }
header .main-header .logo img 				{ max-width: 180px; }
header.sticky 								{ padding: 0px 0px 0px 0px; }
header .main-header .hamburger nav	 		{ padding: 100px 25px 100px 25px; }
header .main-header .hamburger nav ul.menu li a { font-size: 20px; line-height: 25px; }
header .main-header .hamburger nav ul.menu li { padding-bottom: 25px; }

.banner-section 							{ height: 650px; padding-top: 90px; }
.banner-section .banner-containe h6 		{ font-size: 20px; line-height: 40px; }
.banner-section .banner-containe h2 		{ font-size: 40px; line-height: 50px; margin-bottom: 30px; gap: 10px; }
.videoBtnBox 								{ left: 0; top: unset; bottom: 0; transform: rotate(0deg); flex-direction: row; width: 100%; gap: 0; }
.brochureBtn 								{ width: 100%; font-size: 16px; line-height: 25px; padding: 10px 15px; text-align: center; border-radius: 20px 20px 0px 0px; }

.who-we-sec 								{ padding: 30px 0px; }
.who-we-sec::before 						{ width: 360px; height: 360px; }
.who-we-sec h6 								{ font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.who-we-sec h1 								{ font-size: 35px; line-height: 45px; margin-bottom: 30px; }
.who-we-sec .leftPart .imgBox 				{ width: auto; margin-bottom: 20px; }
.who-we-sec .rightPart span	 				{ font-size: 18px; line-height: 28px; }
.who-we-sec .rightPart p 					{ font-size: 18px; line-height: 28px; margin-bottom: 25px; margin-top: 25px; }
.who-we-sec .rightPart .more-about-btn 		{ font-size: 20px; line-height: 30px; padding: 8px 10px 8px 20px; }
.who-we-sec .rightPart .more-about-btn .more-arrow 	{ width: 40px; height: 40px; }

.manufacture-sec 							{ padding: 30px 0px; }
.manufacture-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.manufacture-sec h2 						{ font-size: 35px; line-height: 45px; margin: 0 auto 40px auto; }
.manufacture-sec .marqueeHorizontal 		{ height: 320px; margin-bottom: 40px; }
.manufacture-sec .marqueeHorizontal .mhTrack .item { width: 240px; }
.manufacture-sec .view-our-btn 				{ font-size: 20px; line-height: 30px; padding: 8px 10px 8px 18px; }
.manufacture-sec .view-our-btn .white-arrow { width: 40px; height: 40px; margin-left: 10px; }

.why-us-sec 								{ padding: 30px 0px 10px 0px; }
.why-us-sec h6 								{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.why-us-sec h2 								{ font-size: 35px; line-height: 45px; margin: 0 auto 30px auto; }
.why-us-sec .whyBox 						{ padding: 30px 30px 30px 20px; height: auto; margin-bottom: 20px; }
.why-us-sec .whyBox .imgBox 				{ margin-bottom: 20px; }
.why-us-sec .whyBox .imgBox:last-child 		{ margin-bottom: 0px; }
.why-us-sec .whyBox .imgBox img 			{ max-width: 70px;}
.why-us-sec .whyBox p 						{ font-size: 20px; }

.looking-sec 								{ padding-top: 20px; }
.looking-sec::after 						{ top: 0px; height: 350px; }
.looking-sec .get-touch 					{ padding: 40px 0px; }
.looking-sec h5 							{ font-size: 20px; line-height: 30px; }
.looking-sec .get-btn 						{ font-size: 18px; line-height: 28px; padding: 8px 10px 8px 20px; }
.looking-sec .get-btn .white-arrow 			{ width: 40px; height: 40px; margin-left: 10px; }
.looking-sec .get-touch .leftPart iframe 	{ height: 300px; margin-bottom: 30px; }
.looking-sec .get-touch .rightPart			{ padding: 25px 15px; }
.looking-sec .get-touch .rightPart h4 		{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.looking-sec .get-touch .rightPart ul 		{ gap: 10px; }
.looking-sec .get-touch .rightPart ul li.call p::after { background-size: 25px; width: 35px; height: 35px; }
.looking-sec .get-touch .rightPart ul li 	{ margin-bottom: 15px; }
.looking-sec .get-touch .rightPart ul li p 	{ width: 42%; padding-left: 45px; font-size: 15px; line-height: 20px; }
.looking-sec .get-touch .rightPart ul li a 	{ width: 58%; font-size: 13px; line-height: 22px; }
.looking-sec .get-touch .rightPart ul li.mail p::after { background-size: 25px; width: 35px; height: 35px; }

footer 										{ padding-bottom: 50px; }
footer .logo 								{ padding-bottom: 10px; text-align: center;}
footer .logo img 							{ max-width: 200px; }
footer .footer-menu ul 						{ gap: 5px; margin-bottom: 10px; flex-wrap: wrap; }
footer .footer-menu ul li a 				{ font-size: 16px; line-height: 20px; }
footer .footer-menu p 						{ font-size: 14px; margin-bottom: 20px; }
footer .icon ul 							{ justify-content: center; }
footer .icon ul li a 						{ width: 40px; height: 40px; }


.whatsapp 									{ bottom: 50px; right: 0px; }
.whatsapp img 								{ margin-bottom: 5px; max-width: 50px; }
.whatsapp .talk-btn 						{ font-size: 13px; line-height: 18px; padding: 4px 8px; }


.alignleft, .alignnone 						{ margin: 0 0px 30px 0px; }
.alignright 								{ margin: 0 0 30px 0px; }


/* ---------- Inner Banner Css ---------- */
.inner-banner-section 						{ height: 350px; padding-top: 90px; }
.inner-banner-section h6 					{ font-size: 20px; line-height: 25px; }
.inner-banner-section h2 					{ font-size: 40px; line-height: 45px; }


/* ---------- About Company Page Css ---------- */
.who-we-about-sec 							{ padding-top: 30px; }
.who-we-about-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.who-we-about-sec h1 						{ font-size: 35px; line-height: 45px; margin-bottom: 30px; }
.who-we-about-sec .imgBox 					{ margin-bottom: 30px; }
.who-we-about-sec h5 						{ font-size: 18px; line-height: 28px; margin: 0 auto 20px auto; }
.who-we-about-sec p 						{ font-size: 18px; line-height: 28px; }

.core-benefits-sec 							{ padding: 30px 0px; }
.core-benefits-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.core-benefits-sec h2		 				{ font-size: 35px; line-height: 45px; margin: 0 auto 30px auto; }
.core-benefits-sec .benefitBox 				{ padding: 10px 20px; flex-direction: column; gap: 5px; align-items: flex-start; top: 30px; }
.core-benefits-sec .benefitBox h3 			{ font-size: 80px; line-height: 85px; }
.core-benefits-sec .benefitBox h5 			{ font-size: 18px; line-height: 28px; }


/* ---------- Our Products Page Css ---------- */
.high-quality-sec 							{ padding: 30px 0px; }
.high-quality-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.high-quality-sec h1 						{ font-size: 40px; line-height: 50px; margin-bottom: 30px; }
.high-quality-sec .qualityBox 				{ flex-direction: column; padding-bottom: 30px; }
.high-quality-sec .qualityBox .leftPart	 	{ width: 100%; }
.high-quality-sec .qualityBox .rightPart 	{ width: 100%; }
.high-quality-sec .rightPart h3 			{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.high-quality-sec .rightPart h4 			{ font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.high-quality-sec .rightPart h5 			{ font-size: 17px; line-height: 27px; }
.high-quality-sec .rightPart .table-responsive { padding: 15px 0px; }
.high-quality-sec .rightPart .table thead th { font-size: 14px; line-height: 24px; padding: 5px; }
.high-quality-sec .rightPart .table tbody td { font-size: 14px; line-height: 24px; padding: 5px; }
.high-quality-sec .qualityBox .product-slider.owl-theme .owl-nav button.owl-prev, 
.high-quality-sec .qualityBox .product-slider.owl-carousel .owl-nav button.owl-next { width: 35px; height: 35px; }
.high-quality-sec .rightPart .read-more-btn { font-size: 18px; line-height: 25px; padding: 7px 10px 7px 20px; }
.high-quality-sec .rightPart .read-more-btn .white-arrow { margin-left: 5px; padding: 5px 5px; }


/* ---------- Product Inner Page Css ---------- */
.product-inner-sec	 						{ padding: 50px 0px 45px 0px; }
.product-inner-sec h6 						{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.product-inner-sec h1 						{ font-size: 30px; line-height: 40px; }
.product-inner-sec .containe-box 			{ padding: 40px 0 0px 0; }
.papper-prod-page .product-inner-sec .containe-box .alignright { width: 100%; }
.product-inner-sec .containe-box p 			{ font-size: 18px; line-height: 28px; }
.product-inner-sec .containe-box p span 	{ font-size: 18px; line-height: 28px; }


/* ---------- Gallery Page Css ---------- */
.gallerySec 								{ padding: 30px 0px; }
.gallerySec h6 								{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.gallerySec h1 								{ font-size: 40px; line-height: 50px; margin-bottom: 30px; }
.gallerySec ul li 							{ width: 100%; }


/* ---------- Contact Page Css ---------- */
.contact-sec 								{ padding: 30px 0px; }
.contact-sec h6 							{ font-size: 20px; line-height: 25px; margin-bottom: 10px; }
.contact-sec h1 							{ font-size: 37px; line-height: 45px; margin-bottom: 40px; }
.contact-sec .contactBox 					{ flex-direction: column; gap: 25px; }
.contact-sec .contactBox .leftPart 			{ width: 100%; }
.contact-sec .contactBox .leftPart h5 		{ font-size: 20px; line-height: 25px; }
.contact-sec .contactBox .leftPart .contact-form .form-control { font-size: 16px; line-height: 20px; height: 50px; padding: 15px; margin-bottom: 15px; }
.contact-sec .contactBox .leftPart .contact-form textarea { height: 100px !important; }
.contact-sec .contactBox .leftPart .contact-form .submit-btn { font-size: 16px; line-height: 26px; padding: 12px 16px; }
.contact-sec .contactBox .leftPart	 		{ padding: 20px 15px; }
.contact-sec .contactBox .rightPart 		{ width: 100%; padding: 30px 15px; }
.contact-sec .contactBox .rightPart h4 		{ font-size: 40px; line-height: 50px; }
.contact-sec .contactBox .rightPart ul li.location p::after { background-size: 20px; width: 30px; height: 30px; top: -15%; }
.contact-sec .contactBox .rightPart ul li p { padding-left: 40px; font-size: 14px; line-height: 25px; width: 40%; }
.contact-sec .contactBox .rightPart ul li a { font-size: 15px; line-height: 25px; }
.contact-sec .contactBox .rightPart ul li.location a { padding-top: 0px; width: 60%; }
.contact-sec .contactBox .rightPart ul li.location a br { display: none; }
.contact-sec .contactBox .rightPart ul li.call p::after { background-size: 20px; width: 30px; height: 30px; top: -10%; }
.contact-sec .contactBox .rightPart ul li.mail p::after { background-size: 20px; width: 30px; height: 30px; top: -10%; }
.contact-sec .contactBox .rightPart ul 		{ gap: 10px; }

.map-sec 									{ position: relative; padding-bottom: 50px; }
.map-sec h5 								{ font-size: 30px; line-height: 36px; }
.map-sec iframe 							{ height: 350px; }


/* ---------- Modal Watch Video ---------- */
.modalVideo 								{ padding: 10px; }
.modalVideo .modal-dialog 					{ height: auto; }
.modalVideo .modal-dialog .modal-content .modal-header iframe { height: 190px; }


}

/* #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; }


}