.hMobLogo{
	display:none;
}
@media screen and (max-width:1024px) {
	.hDeskLogo{
		display: none;
	}

	.hMobLogo{
		display:block;
	}
}

a{
	text-decoration: none!important;
}
.head-compunsator{
	height: 150px;
}
.activeA{
	background-color: #009646!important;
	color:#fff!important;
}
.activeA .subHead{
	color:#fff!important;
}
.subHead{
	font-size: 25px;
}
.boxBHead{
	font-size: 40px;
}

.boxHead{
	font-size: 20px;
}
.sboxHead{
	font-size: 20px;
}
.main-desc{
	text-align: center;
}
.boxDesc{
	line-height: normal;
	margin:0px;
	transition: 0.2s ease-in-out;
}
.sboxDesc{
	font-size: 13px;
	margin:0px;
}
.boxLink{
	font-size: 13px;
	margin:0px;
}
.textQuotes{
	font-size: 20px;
}
.darkLink{
	color: #000;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
.darkLink:hover{
	letter-spacing: 3px;
	color: #000
}
.lightLink{
	color: #fff;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
.lightLink:hover{
	letter-spacing: 3px;
	color: #fff
}

.themeBtn{
	width: fit-content;
	padding: 3px 8px;
	background: transparent;
	border: 1px solid #009646;
	color: #009646;
	margin: 0px;
	transition: 0.2s ease-in-out
}
.themeBtnSm{
	padding: 3px 8px;
	font-size: 13px;
}
.themeBtn:hover{
	background: #009646;
	color: #fff;
}


.webTags{
	padding: 1px 5px;
	background: #009646;
	color:#fff;
	border-radius: 2px;
	margin:0px 5px;
}

.webTags2{
	padding: 1px 5px;
	border:1px solid #009646;
	color:#009646;
	border-radius: 2px;
	margin:0px 5px;
}

.wappBtn{
	width: 100%;
	display: flex;
	justify-content: center;
	gap:10px;
	align-items: center;
	background: transparent;
	border: 2px solid #24CC63;
	outline: none;
	color: #24CC63;
	padding: 8px 8px;
	transition: 0.2s ease-in-out;
}
.wappBtn i{
	font-size: 25px;
}
.wappBtn:hover{
	background: #24CC63;
	color: #fff;
}

.d-flexJCSP{
	display: flex;
	justify-content: space-between;
}
.basic-section{
	padding: 4% 0px;
}
.mb0{
	margin-bottom: 0!important;
}
.mb4{
	margin-bottom: 4%;
}

.ep4{
	padding: 40px 0px;
}
.bg-highlight{
	background: #fafafa;
}

@media screen and (max-width:768px) {
	.basic-section{
		padding: 40px 0px;
	}

	.mb4{
		margin-bottom: 40px;
	}
}

.overlayD{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 998;
}

.overlayT{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: 999;
}
.myInp50{
	width: 45%;
}
.myInp50L{
	width: 49%;
	float: left;
}
.myInp50R{
	width: 49%;
	float: right;
}
.myInp100{
	width: 100%;
	
}

.myInp{
	position: relative;
}

.myInp input{
	width: 100%!important;
	padding: 8px 10px;
	margin-bottom: 10px;
}
.myInp select{
	width: 100%!important;
	padding: 9px 10px;
	margin-bottom: 10px;
}

.myInp textarea{
	width: 100%!important;
	padding: 9px 10px;
	margin-bottom: 10px;
}

.myInp button{
	width: 100%!important;
}

.sucResponse{
	background-color: #1db664;
	color: #fff;
	padding:5px;
	margin:10px 0px;
	display: none;
}

.errResponse{
	background-color: #c04040;
	color: #fff;
	padding:5px;
	margin:10px 0px;
	display: none;
}

.normal-section{
	margin-top: 60px;
}

.fDRN{
	flex-direction: row;
}
.fDRR{
	flex-direction: row-reverse;
}
.loginForm{
	width: 30%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}


@media screen and (max-width:1024px) {
	.loginForm{
		width: 50%;
	}
}

@media screen and (max-width:768px) {
	.loginForm{
		width: 100%;
	}
	.head-compunsator{
		display: none;
	}

	.myInp50L{
		width: 100%;
		float: none;
	}
	.myInp50R{
		width: 100%;
		float: none;
	}
}

/*Product Category To Product*/

.breadUl{
	list-style-type: none;
	width: 100%;
	text-align: left;
	padding: 5px 8px;
	background: #fafafa;
}
.breadUl li{
	display: inline-block;
	width: fit-content;
	margin-right: 10px;
}

.breadUl li a{
	color: #000;
	text-decoration: none;
}

.primeUl{
	list-style-type: none;
	width: 100%;
}

.primeLi{
	width: 100%;
	margin-bottom: 30px;
}

/********************Home Page***************/
/*About*/
.homeAbout{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.aboutImage{
	width: 40%;
}

.aboutDesc{
	width: 55%;
	text-align: left;
}

.aboutDesc h1{
	text-align: left;
}

@media screen and (max-width:768px) { 
	.homeAbout{
		display: block;
	}
	.aboutImage{
		width: 100%;
		margin-bottom: 15px;
	}
	.aboutDesc{
		width: 100%;
		text-align: center;
	}
	.aboutDesc h1{
		text-align: center;
	}
}

/* Home Products */
.homeProd{
	width:100%;
	margin-top: 20px;
}

.homeProdUl{
	list-style-type: none;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hommeProdLi{
	width:30%;
}
.homProdLiA{
	display: block;
	text-decoration: none;
	color: #000;
}

.inHomeProdLi{
	width:100%;
	position: relative;
}

.homeProdImg{
	width:100%;
	border-radius: 10px;
	overflow: hidden;
	position: inherit;
	z-index: 9;
	background-color: #fff;
}
.homeProdImg img{
	width: 100%;
	transition: 0.2s ease-in-out;
}

.homeProdInfo{
	width:90%;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.09);
	padding: 20px;
	border-radius: 15px;
	margin-top: -100px;
	position: inherit;
	z-index: 10;
	transition:0.2s ease-in-out;
}

.homeProdInfo .boxHead{
	text-align: center;
	margin-bottom: 10px;
	transition:0.2s ease-in-out;
}

.homeProdInfo .boxDesc{
	text-align: center;
	margin-bottom: 10px;
	transition:0.2s ease-in-out;
}
.homeProdInfo .boxDesc .webTags{
	transition:0.2s ease-in-out;
}

.homeProdInfo .boxLink{
	text-align: right;
}
.homeProdInfo .boxLink a{
	color: #000;
	text-decoration: none!important;
	font-size: 20px;
	transition:0.2s ease-in-out;
}

.hommeProdLi:hover .homeProdImg img{
	transform: scale(1.1);
}

.hommeProdLi:hover .homeProdInfo{
	background-color:#009646;
}
.hommeProdLi:hover .homeProdInfo .boxHead{
	color:#fff;
}
.hommeProdLi:hover .homeProdInfo .boxDesc{
	color:#fff;
}

.hommeProdLi:hover .homeProdInfo .boxDesc .webTags{
	background-color: #fff;
	color:#009646;
}
.hommeProdLi:hover .homeProdInfo .boxLink a{
	color:#fff;
}
.homeProdInfo .boxLink a:hover{
	font-size: 23px;
}

@media screen and (max-width:768px) { 
	.homeProdUl{
		display: block;
	}
	
	.hommeProdLi{
		width:100%;
		margin-bottom:30px;
	}
	.homeProdInfo{
		margin-top: -100px;
	}
}



/*Photo Gallery*/

.homePGall{
	width: 100%;
}

.homeProjUl{
	list-style-type: none;
	width: 100%;
	text-align: center;
}

.homeProjLi{
	display: inline-block;
	width: 28%;
	border: none !important;
	margin: 2%;
	padding: 0px 5px;
}
.homeProjLi a{
	display: block;
	text-decoration: none;
	color: #000;
}

.inHomeProjLi {
	width: 100%;
	height: 100%;
	border: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
}
.homeProInfo{
	width:100%;
	padding: 10px;
	background-color: #fafafa;
	
}
.homeProInfo .boxHead{
	text-align: left;
	line-height: normal;
}
.homeProInfo p{
	text-align: left;
	margin: 0px;
}
.homeProImg{
	width: 100%;
	height: fit-content;
	position: relative;
	overflow: hidden;
}
.homeProImg img{
	width: 100%;
	transition: 0.2s ease-in-out;
}
.homeProImg .overlayD{
	top: -100%;
	transition:0.2s ease-in;
}

.homeProImg .overlayT{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	color: #fff;
	top: 200%;
	transition: 0.3s ease-out;
}
.homeProImg .overlayT p{
	line-height: normal;
	margin-bottom: 5px;
	font-size: 14px;
}
.homeProName{
	padding: 5px 10px;
	background: #009646;
	text-align: left;
}
.homeProName h5{
	margin: 0px;
	line-height: normal;
	color: #fff;
}
.homeProDesc{
	padding: 10px;
	text-align: left;
	background: #fff;
}
.homeProjLi:hover .homeProImg img{
	transform: scale(1.1);
}

.homeProjLi:hover .homeProImg .overlayD{
	top: 0;
}
.homeProjLi:hover .homeProImg .overlayT{
	top: 0;
}

@media screen and (max-width:768px) {
	.homeProjLi{
		width: 45%;
	}
}

@media screen and (max-width:520px) {
	.homeProjLi{
		width: 100%;
		margin: 0px;
		padding: 10px 20px;
	}
}


/*Trusted By*/
.homeTrustedBy{
	width: 100%;
}
.homeTBUl{
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.homeTBLi{
	width: 19%;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #eaeaea;
	margin: 0px;
	margin-bottom: 5px;
	padding: 10px;
	background: #fff;
}

.homeTBLi img{
	width: 100%;
	filter: grayscale(100);
	transition: 0.2s ease-in-out;
}

.homeTBLi:hover img{
	filter: grayscale(0);
}

@media screen and (max-width:768px) {
	.homeTBUl{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.homeTBLi{
		width: 48%;
		margin-bottom: 3%;
	}
}

/*Home Testimonial*/
.test-sec{
	background-image: url('../images/test-back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.test-sec h1{
	color: #fff!important;
}

.testi-div{
	width: 100%;
}

.singleTesti{
	width: 100%;
	padding: 10px;
}

.inSingleTeati{
	width: 100%;
}

.testiImage{
	width: 150px;
	height: 150px;
	border-radius: 100%;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	margin: 0px auto;
	overflow: hidden;
}

.testiInfo{
	width: 100%;
	text-align: center;
	background: #fafafa;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	padding: 75px 20px 20px;
	margin-top: -65px;
	border-radius: 5px;
}

/*Home Blogs*/
.homeBlogs{
	width: 100%;
}
.homeBlogsUl{
	width: 100%;
	list-style-type: none;
}
.homeBlogLi{
	display: inline-block;
	width: 48%;
	margin-right: 1%;
}
.inhomeBlogLi{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #eee;
	background: #fafafa;
	transition: 0.2s ease-in-out;
}
.hBlogImg{
	width: 35%;
	overflow: hidden;
}
.hBlogImg img{
	width: 100%;
	transition: 0.2s ease-in-out;
}
.hBlogInfo{
	width: 60%;
	padding-right: 15px;
}

.hBlogInfo .boxHead, .hBlogInfo p{
	margin-bottom: 5px;
}

.homeBlogLi:hover .hBlogImg img{
	transform: scale(1.1);
}

.homeBlogLi:hover .inhomeBlogLi{
	background: #efefef;
}

@media screen and (max-width:768px) {
	.homeBlogLi{
		width: 100%;
	}
}
@media screen and (max-width:520px) {
	.inhomeBlogLi{
		width: 100%;
		display: block;
	}
	.hBlogImg{
		width: 100%;
	}
	.hBlogInfo{
		width: 100%;
		padding: 10px;
	}
}

/*******************************************Contact Page***********************/
.contact-form{
	width: 100%;
	padding: 50px 50px;
	box-shadow: 0px 0px 12px 3px rgb(0 0 0 / 12%);
	border-radius: 2px;
	background: #fff
}

.contact-form h3{
	margin-bottom: 15px;
	border-bottom: 2px solid #000;
}

.contactBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inContactBox{
	width: 48%;
}

.inContactBox input{
	width: 100%;
	padding: 10px 8px;
	border: 1px solid #aaa;
	margin-bottom: 5px;
}
.inContactBox textarea{
	width: 100%;
	padding: 5px 8px;
	border: 1px solid #aaa;
	margin-bottom: 5px;
}

.contactDet{
	width: 48%;
}

.incontactDet{
	width: 100%;
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
	align-items: center;
}

.contactIcon{
	width: 5%;
}

.contactInfo{
	width: 90%;
}

@media screen and (max-width:768px) {
	.contact-form{
		padding: 20px 20px;
	}
	.contactBox{
		display: block;
	}

	.inContactBox{
		width: 100%;
		margin-bottom: 20px;
	}

	.contactDet{
		width: 100%;
	}
}



/* ************************* About Page****************** */
/* About EGB */
.abtEGB{
	width:100%;
	margin-top: 20px;
}
.abtEGBUl{
	width: 100%;
	list-style-type: none;
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.abtEGBLi{
	display: inline-block;
	width: 30%;
	border:1px solid #eee;
	border-top: 2px solid #009646;
	border-bottom: 2px solid #009646;
	transition: 0.2s ease-in-out;
}
.inabtEGBLi{
	width: 100%;
	padding: 20px;
}
.aboutEGBIcon{
	width: 100%;
	margin-bottom:10px;
	height: 70px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.aboutEGBIcon img{
	width: 20%;
	margin: 0px auto;
}
.aboutEGBDesc{
	width: 100%;
}
.abtEGBLi:hover{
	background-color: #eeeeee;;
}

@media screen and (max-width:768px) {
	.abtEGBUl{
		display: block;
	}
	.abtEGBLi{
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
}

/* Our Team */
.ourTeamDiv{
	width: 100%;
}
.oTCatUl{
	width: 100%;
	list-style-type: none;
}
.oTCatLi{
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border:1px solid #eaeaea;
}

.otCatHead{
	width: 100%;
	padding: 10px;
	border:1px solid #eee;
	background: #fafafa;
	cursor: pointer;
	
	transition: 0.2s ease-in-out;
}
.otUl{
	width: 100%;
	list-style-type:none;
	text-align: center;
	margin-top: 15px;
}
.oTLi{
	display: inline-block;
	width: 25%;
	margin: 0px 2%;
	margin-bottom: 2%;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1);
}
.inOtLi{
	width: 100%;
}
.otImg{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.otImg img{
	width: 100%;;
}
.otImg .overlayD{
	top: -100%;
	transition: 0.2s cubic-bezier(0.42, 0, 0.67, 1);
}
.otImg .overlayT{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	top: 200%;
	transition: 0.3s cubic-bezier(0, 0.38, 0.63, 1.05);
}

.otInfo{
	width: 100%;
	background: #aaa;
	color: #fff;
	padding: 8px;
}
.otInfo .boxHead{
	color: #fff;
}
.otDesc{
	width: 100%;
	padding: 15px 15px 15px 15px;
	border: 1px solid #eee;
	transition: 0.2s ease-in-out;
}

.oTLi:hover .otImg .overlayD{
	top: 0;
}
.oTLi:hover .otImg .overlayT{
	top: 0;
}

.oTLi:hover .otDesc{
	top: 0;
	background-color: #009646;
}

.oTLi:hover .otDesc .boxDesc{
	letter-spacing: 2px;
	color:#fff;
}

@media screen and (max-width:768px) {
	.otUl{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.oTLi{
		width: 48%;
		margin: 0px;
		margin-bottom: 2%;
	}
}

@media screen and (max-width:520px) {
	.otUl{
		display: block;
	}
	.oTLi{
		width: 100%;
		margin: 0px;
		margin-bottom: 2%;
	}
}

/* Manufacturing Units */

.manfUDiv{
	width: 100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.manfUImg{
	width:40%;
}

.manfUImg img{
	width:100%;
}

.manfUDesc{
	width:55%;
}

.inManfUDesc{
	width:100%;
	padding:15px 20px;
	background-color: #fff;
	box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 5%);
	margin-bottom:10px;
	border-radius: 2px;
}

@media screen and (max-width:768px) {
	.manfUDiv{
		display:block;
	}
	
	.manfUImg{
		width:100%;
		margin-bottom: 20px;
	}
	.manfUDesc{
		width:100%;
	}
}

/* CORPORATE SOCIAL RESPONSIBILITY */
.csrDiv{
	width:100%;
	margin-top: 20px;
}
.csrUl{
	width: 100%;
	margin-top: 20px;
	list-style-type: none;
}
.csrLi{
	width:100%;
	display: block;
}
.inCsrLi{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:10px;
	border:1px solid #eee;
	background-color: #fafafa;;
}

.crsLiImg{
	width: 20%;
}
.crsLiInfo{
	width:80%;
	padding:0px 30px;
}

@media screen and (max-width:768px) {
	.crsLiImg{
		width: 50%;
	}
	.crsLiInfo{
		width:50%;
		padding:0px 15px;
	}
}

@media screen and (max-width:520px) {
	.inCsrLi{
		display: block;
	}
	.crsLiImg{
		width: 100%;
	}
	.crsLiInfo{
		width:100%;
		padding:20px 20px;
	}
}
/* Cerificates */
.certiDiv{
	width:100%;
	margin-top: 20px;;
}
.certUl{
	width:100%;
	list-style-type: none;
	text-align: center;
}

.certLi{
	width:100%;
	display: block;
}

.inCertLi{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fafafa;
	border:1px solid #eee;
}
.certImg{
	width:20%;
}
.certInfo{
	width: 80%;
	padding: 0px 20px;
	text-align: left;
}
.certiDates{
	width: 100%;
	margin-top: 10px;
	display: flex;
}
.certiDates label{
	width:fit-content;
	padding: 8px 10px;
	border: 1px solid #aaa;
	margin: 0px;
	margin-right: 10px;
}

@media screen and (max-width:768px) {
	.certImg{
		width:40%;
	}
	.certInfo{
		width: 60%;
		padding: 0px 10px;
	}
}

@media screen and (max-width:520px) {
	.inCertLi{
		display: block;
	}
	.certImg{
		width:100%;
	}
	.certInfo{
		width: 100%;
		padding: 15px;
		text-align: center;
	}
}

/* Rewards Recognition */
.rewRecDiv{
	width:100%;
	margin-top:20px;
}
.rewRecUl{
	width:100%;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rewRecLi{
	width:49%;
	display:inline-block;
	margin-bottom:2%;
}

.inRewRecLi{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fafafa;
	border: 1px solid #eee;
}
.rewRecImg{
	width: 30%;
}
.rewRecInfo{
	width:70%;
	padding: 15px;
}
.rewRecLi .fDRR .rewRecInfo .boxHead{
	text-align: right;
}
.rewRecLi .fDRR .rewRecInfo .boxDesc{
	text-align: right;
}

@media screen and (max-width:768px) {
	.inRewRecLi{
		display: block;
	}
	.rewRecImg{
		width: 100%;
	}
	.rewRecInfo{
		width:100%;
	}
	.rewRecLi .inRewRecLi .rewRecInfo .boxHead{
		text-align: center;
	}
	.rewRecLi .inRewRecLi .rewRecInfo .boxDesc{
		text-align: center;
	}
}

@media screen and (max-width:520px) {
	.rewRecUl{
		display: block;
	}
	.rewRecLi{
		width:100%;
		display:block;
	}
}

/* QEHS [Quality, Environmental, Occupational Health & Safety] */
.qhesDiv{
	width:100%;
}

.qhesUl{
	width:100%;
	list-style-type: none;
	margin-top: 15px;
}
.qhesLi{
	display:block;
	width:100%;
	margin-bottom: 10px;
}

.inQhesLi{
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 6%);
	transition: 0.2s ease-in-out;
}

.qhesLiIcon{
	width: 5%;
}

.qhesLiDesc{
	width: 95%;
	padding: 8px 15px;
}

.qhesLi:hover .inQhesLi{
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
	background-color: #fafafa;
}

/* **************************** FAQ ********************** */
.faqCatDiv{
	width:100%;
	margin-top: 20px;
}

.faqCatUl{
	list-style-type: none;
	width: 100%;
	text-align: center;
}

.faqCatLi{
	width:fit-content;
	display: inline-block;
	margin: 0px 15px;
}

.faqCatLi label{
	display: block;
	width: 100%;
	height: 100%;
	border-bottom:5px solid #eee;
	padding: 10px 8px;
	cursor: pointer;
	margin-bottom: 0px;
	box-shadow: border-box;
	transition: 0.2s ease-in-out;
	width: fit-content;
	white-space: nowrap;
}

.faqCatLi input[type=radio]{
    display: none;
}

.faqCatLi input[type=radio]:checked + label {
	border-bottom: 5px solid #009646;
	background-color: #eee;
}

.faqCatLi:hover label{
	background-color: #eee;
}

.faq-div{
	width:100%;
}
.faqUl{
	margin-top: 20px;
	width: 100%;
	list-style-type:none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.faqLi{
	width:49%;
	display: block;
	margin-bottom: 2%;
}

.inFaqLi{
	width:100%;
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 30px 10px rgb(0 0 0 / 2%);
	position: relative;
}
.hideFaq{
	position: absolute;
	right: 10px;
	top: 2px;
	padding: 4px;
	background-color: transparent;
	outline: none!important;
	border: none!important;
	color: #009646;
	font-size: 12px;
	margin: 0px;
}

.faqQues .boxDesc{
	font-weight:600;
}
.faqAns{
	margin-top: 10px;
	display: none;
}
.inFaqAns{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.width20{
	width: 20%;;
}
.width80{
	width: 80%;
	padding: 0px 20px;
}

@media screen and (max-width:768px) {
	.faqCatUl{
		display: flex;
		justify-content: flex-start;
		overflow-x: scroll;
	}

	.faqUl{
		display: block;
	}
	
	.faqLi{
		width:100%;
	}
}


/************************************** Product Page ********************/
.product-cat-div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fafafa;
}
.product-cat-controls{
	width: 30%;
	overflow: hidden;
}
.product-cat-images{
	width: 100%;
}
.proCImg{
	width: 100%;
	position: relative;
}
.product-cat-description{
	width: 65%;
}

/* Product Variants */
.proVari{
	width:100%;
	margin-top: 20px;
}

.proVarUl{
	width:100%;
	list-style-type: none;
	text-align: center;
}
.proVarLi{
	width: 23%;
    display: inline-block;
    margin-right: 1%;
}
.mr0{
	margin-right:0px!important;
}

.proVarLi a{
	display: block;
	text-decoration: none!important;
}

.inProVarLi{
	width:100%;
	border: 1px solid #eee;
}

.proVarImg{
	width:100%;
	position: relative;
	overflow: hidden;
}
.proVarImg .overlayD{
	z-index: 99;
	top: 200%;
	transition: 0.2s ease-in-out;
}

.proVarImg img{
	width:100%;
	position:inherit;
	z-index: 999;
	transition: 0.2s ease-in-out;
}

.proVarInfo{
	width: 100%;
	background-color: #eee;
	padding: 10px 15px;
	position: relative;
	overflow: hidden;
}
.proVarInfo .overlayD{
	z-index: 99;
	transition: 0.2s ease-in-out;
}
.inProVarInfo{
	position:inherit;
	z-index: 999;
}
.inProVarInfo .boxHead{
	color: #fff;
	text-align:left;
	transition: 0.2s ease-in-out;
}
.inProVarInfo .boxDesc{
	color: #fff;
	text-align:left;
	transition: 0.2s ease-in-out;
}

.proVarLi:hover .proVarImg .overlayD{
	top: 0%;
	opacity: 0.3;
}
.proVarLi:hover .proVarInfo .overlayD{
	top: -100%;
}
.proVarLi:hover .proVarImg img{
	transform: scale(1.1);
}

.proVarLi:hover .boxHead{
	color: #000!important;
}
.proVarLi:hover .boxDesc{
	color: #000!important;
}

@media screen and (max-width:768px) {
	.proVarLi{
		width: 49%;
		display: inline-block;
		margin-right: 2%;
	}
}

@media screen and (max-width:520px) {
	.product-cat-div{
		flex-wrap: wrap;
	}
	.product-cat-controls{
		width: 100%;
	}
	.product-cat-images{
		width:60%;
		margin: 0px auto
	}
	.product-cat-description{
		width: 100%;
		padding: 0px 15px;
	}
	.product-cat-description .boxBHead{
		text-align: center;
	}
	.product-cat-description p{
		text-align: center;
	}
	.proVarLi{
		width: 100%;
		display: inline-block;
		margin-right: 0%;
	}
}

/* Advantages */
.advDiv{
	width:100%;
	margin-top: 20px;
}
.advUl{
	width:100%;
	list-style-type: none;
}
.advLi{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

.inLiAdv{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.advImg{
	width:10%;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;	
	position: relative;
	padding: 10px;
}
.advImg:after{
	content:'';
	background-image: url('../images/shadow-right.png');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width:10px;
	height: 100%;
	z-index: 9;
}

.advImg img{
	width:100%;
}
.advTitle{
	width: 20%;
	background-color: #fafafa;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	padding: 0px 20px;
}
.advTitle:after{
	content:'';
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width:5px;
	height: 80%;
	background-color: #009646;
}

.advTitle:before{
	content:'';
	position: absolute;
	right: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width:0px;
	height: 0px;
	border-top: 8px solid transparent;
  	border-bottom: 8px solid transparent;
  	border-left: 10px solid #009646;
}
.advDesc{
	width:70%;
	background-color: #fafafa;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 25px;
}

@media screen and (max-width:768px) {
	.advUl{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.advLi{
		width: 49%;
		margin-bottom: 2%;
	}
	.advImg{
		width:100%;
		border-bottom: none;
		border-right: 1px solid #eee;
		background-color: #fafafa;
	}
	.advImg:after{
		background-image: url('../images/shadow-bottom.png');
		background-position: center;
		right: 0;
		left: 0;
		top: unset;
		bottom:-35px;
		margin: auto;
		width:100%;
		height: 35px;
		z-index: 9;
	}
	.advTitle{
		width: 100%;
		display: block;
		text-align: center;
		padding: 30px 20px 0px;
		
	}
	.advTitle:after{
		display: none;
	}
	.advTitle:before{
		display: none;
	}

	.advDesc{
		width:100%;
		background-color: #fafafa;
		display: block;
		text-align: center;
		padding: 10px 20px 20px;
	}
}

@media screen and (max-width:425px) {
	.advUl{
		display: block;
	}
	.advLi{
		width: 100%;
		margin-bottom: 25px;
	}
	.advImg img{
		width: 40%;
    	margin: 0px 30%;
	}
}


/* Technical Dimention */
.tech-dim{
	background-image: url('../images/test-back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.tech-dim h1{
	color: #fff;
}
.techSp{
	width:100%;
	margin-top: 20px;
}

.inTechSp{
	width:100%;
}

.techSpTab{
	width:100%;
	background-color: #fff;
	padding: 20px;
}

.tablea{
	border-right:#E9E9E9 solid 1px; background:#ffffff;
}
.tablea thead td{ 
	background:#DDDDDD;
	color:#333333;
	font-size:18px;
	text-align:center;
}
.proCompTab .tablea thead td{ 
	font-size:15px!important;
}

.tablea td{ 
	color:#7F7F85;
	font-size:13px;
	border-bottom:#E9E9E9 solid 1px;
	border-left:#E9E9E9 solid 1px;
	padding:7px 5px;
}
.tablea tr td:nth-child(2) {
	display: none;
}

/* Major Application */
.majApp{
	width:100%;
	margin-top: 20px;
}
.majAppUl{
	width:100%;
	list-style-type: none;
}
.majAppLi{
	display: inline-block;
	width: 20%;
	margin-right: 1%;
}
.inMajApp{
	width:100%;
}
.majAppImg{
	width:100%;
	border:1px solid #eee;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.majAppImg img{
	width:40%;
}
.majAppTitle{
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
	background-color: #fafafa;
	color: #009646;
}
.majAppTitle .boxHead{
	color: #009646;
}
.majAppInfo{
	width:100%;
	background-color: #fafafa;
	padding: 10px 15px;
	padding-top: 0px;
	text-align: center;
}

@media screen and (max-width:768px) {
	.majAppLi{
		width: 49%;
		margin-right: 2%;
	}
}

.igImage{
	width:80%;
	display: flex;
	margin: 0px auto;
}

/* Floating Buttons */
.fBtnsDiv{
	position: fixed;
	left: 0;
	bottom: 70px;
	z-index: 999;
	box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
}

.fBtnsUl{
	width:70px;
	list-style-type: none;
	margin: 0px;
}
.fBtnsLi{
	width:100%;
	display: block;
}
.infBtnsLi{
	width:100%;
	background-color: #fff;
	padding: 10px;
	cursor:pointer;
	transition: 0.2s ease-in-out;
}
.fBtnIcon{
	width:100%;
}
.fBtnIcon img{
	width:100%;
}
.fBtnInfo{
	width: 100%;
	font-size: 1em;
	padding: 5px;
}
.fBtnsLi:hover .infBtnsLi{
	background-color: #eee;;
}

.msgBoxFbtn {
    text-decoration: none!important;
    display: block;
    background: #000;
    text-align: center;
    color: #fff!important;
    padding: 10px;
}


/********************************Product Page************************************/

.product-div{
	display: flex;
	justify-content: space-between;
}

.product-controls{
	width: 40%;
	overflow: hidden;
}

.product-images{
	width: 100%;
	margin-bottom: 20px;
}

.proFImg{
	width: 100%;
	position: relative;
	border:1px solid #aaa;
	background:#fafafa;
}
.pro360View{
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	margin-top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	padding: 10px;
}
.pro360View img{
	width: 100%;
	transition: 0.5s ease-in-out
}
.pro360View:hover img{
	transform: rotate(360deg);
}
.proThumbs{
	background-color: #fafafa;
}
.product-description{
	width: 55%;
}
.product-description small{
	margin: 0px;
}
.product-description h5{
	margin-bottom: 2px;
}

.product-description p{
	margin-bottom: 5px;
}


.sizeAndArea label{
	width: 49%;
	border: 1px solid #efefef;
	background: #fafafa;
	padding: 5px 8px;
}
.selToComp{
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {
	.product-div{
		display: block;
	}

	.product-controls{
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
		display: block;
	}

	.product-description{
		width: 100%;
	}
}

.boxed label {
	display: inline-block;
	width:100%;
	height:30px;
	text-align: center;
	border: solid 1px #ccc;
	transition: all 0.3s;
	font-size: 12px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	margin-bottom: 0px;
}

.boxed input[type="radio"] {
	display: none;
}

.boxed input[type="checkbox"] {
	display: none;
}

.boxed input[type="radio"]:checked + label {
	background: #009646!important;
	border: solid 1px #009646;
	color:#fff;
	cursor: pointer;
}


.boxed input[type="checkbox"]:checked + label {
	background: #009646!important;;
	border: solid 1px #009646;
	color:#fff;
	cursor: pointer;
}

.costEstiDiv{
	width: 100%;
}
.costestiCalc{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inpDiv{
	width: 33%;
}
.selDiv{
	width: 33%;
}
.reqVal , .reqValU{
	margin: 0px!important;
	border: 1px solid #aaa;
}

.btnDiv{
	width: 100%;
}
.checkPrice{
	background: #000000;
	padding:5px 0px;
	margin-top: 0px;
	outline: none!important;
	transition: 0.1s ease-in;
}
.checkPrice:hover{
	background: #555555;
}

.product-packagesMB{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.singleProPkgMB{
	width: 100%;
	border: 1px solid #eee;
	padding:5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pkgIconMB{
	width: 30%;
	margin-bottom: 5px;
}
.pkgDescMB{
	width: 60%;
	margin-bottom: 5px;
}
.pkgDescMB p{
	line-height: normal;
	margin: 0px;
	margin-bottom: 5px;
}

@media screen and (max-width:768px) {
	.singleProPkgMB{
		width: 100%;
		margin-bottom: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fafafa;
	}

	.pkgIconMB{
		width: 20%;
		margin-bottom: 0px;
	}
	.pkgDescMB{
		width: 75%;
		margin-bottom: 0px;
	}
}

@media screen and (max-width:520px) {
	.pkgIconMB{
		width: 30%;
		margin-bottom: 0px;
	}
	.pkgDescMB{
		width: 65%;
		margin-bottom: 0px;
	}
}


/**********************************Product Site Gallery*****************************/
.projectUL{
	width: 100%;
	list-style-type: none;
}

.projectLI{
	display: block;
	margin-bottom: 30px;
}

.projectHead{
	width: 100%;
	padding: 5px 10px;
	background: #fafafa;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.projectDesc {
	min-width: 90%;
}
.projectDesc h4{
	font-size: 30px;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.projectDesc h4 a{
	display: block;
	color: #000;
	text-decoration: none!important;
}
.projectDesc p{
	margin-bottom: 5px;
}

.projectLable{
	display: flex;
	justify-content: space-between;
}

.projectLable label{
	width: 49%;
	margin-bottom: 0px;
	border: 1px solid #eee;
	padding: 5px 8px;
}


.projectControl button{
	margin:0px;
	color: #000;
	background: transparent;
	outline: none;
	text-align: left;
}

.projectBody{
	width: 100%;
	padding: 20px 10px;
	border: 1px solid #eee;
	border-top: none;
}
.projUseUl{
	width: 100%;
	list-style-type: none;
}

.projUseLi{
	display: block;
	margin-bottom: 20px;
}

.projUseLi .projectHead h5{
	font-size: 25px;
	text-transform: capitalize;
}
.projUseBody{
	width: 100%;
	padding: 10px;
}
.projImgUl{
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.projImgUl li{
	display: inline-block;
	width: 20%;
	margin-bottom: 10px;
}

.projImgUl li img{
	width: 100%;
}

@media screen and (max-width:768px) {
	.projectLable {
	    display: block;
	}
	.projectLable label{
	    width: 100%;
	    border: none;
	    padding: 2px 0px;
	}
	.projectDesc h4{
		font-size: 25px;
	}
	.projUseLi .projectHead h5{
		font-size: 20px;
	}
	.projImgUl{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.projImgUl li{
		display: inline-block;
		width: 48%;
	}
}

.project-div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fafafa;
}
.project-img{
	width: 30%
}
.project-info{
	width: 65%;
	padding: 20px;
}

.project-info h3{
	font-size: 30px;
}
.project-loc-date{
	margin: 0px!important;
}
.project-loc-date label{
	background: #fff;
	border: 1px solid #aaa;
	width: 48%;
	padding: 5px 8px;
}
@media screen and (max-width:768px) {
	.project-div{
		display: block;
	}
	.project-img{
		width: 100%
	}
	.project-info{
		width: 100%;
		padding: 20px 10px;
	}
	.project-info h3{
		font-size: 25px;
	}
	.project-loc-date{
		display: block;
	}
	.project-loc-date label{
		width: 100%;
	}
}


/*********************************** Find A Dealer Page *****************************/
.finDealerDiv{
	width:100%;
	display:flex;
	justify-content: space-between;
}

.findDealerForm{
	width:30%;
	padding: 20px;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px 3px rgb(0,0,0,0.13);
}

.myInp .searchUl{
	margin-top: -10px;
}

.searchUl{
	width: 100%;
	list-style-type: none;
	background: #fff;
	box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.32);
	padding: 0px;
	display: none;
}

.searchUl li{
	width: 100%;
	padding: 5px;
	transition: 0.2s ease-in-out;
	background: #fff;
	cursor: pointer;
	box-sizing: border-box;
}

.searchUl li:hover{
	background: #dcdcdc;
}

.loading-div {
	font-size: 20px;
}
  
.loading-div i{
	animation-name: rotate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes rotate{
	100% { transform: rotate(360deg)};
}

.findDealerRes{
	width:65%;
}

.dealerUl{
	width:100%;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	animation-name: fadeInAni;
	animation-duration: 1s;
	animation-iteration-count: 1;
}
.dealerLi{
	width:48%;
	display: block;
	margin-bottom: 4%;
}
.dealerLiFull{
	width: 100%;
	margin-bottom: 4%;
}

@keyframes fadeInAni{
	0% { opacity: 0;margin-top: -10px};
	50% { opacity: 0.7;margin-top: -3px};
	1000% { opacity: 1;margin-top: 0px};
}

.paraIcon{
	width:100%;
	text-align:center;
	font-size: 3em;
	margin: 0px;
	color:#009646;
}

.inDealerLi{
	width:100%;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 6px 3px rgb(0,0,0,0.13);
}
.inDealerLi .boxHead{
	margin-bottom: 10px;
}

.inDealerLi .boxDesc{
	margin-bottom: 10px;
	padding: 8px 5px;
	border: 1px solid #eee;
	background-color: #fafafa;
}

@media screen and (max-width:768px) {
	.findDealerForm{
		width:48%;
	}
	.findDealerRes{
		width:48%;
	}
	.dealerLi{
		width:100%;
	}
}

@media screen and (max-width:520px) {
	.finDealerDiv{
		display: block;
	}
	.findDealerForm{
		width:100%;
		margin-bottom: 20px;
	}
	.findDealerRes{
		width:100%;
	}
	.dealerLi{
		width:48%;
	}
}

@media screen and (max-width:425px) {
	.dealerUl{
		display: block;
	}
	.dealerLi{
		width:100%;
		margin-bottom: 4%;
	}
}


/***************************Career Page**********************/
.careerDiv{
	margin-top:20px;
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.jobsDiv{
	width: 48%;
	position: relative;
}

.jobQuoteIcon{
	width: 25%;
	margin: 0px auto;
	margin-top: 50px;
	margin-bottom: 40px;
}
.jobQuoteIcon img{
	width: 100%;
}

.jobQuoteText{
	width: 100%;
}

.jobQuoteText .boxBHead{
	text-align: center;
	font-weight: 100;
	color: #ccc;
	line-height: 50px;
}

.jobsUl{
	width:100%;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/*position: sticky;
	top: 100px;
	left: 0;*/
}
.jobsLi{
	width:48%;
	display: block;
	margin-top: 25px;
	margin-bottom: 15px;
}

.inJobsLi{
	width: 100%;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 4px 2px rgb(0,0,0,0.13);
	text-align: center;
}

.roundABC{
	width:50px;
	height: 50px;
	border-radius: 100%;
	padding: 5px;
	line-height: normal;
	/* font-size: 1em; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
	margin-top: -40px;
	color: #fff;
	background-color: #009646;
}
.inJobsLi .boxHead{
	margin: 20px 0px 5px 0px;
	text-align: center;
}
.inJobsLi .boxDesc{
	text-align: center;
	margin-bottom: 0px;
}
.inJobsLi .themeBtn{
	display: block;
	margin:0px auto;
	margin-top: 10px;
}


.careerFormDiv{
	width:45%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 6px 3px rgb(0,0,0,0.13);
}
.careerFormDiv .boxBHead{
	font-size: 30px;
	margin-bottom: 15px;
	text-align: center;
}

@media screen and (max-width:768px) {
	.careerDiv{
		display: block;
	}
	
	.jobsDiv{
		width: 100%;
		margin-bottom: 20px;
	}

	.careerFormDiv{
		width:100%;
	}
}

@media screen and (max-width:425px) {
	.jobsUl{
		display: block;
	}
	.jobsLi{
		width:100%;
		display: block;
	}
}


/*************************** Jobs Page ***********************/
.jobInfo{
	width:100%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 6px 3px rgb(0,0,0,0.13);
}
.jobInfo .sizeAndArea{
	margin-bottom: 0px;
}

.jobDetails{
	width:100%;
}

.jobDetUl{
	width:100%;
	list-style-type: none;
}
.jobDetLi{
	display: block;
	position: relative;
	padding-left: 20px;
}

.jobDetLi:before{
	content:'';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:10px;
	height: 10px;
	border-radius: 100%;
  	background-color: #009646;
}

.dearlership-wrapper {
	padding: 60px 0;
  }
  
  .dearl-form-wrapper {
	border: 1px solid #eee;
	padding: 25px 15px;
	width: 70%;
	margin: 0 auto;
  }
  .dearl-form-wrapper .form-head {
	margin-left: 15px;
	margin-right: 15px;
	background: #f5f5f5;
	padding: 12px 15px;
	margin-bottom: 20px;
  }
  .dearl-form-wrapper .form-head h5 {
	margin-bottom: 0;
  }
  
  .form-row {
	display: flex;
	flex-wrap: wrap;
  }
  .form-row .form-inp-4 {
	width: 33.33%;
  }
  .form-row .form-inp-6 {
	width: 50%;
  }
  .form-row .form-inp-12 {
	width: 100%;
  }
  .form-row .form-inp-box {
	position: relative;
	padding-left: 15px;
	padding-right: 10px;
	margin-bottom: 20px;
  }
  .form-row .form-inp-box .form-inp {
	width: 100%;
	border: 1px solid #ccc;
	padding: 8px 40px 8px 10px;
	outline: none;
  }
  .form-row .form-inp-box input[type=date] {
	padding: 8px 10px 8px 10px;
  }
  .form-row .form-inp-box i {
	position: absolute;
	top: 15px;
	right: 26px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	color: #ccc;
  }
  .form-row .form-group {
	margin-bottom: 20px;
  }
  
  .week-days label {
	margin-left: 10px;
	margin-right: 10px;
  }
  
  .mb-0 {
	margin-bottom: 0 !important;
  }
  
  .sec-label {
	margin-bottom: 10px;
  }
  
  .cus_cbox input[type=checkbox], .cus_cbox input[type=radio] {
	display: none;
  }
  .cus_cbox input[type=checkbox]:checked + label, .cus_cbox input[type=radio]:checked + label {
	background: #ccc;
	color: #fff;
	transition: all 0.3s ease-in-out;
  }
  .cus_cbox label {
	border: 1px solid #ccc;
	display: block;
	padding: 5px 15px;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0;
  }
  
  .form-btn button {
	background: #009646;
	color: #fff;
	outline: none;
	border: 1px solid #009646;
	padding: 7px 30px;
  }