@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: 1367px) and (max-width: 1440px) {

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


}

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


}

/* #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 										{ padding: 10px 0; }
header .main_header .logo 					{ max-width: 180px; }
header .main_header .rightBtn a 			{ font-size: 18px; padding: 10px 20px; }
header .main_header .menu_sec ul.menu 		{ gap: 30px; }
header .main_header .menu_sec ul.menu li a 	{ font-size: 18px; line-height: 26px; }

.bannerSec 									{ padding: 50px 0; }
.bannerSec::before 							{ background-position: right; }
.bannerSec .leftCol h6 						{ font-size: 20px; line-height: 28px; }
.bannerSec .leftCol h1 						{ font-size: 40px; line-height: 55px; margin-bottom: 15px; }
.bannerSec .leftCol p 						{ margin-bottom: 20px; }
.bannerSec .leftCol .ctaBtnCol 				{ gap: 15px; }
.bannerSec .leftCol .ctaBtnCol a 			{ font-size: 18px; border-radius: 28px; padding: 12px 25px; }
.bannerSec .leftCol .ctaBtnCol a.getQuoteBtn { padding: 12px 25px; }

.aboutSec h2 								{ font-size: 35px; line-height: 45px; margin-bottom: 20px; }
.aboutSec .leftCol h4 						{ font-size: 22px; line-height: 32px; }
.productsSec h2 							{ font-size: 35px; line-height: 45px; margin-bottom: 15px; }
.productsSec p.info 						{ font-size: 18px; margin: 0 auto 40px; }
.productsSec .productsBox .productsInfo h4 	{ font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.productsSec .productsBox .productsInfo p 	{ line-height: 26px; }
.whyChooseSec .leftCol h2 					{ font-size: 35px; line-height: 45px; }
.whyChooseSec .rightCol .partnerInfoBox .iconBox { width: 90px; height: 90px; margin: 0 auto 10px; }
.whyChooseSec .rightCol .partnerInfoBox h4 	{ font-size: 18px; line-height: 28px; }

.contactSec h2 								{ font-size: 35px; line-height: 45px; }
.contactSec .leftCol iframe 				{ height: 480px; }
.contactSec .rightCol  						{ padding: 25px; }
.contactSec .rightCol form .form-group .form-control { font-size: 18px; padding: 10px 20px; }
.contactSec .rightCol form .form-group textarea.form-control { height: 100px; }
.contactSec .rightCol form .send-btn 		{ font-size: 18px; }

footer .footerLogo 							{ margin-bottom: 30px; }
footer .contactDetails 						{ margin-bottom: 30px; }
footer .contactDetails ul li a, 
footer .contactDetails ul li p 				{ font-size: 16px; }
footer .copyright p 						{ font-size: 16px; }


/* ---------- Thank You Page Css ---------- */
.thankBannerSec h2 							{ font-size: 35px; line-height: 45px; }


}

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

header  									{ padding: 10px 0; }
header .main_header .menu_sec 				{ display: none; }
header .main_header .hamburger 				{ display: block; }
header .main_header .rightBtn 				{ display: none; }

.bannerSec 									{ padding: 50px 0; }
.bannerSec::before 							{ background-position: right; }
.bannerSec .leftCol h6 						{ font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.bannerSec .leftCol h1 						{ font-size: 32px; line-height: 40px; margin-bottom: 10px; }
.bannerSec .leftCol p 						{ font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.bannerSec .leftCol .ctaBtnCol 				{ gap: 10px; }
.bannerSec .leftCol .ctaBtnCol a 			{ font-size: 16px; padding: 10px 20px; }
.bannerSec .leftCol .ctaBtnCol a.getQuoteBtn { padding: 10px 20px; }
.bannerSec .rightCol 						{ display: flex; align-items: center; }

.aboutSec  									{ padding: 50px 0; }
.aboutSec h6 								{ font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.aboutSec h2 								{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.aboutSec .leftCol h4 						{ font-size: 20px; line-height: 30px; }
.aboutSec .rightCol p 						{ font-size: 16px; line-height: 26px; }

.productsSec 								{ padding: 50px 0; }
.productsSec h6								{ font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.productsSec h2 							{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.productsSec p.info 						{ max-width: 100%; font-size: 18px; line-height: 28px; margin: 0 auto 30px; }
.productsSec .productsBox .productsInfo  	{ padding: 15px; }
.productsSec .productsBox .productsInfo h4 	{ font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.productsSec .productsBox .productsInfo p 	{ font-size: 16px; line-height: 26px; }

.whyChooseSec								{ padding: 50px 0; }
.whyChooseSec .leftCol h6 					{ font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.whyChooseSec .leftCol h2 					{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.whyChooseSec .leftCol p 					{ font-size: 16px; line-height: 26px; }
.whyChooseSec .rightCol 					{ margin: 0; }
.whyChooseSec .rightCol .partnerInfoBox 	{ padding: 10px; }
.whyChooseSec .rightCol .partnerInfoBox .iconBox { width: 90px; height: 90px; margin: 0 auto 10px; }
.whyChooseSec .rightCol .partnerInfoBox h4 	{ font-size: 18px; line-height: 26px; }

.marqueeSec 								{ padding: 15px 0; }
.marqueeSec .marquee_group 					{ gap: 30px; }
.marqueeSec .marquee p 						{ font-size: 22px; line-height: 30px; }

.contactSec 								{ padding: 50px 0; }
.contactSec h6 								{ font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.contactSec h2 								{ font-size: 30px; line-height: 40px; }
.contactSec p 								{ font-size: 16px; line-height: 26px; margin-bottom: 25px; }
.contactSec .leftCol iframe 				{ height: 380px; }
.contactSec .rightCol 						{ padding: 20px; }
.contactSec .rightCol form .form-group 		{ margin-bottom: 15px; }
.contactSec .rightCol form .form-group .form-control { font-size: 16px; line-height: 26px; padding: 10px 15px; }
.contactSec .rightCol form .form-group textarea.form-control { height: 90px; }
.contactSec .rightCol form .send-btn 		{ font-size: 16px; border-radius: 26px; padding: 10px 20px; }

footer 										{ padding: 30px 0; }
footer .footerLogo 							{ margin-bottom: 30px; }
footer .contactDetails 						{ margin-bottom: 20px; }
footer .contactDetails ul 					{ flex-wrap: wrap; }
footer .contactDetails ul li a, 
footer .contactDetails ul li p 				{ font-size: 16px; line-height: 26px; }
footer .copyright p 						{ font-size: 16px; line-height: 26px; }


/* ---------- Thank You Page Css ---------- */
.thankBannerSec 							{ padding: 50px 0; }
.thankBannerSec h2 							{ font-size: 30px; line-height: 40px; }
.thankBannerSec h6 							{ font-size: 16px; line-height: 26px; }


}

/*  #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 0; }
header .main_header .logo 					{ max-width: 180px; }
header .main_header .menu_sec 				{ display: none; }
header .main_header .hamburger 				{ display: block; }
header .main_header .rightBtn 				{ display: none; }

.bannerSec 									{ padding: 30px 0; }
.bannerSec::after 			 				{ display: none; }
.bannerSec .row 							{ flex-direction: column-reverse; }
.bannerSec .rightCol 						{ margin-bottom: 30px; }
.bannerSec .leftCol h6 						{ font-size: 18px; line-height: 26px; }
.bannerSec .leftCol h1 						{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.bannerSec .leftCol p 						{ font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.bannerSec .leftCol .ctaBtnCol 				{ gap: 10px; flex-direction: column; }
.bannerSec .leftCol .ctaBtnCol a 			{ font-size: 18px; border-radius: 26px; padding: 12px 20px; text-align: center; }
.bannerSec .leftCol .ctaBtnCol a.getQuoteBtn { padding: 12px 20px; }

.aboutSec 									{ padding: 30px 0; }
.aboutSec h6 								{ font-size: 18px; line-height: 26px; }
.aboutSec h2 								{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.aboutSec .leftCol h4 						{ font-size: 18px; line-height: 30px; margin-bottom: 20px; }
.aboutSec .rightCol p 						{ font-size: 16px; line-height: 26px; }

.productsSec  								{ padding: 30px 0; }
.productsSec h6 							{ font-size: 18px; line-height: 26px; }
.productsSec h2 							{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.productsSec p.info 						{ max-width: 100%; font-size: 16px; line-height: 26px; margin: 0 auto 30px; }
.productsSec .productsBox .productsInfo  	{ padding: 15px; }
.productsSec .productsBox .productsInfo h4 	{ font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.productsSec .productsBox .productsInfo p 	{ font-size: 16px; line-height: 26px; }

.whyChooseSec 								{ padding: 30px 0; }
.whyChooseSec .leftCol h6 					{ font-size: 18px; line-height: 26px; }
.whyChooseSec .leftCol h2 					{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.whyChooseSec .leftCol p 					{ font-size: 16px; }
.whyChooseSec .rightCol 					{ margin-top: 20px; }
.whyChooseSec .rightCol .partnerInfoBox 	{ padding: 15px 10px; }
.whyChooseSec .rightCol .partnerInfoBox .iconBox { width: 90px; height: 90px; margin: 0 auto 10px; }
.whyChooseSec .rightCol .partnerInfoBox h4 	{ font-size: 18px; line-height: 24px; }

.marqueeSec 								{ padding: 20px 0; }
.marqueeSec .marquee p 						{ font-size: 25px; line-height: 40px; }
.marqueeSec .marquee_group 					{ gap: 30px; }

.contactSec 								{ padding: 30px 0; }
.contactSec h6 								{ font-size: 18px; line-height: 26px; }
.contactSec h2 								{ font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.contactSec p 								{ font-size: 16px; line-height: 26px; margin-bottom: 30px; }
.contactSec .row 							{ flex-direction: column-reverse; }
.contactSec .rightCol 						{ margin-bottom: 30px; padding: 20px; }
.contactSec .rightCol form .form-group 		{ margin-bottom: 15px; }
.contactSec .rightCol form .form-group .form-control { font-size: 18px; line-height: 28px; padding: 10px 15px; }
.contactSec .rightCol form .form-group textarea.form-control { height: 90px; }
.contactSec .rightCol form .send-btn 		{ font-size: 18px; padding: 12px 30px; }
.contactSec .leftCol iframe 				{ height: 300px; }

footer 										{ padding: 30px 0; }
footer .footerLogo 							{ margin-bottom: 30px; }
footer .footerLogo img 						{ max-width: 180px; }
footer .contactDetails 						{ margin-bottom: 30px; }
footer .contactDetails ul 					{ flex-direction: column; gap: 10px; }
footer .contactDetails ul li a, 
footer .contactDetails ul li p 				{ font-size: 16px; line-height: 26px; }
footer .contactDetails ul li::before  		{ width: 40px; height: 40px; }
footer .copyright p 						{ font-size: 16px; line-height: 26px; }


/* ---------- Thank You Page Css ---------- */
.thankBannerSec 							{ padding: 30px 0; }
.thankBannerSec h2 							{ font-size: 30px; line-height: 40px; }
.thankBannerSec h6 							{ font-size: 16px; line-height: 26px; }

}

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


}