/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

.clear{ clear:both}


/******joni*********/


@media (max-width: 768px) {
.wraper{ width:100%; height:auto;}	
.topcontainer{width:80%; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.top_rightcontainer{width:98%; height:auto; position:fixed; top:0%; right:1%; clear:both; background-color:transparent; z-index:10;}

.logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:#FFF; padding-top:7%; padding-left:5%; padding-bottom:7%; padding-right:5%  }
.logobg{ width:100%; height:auto; position:absolute; bottom:-11%; left:0px; z-index:9999}
.logo_container img{ width:100%; height: auto; /*box-shadow: 0 5px 5px -3px #000000;*/}
.menucontainer{ width:70%; height: auto;  top:-5px; margin:0 auto;z-index:0; }
.caption{ width:80% !important; height:auto; position:absolute;  bottom:25%; left:10% }
.caption img{ width:100% !important; height:auto; }
.footer_wraper{ width:100%; height: auto; z-index:1; position:fixed; bottom:0px; left:0px}
.footerlinks{ width:100%; height: auto; background-color:#7f7f7f; }
.footerlinks_container{ width:90%; height:auto; margin:0 auto}
.footerlinks_containerdtl{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%; display:none}
.footerlinks_containerdtl  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl  a:hover{ color:#ffffff; text-decoration: none; padding-left:0%; padding-bottom:0% !important; padding-top:0% !important; padding-right:0%; background-color:#00823a; }
.footerlinks_containerdtl_1{ width: auto; height:auto;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%; margin:0 auto}
.footerlinks_containerdtl_1  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl_1  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl_1  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }

.footer_container{ width:100%; height: auto; background-color:#000000}
.footer_container_dtl{ width:90%; height: auto; margin:0 auto;  }
.caldtl{ width:100%; height: auto; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color:#CCC; padding-top:1%; margin:0 auto; text-align:center; padding-bottom:1%; border-bottom:1px dotted #cccccc}
.caldtl span{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; color: #CCC; padding-top:1%; display:none;}
.social_container{ width:auto; height: auto; padding-top:1%; float:left; padding-left:30% }
	
.subprocntnr{
	width:43px;
	height:30px;
	float:left;
	clear: inherit !important; display:none
	
}
.subprocntnrfb{
	width:30px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
#mainprod01 {background: url(../images/twitter.png); }
#mainprod02 {background: url(../images/facebook.png)  ; }
#mainprod03 {background: url(../images/youtube.png); }
#mainprod04 {background: url(../images/skype.png); }
.mainprod-image {display: inline-block; background: no-repeat; width:43px; height:25px}
.mainprod-image:hover {background-position: -1px -35px !important; text-decoration: none;  }
.mainprod-imagetr {display: inline-block; background: no-repeat; width:30px; height:14px}
.mainprod-imagetr:hover {background-position: -1px -14px !important; text-decoration: none;  }
.mainprod-imagefb {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagefb:hover {background-position: -1px -20px !important; text-decoration: none;  }
.mainprod-imagesp {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagesp:hover {background-position: -1px -20px !important; text-decoration: none;  }
.copyright{ width:45%; height: auto; margin:0 auto }
.copyrightdtl{font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color: #999; float:left; display:none}
.designed{ width: auto; height:auto; float:left; padding-left:8%; padding-top:2% }
/*aboutus*/
.inrtopcontainer{width:28%; height:auto; position: absolute; top:0; left:1%; clear:both; background-color:#ffffff; padding-right:34%; padding-left:3%; padding-bottom:1%; padding-top:1%; display:none}
.inr-logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:#FFF; padding-top:4%; padding-left:10%; padding-bottom:4% }
.inrmenucontainer{width:100%; height:auto;  clear:both}
.inr-logobg{ width:100%; height:auto; position:absolute; bottom:-11px; left:12%; z-index:9999}
.inrmenu{ width:100%; height:20px;  top:-5px; margin:0 auto;z-index:0; }

.portal{width:100%; height: auto; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none; text-align:center}
.portal a{width:100%; height:auto;  font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #FFF; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none; text-align:center }
.portal a:hover{width:100%; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #000;  text-decoration: none }




.bred{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	position: absolute;
	top: 12px;
	right: 32px; display:none
}
.bred-home{ font-size:12px; color:#f7b40c; float:left; height: auto; width: auto;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:2px}
.bred-home a{ font-size:12px; color: #f7b40c;  height: auto; padding-right:2px; width: auto; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.bred-home a:hover{ font-size:12px; color:#dfa506;  height: auto; text-decoration:underline !important; width:50px; font-weight:bold;}
.bred-arrow{ font-size:12px; color:#333333; width: auto;  float:left; padding:3px 2px 0 2px; font-weight:bolder}
.bred-next{ font-size:12px; color:#00823b; font-weight:bold; padding:2px 2px 0 2px;float:left; font-family:Arial, Helvetica, sans-serif;}
.bred-last{ font-size:12px; color:#033c1d; font-weight:bold; padding:2px 2px 0 2px;float:left;font-family:Arial, Helvetica, sans-serif;}

.aboutus_container{ width:98%; height: auto; /* background-color:#00823b;opacity:0.6;
filter:alpha(opacity=60);*/ padding:1%; position:absolute; top:18%; left:1%;background-color: rgba(0, 0, 0, 0.5);}

.about_dtl{ width:100%; height: auto; background-color:#ffffff;  }
.expertise{ width:100%;  padding-left:1%; padding-right:1%; /*position:fixed;clear: none;  */ display: block; overflow:auto;
 /*color of the border*/ margin-top:0% !important;/*height:510px !important;*/ 
bottom: 8% ;
height:67% !important;
margin-bottom: 0!important;background-color: rgba(0, 0, 0, 0.5); padding-bottom:1%; padding-top:1% }
.expertise_dtl{ width:98%; height: auto; background-color:#ffffff; padding-left:1%; padding-right:1%; padding-bottom:20% }
.contact_dtl{ width:95%; height: auto; background-color:#f5f5f5; margin:0 auto; padding-bottom:3%; }

.expertise_dtl h1{ width:100%;  font-size:120%; font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: bold }
.expertise_dtl p{ width:100%; height: auto; font-size:85%; font-family:Arial, Helvetica, sans-serif; color: #333; font-weight:normal; line-height:18px; text-align:justify }
.expertise_dtl h2{ width:100%; font-size:100%; font-family:Arial, Helvetica, sans-serif; color:#dd6e1f; font-weight:normal; text-align:justify }
.expertise_dtl ul{ margin:0px; padding:0px; list-style-type:none}
.expertise_dtl ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px}
.expertise_dtl p span{ width:100%; height: auto; font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #00823b; font-weight:normal; line-height:18px; text-align:justify }


/*vendor section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryforvendor{ width:100%; height: auto;  float:left; background-color:#ffffff }
#enquiryforvendor h6{font-size:110%; font-family:Arial, Helvetica, sans- serif; color:#ffffff; font-weight:bold; margin-bottom:3%; margin-top:0px ; background-color:#000000; height:38px; padding-top:10px; text-align:left; padding-left:24% }
#vendor-dtl{ width:52%; height: auto; padding-bottom:15px; margin:0 auto }
#vendor-comment{ width:52%; height:80px; margin-bottom:15px !important; margin:auto }

#vendorforcode{ width:53%; height:25px; float:left;}
#vendorfordiscrip{ width:53%; height:25px; float:left; }

#vendor-txtbox{ width:97% !important; height:30px;float:left;}
#vendor-txtbox_1{ width:52% !important; height:30px; margin:0 auto}


#vendor-txtbox_con{ width:40% !important; height:30px;float:left;}

.vendortcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.vendortcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#vendor-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}
.vendorurdtls{ width:100%; height: auto ; }
.vendorurdtls h1{width:52%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; margin:0 auto }


.vendortxtbtn{width:40% !important; height:35px;float:left;}
#vendor-txtbox img{ width:50%; height:auto}
.vendortcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:4px; color:#666666}
.vendortcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:4px; color:#666666}



/*euquiry section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryfor{ width:90%; height: auto;  padding-top:15px;margin:0 auto;  }
#enquiryfor h6{font-size:100%; font-family:Arial, Helvetica, sans- serif; color:#00823b; font-weight:bold; text-align:left; margin-bottom:3%; margin-top:0px  }
#enquiry-dtl{ width:88%; height: auto; padding-bottom:15px; margin:0 auto }
#enquiry-dtl h1{ width:100%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; text-align:center }

#enquiry-comment{ width:100%; height: auto; float:left; padding-bottom:15px; }
#enquiryfor h1{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2%; text-align:center }
#enquiry-comment h1{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiryfor h3{ width: auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#da2921; font-weight:normal; float:left; padding-left:5%; padding-right:2%; }
#enquiryfor h4{width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left}
#enquiryforcode{ width:53%; height:25px; float:left;}
#enquiryfor h5{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left }
#enquiryfordiscrip{ width:53%; height:25px; float:left; }
#enq-txtbox_con{ width:90% !important; height:30px;float:left;}


#enquirysep{ width:2px; height:auto; padding-right:15px; float:left; padding-top:8px; display:none }
#enq-txtbox{ width:54% !important; height:30px;float:left;}
.tcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.tcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#enq-txtbox-1{ width:40% !important; height:80px; float:left;}
.urdtls{ width:100%; height: auto ; }

.urdtls h1{ width:25%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
.urdtlssepa{width:2px; height:auto; padding-right:15px; float:left; margin-top:5px}
.txtbtn{width:40% !important; height:35px;float:left;}
.urdtls h2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0px 35px 20px 14px; font-weight:normal; float:left}
#jumpMenu{border:1px solid #999999; width:100% !important; height:30px; font-size:12px; color:#333333; padding-top:5px}
#enq-txtbox img{ width:50%; height:auto}
.combo99{ width:100%; height:28px; font-size:80%; color:#666; font-family:Arial, Helvetica, sans-serif; border:1px solid #999; outline:none}
.tcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:2px; color:#333333}
.tcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}

/*contact us*/
.contact_container{ width:80%; height: auto; padding-top:2%; padding-bottom:1%; margin:2% auto; background-color:#f5f5f5;box-shadow: 0 4px 2px -2px #cccccc;/*background:url(../images/contactbg.png) no-repeat center bottom*/}
.contactlogo{ width:60%; height:auto; margin:0 auto; padding-bottom:5%; padding-top:2%}
.contactlogo img{ width:100%; height:auto}
.contact_left{ width:98%; height:auto; margin-bottom:5% }
.contact_border{ width:2%; height:auto; display:none}
.contact_left ul{ margin:0px; padding:0px; list-style-type:none}
.contact_left ul li{ font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666; text-align:center; margin-top:2%}
.contact_left ul li a{  color:#666666; text-decoration:none}
.contact_left ul li a:hover{  color:#00823b; text-decoration: underline}

/*downloads*/

	
	.downloads{position:relative;
    width:100%;
    padding-bottom:90%;
    height:0;
    overflow:auto; z-index:0}
	
.downloadmain{position:absolute;
    width:100%;
    height:100%;
    }	
.download_container{ width:100% !important; height:auto; float:left}
.downloadspic{ width: auto; height:auto; float:left; padding-right:3%}

.dowwnload_dtl{ width:100%; height:auto ;  padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.dowwnload_dtl h1{ font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:left; font-weight:normal; color:#333333; padding-top:3%}
.dowwnload_dtl h1 a { color:#333333; text-decoration:none}
.dowwnload_dtl h1 a:hover { color:#00823b; text-decoration: underline}


/*.dowwnload_dtl p{ font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:left; font-weight:normal; color:#666666; line-height:12px }
.dowwnload_dtl p a{  color:#666666; text-decoration:none}
.dowwnload_dtl p a:hover{  color:#F2B40C; text-decoration:underline !important}*/
.downloadlink{ width:10%; height:auto; float:right; padding-top:1%}

/*approvals*/
.approval_container{ width:100%; height:auto; }

.approval{width:100%; height: auto; background-color:#ffffff; float:left}
.approvalimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.approval ul{ margin:0px; padding:0px; list-style-type:none}
.approval ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px;border-bottom:1px dotted #cccccc; padding-bottom:1%; margin-bottom:1%; background:url(../images/aprovalicon.png) no-repeat 0px 2px; padding-left:8%}

/*news*/
.newscontainer{ width:100% !important; height:auto; float:left}
.news_dtls{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.newsimage_container{ width:23%; height:auto; float:left; display:none}
.newspic{ width:54px; height:53px; float:left; margin-right:1%; margin-bottom:3%; }

.news{ width:98%; height:auto; float:right; padding-left:1% }
.news_date{font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#333333; text-align:left; line-height:18px; font-weight:bold}
.news h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.news p{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; text-align:justify; line-height:18px; margin-top:2px}

/*groupcompanies*/
.group_container{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.group_container_pic{ width:110px; height:auto; float:left; padding-right:1%; display:none;}
.group_dtl{ width:98%; height:auto; padding-left:1% }
.group_dtl h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.group_dtl p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px; margin-top:2px; margin-bottom:0px}
.comapany_dtl_link{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; line-height:18px; float:left; width:auto}
.comapany_dtl_link span{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#00823b; line-height:20px; width:auto; }
.comapany_dtl_link span a{ color:#00823b; text-decoration:none;font-size:125%;}
.comapany_dtl_link span a:hover{ color:#00823b; text-decoration: underline !important}



/*gallery section*/
.gallery_container{width:100% !important; height:auto; }
#gallery7{ clear: none; float: left; margin-left: 0; width:100%; display: block; padding:0%; margin-top:1%;}
#gallery7 img{ margin-bottom:1%; margin-top:1%; margin-right:0.9%; margin-left:0.8%;padding:0.3%;border:2px solid #f2b40c/* background: linear-gradient(to right, #F2B40C 50%, #00823b 50%); padding:0.8% */}
#gallery7 h5{ width:auto; border-bottom:1px dotted #cccccc; color: #666; font-size:100%; font-family:Arial, Helvetica, sans-serif;  font-weight: bold;margin-bottom:2px; margin-top:2px; margin-right:0.9%; margin-left:0.8%}
#gallery7 fancybox{ display:none !important;} 

/*certificates*/
.certificate_container{ width:100% !important; height:auto; float:left }
.certificates{ width:100%; height:auto}
.certificate_dtl{ width:48%; height: auto; margin-right:2%; float:left; margin-bottom:2%; background-color:#dd6e1d;}
.certificate_pic{ width:100%; height: auto; padding:1%}
.certificate_pic img{ width:100%; height: auto;}

.certificate_name{ width:100%; height:auto; padding-top:2%; padding-bottom:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#333333; font-weight:bold}
.certificate_name a{ color:#333333; text-decoration:none}
.certificate_name a:hover{ color:#00823b; text-decoration: underline !important}

/*quality & safety*/
.quality_container{ width:100%; height:auto; }

.quality{width:100%; height: auto; background-color:#ffffff; float:left}
.quality h1{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b; padding-bottom:2px}

.qualityimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.quality ul{ margin:0px; padding:0px; list-style-type:none}
.quality ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px;border-bottom:1px dotted #cccccc; padding-bottom:1.5%; margin-bottom:1.5%; background:url(../images/safety-icon.png) no-repeat 0px 2px; padding-left:5%}
.safety_container{ width:100%; height:auto}
.safety_container h2{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:2px}
.safety_container p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666666; line-height:18px;}

/* machinery*/
.machinery_container{ width:100%; height:auto}
.machinery_container h1{font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:15px}
.item img{ width:100%; height:auto}

.imgfull1{
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
	
}

.img_box{
	width:30%;
	height: inherit;
	float:left !important; margin-bottom:8px; margin-right:3.3%;border:1px solid #cccccc
}
.img_ongoing{
	width:100%;
	height: auto;
	float:left; 
}
.img_under{	width:100%;	height:30px;	float:left;	padding:5px 0px 0px 10px; text-align:center;}
.img_under h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dd6e1d; font-weight:bold; margin-top:4px}

.collapse{width:100%;  float:right;  padding:10px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background:linear-gradient(#ffffff, #f9ede4)}

.collapse h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#00823b}
.collapse ul{ margin:0px; padding:0px; list-style-type:none}
.collapse ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight: normal; color:#666666; text-align:justify; padding-bottom:3px}

#tanku{ clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; }
#tanku p{ font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#009343; padding-bottom:0%; margin-bottom:0%; font-weight:bold; text-align:center}
.employee_portal{ width:100%; height:auto}
.underconstruction{ width:100%; height:auto; text-align:center}
.portalcontainer{ width:90%; height: auto; margin:0 auto;background:linear-gradient(#ffffff, #f7f7f7) ; margin-bottom:1%; margin-top:1%;box-shadow: 2px 2px 2px 2px #e5e5e5; padding-bottom:5%; padding-top:5% }
.prtal_logo{ width:100%; height:auto; margin:0 auto;}
.portalcontainer h5{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:24px; text-align:center; font-size:120%}
.portal-dtl{ width:90%; height: auto; padding-bottom:15px; margin:0 auto }
.portal-txtbox{ width:97% !important; height:30px;float:left;}
.portaltcxt99{ border:1px solid #cccccc; width:100% !important; height:40px; font-size:14px; padding-left:4px; color:#999999;}
.portal-txtbox h4{ font-size:90%; font-family:Arial, Helvetica, sans-serif; float:right; text-align:right; font-weight:normal; color:#666666;}
.portal-txtbox h4 a{ color:#666666; text-decoration:none}
.portal-txtbox h4 a:hover{color:#00823b; text-decoration: underline !important}
.portalcontainer h3{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:18px; text-align:center; font-size:120%; padding-top:2%}
.portalcontainer h2{ font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: normal;  text-align:center; font-size:100%; }
.portalcontainer h2 a{ color:#666666; text-decoration:none }
.portalcontainer h2 a:hover{color:#00823b; text-decoration: underline !important }

/*chairman*/
.chairmans_messagecontainer{ width:100%; height:auto;}
.chairmans_messagecontainer p{ font-size:85%; font-family:Arial, Helvetica, sans-serif; color:#666666; float:left; padding-right:2%; width:100%}


		
	}

@media (min-width: 769px) and (max-width: 991px) {
.wraper{ width:100%; height:auto;}

.carousel-inner{ display:block !important}
	
.topcontainer{width:24%; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.top_rightcontainer{width:64%; height:auto; position: absolute; top:15%; right:10%; clear:both; background-color:transparent;}

.logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:#FFF; padding-top:7%; padding-left:5%; padding-bottom:7%; padding-right:5%  }
.logobg{ width:100%; height:auto; position:absolute; bottom:-11%; left:0px; z-index:9999}
.logo_container img{ width:100%; height: auto; /*box-shadow: 0 5px 5px -3px #000000;*/}
.menucontainer{ width:70%; height: auto;  top:-5px; margin:0 auto;z-index:0; }
.caption{ width:auto; height:auto; position:absolute; right:0px; bottom:15%}
.footer_wraper{ width:100%; height: auto; z-index:9999; position:fixed; bottom:0px; left:0px}
.footerlinks{ width:100%; height: auto; background-color:#7f7f7f; }
.footerlinks_container{ width:90%; height:auto; margin:0 auto}
.footerlinks_containerdtl{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }


.footerlinks_containerdtl_1{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl_1  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl_1  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl_1  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }

.footer_container{ width:100%; height: auto; background-color:#000000}
.footer_container_dtl{ width:90%; height: auto; margin:0 auto;  }
.caldtl{ width:50%; height: auto; float:left !important; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color:#CCC; padding-top:1%}
.caldtl span{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; color: #CCC; padding-top:1%}
.social_container{ width:25%; float:left !important; height: auto; padding-top:1% }
	
.subprocntnr{
	width:43px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
.subprocntnrfb{
	width:30px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
#mainprod01 {background: url(../images/twitter.png); }
#mainprod02 {background: url(../images/facebook.png)  ; }
#mainprod03 {background: url(../images/youtube.png); }
#mainprod04 {background: url(../images/skype.png); }
.mainprod-image {display: inline-block; background: no-repeat; width:43px; height:25px}
.mainprod-image:hover {background-position: -1px -35px !important; text-decoration: none;  }
.mainprod-imagetr {display: inline-block; background: no-repeat; width:30px; height:14px}
.mainprod-imagetr:hover {background-position: -1px -14px !important; text-decoration: none;  }
.mainprod-imagefb {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagefb:hover {background-position: -1px -20px !important; text-decoration: none;  }
.mainprod-imagesp {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagesp:hover {background-position: -1px -20px !important; text-decoration: none;  }
.copyright{ width:25%; height: auto; float:left;}
.copyrightdtl{font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color: #999; padding-top:6%; float:left}
.designed{ width:auto; height:auto; float:right; padding-top:5%;}
/*aboutus*/

.carousel-inner{ display: block}

.inrtopcontainer{width:30%; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.inr-logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:#FFF; padding-top:7%; padding-left:10%; padding-bottom:7% }
.inrmenucontainer{width:25%; height:auto; position: absolute; top:-5%; right:0%; clear:both}
.inr-logobg{ width:100%; height:auto; position:absolute; bottom:-11px; left:12%; z-index:9999}
.inrmenu{ width:100%; height: auto;  top:-5px; margin:0 auto;z-index:0; }

.portal{width: auto; height:auto; position: absolute; top:-5%; right:25%; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none}
.portal a{width:100%; height:auto;  font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #FFF; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none; }
.portal a:hover{width:100%; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #000;  text-decoration: none }




.bred{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	position: absolute;
	top: 12px;
	right: 32px
}
.bred-home{ font-size:12px; color:#f7b40c; float:left; height: auto; width: auto;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:2px}
.bred-home a{ font-size:12px; color: #f7b40c;  height: auto; padding-right:2px; width: auto; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.bred-home a:hover{ font-size:12px; color:#dfa506;  height: auto; text-decoration:underline !important; width:50px; font-weight:bold;}
.bred-arrow{ font-size:12px; color:#333333; width: auto;  float:left; padding:3px 2px 0 2px; font-weight:bolder}
.bred-next{ font-size:12px; color:#00823b; font-weight:bold; padding:2px 2px 0 2px;float:left; font-family:Arial, Helvetica, sans-serif;}
.bred-last{ font-size:12px; color:#033c1d; font-weight:bold; padding:2px 2px 0 2px;float:left;font-family:Arial, Helvetica, sans-serif;}

.aboutus_container{ width:80%; height: auto; /* background-color:#00823b;opacity:0.6;
filter:alpha(opacity=60);*/ padding:1%; position:absolute; top:22%; left:10%;background-color: rgba(0, 0, 0, 0.5);}

.about_dtl{ width:100%; height: auto; background-color:#ffffff;  }
.expertise{ width:100%; height: auto; background-color:#ffffff;  padding-top:4.5%; padding-bottom:2% !important; padding-left:1%; padding-right:1%; margin-bottom:3%; position:relative}
.expertise_dtl{ width:95%; height: auto; background-color:#ffffff; margin:0 auto }
.contact_dtl{ width:95%; height: auto; background-color:#f5f5f5; margin:0 auto; padding-bottom:3% }

.expertise_dtl h1{ width:100%;  font-size:120%; font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: bold }
.expertise_dtl p{ width:100%; height: auto; font-size:85%; font-family:Arial, Helvetica, sans-serif; color: #333; font-weight:normal; line-height:18px; text-align:justify }
.expertise_dtl h2{ width:100%; font-size:130%; font-family:Arial, Helvetica, sans-serif; color:#dd6e1f; font-weight:normal; text-align:justify }
.expertise_dtl ul{ margin:0px; padding:0px; list-style-type:none}
.expertise_dtl ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px}
.expertise_dtl p span{ width:100%; height: auto; font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #00823b; font-weight:normal; line-height:18px; text-align:justify }

/*vendor section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryforvendor{ width:50%; height: auto;  float:left }
#enquiryforvendor h6{font-size:110%; font-family:Arial, Helvetica, sans- serif; color:#ffffff; font-weight:bold; margin-bottom:3%; margin-top:0px ; background-color:#000000; height:38px; padding-top:10px; text-align:left; padding-left:24% }
#vendor-dtl{ width:52%; height: auto; padding-bottom:15px; margin:0 auto }
#vendor-comment{ width:52%; height:80px; margin-bottom:15px !important; margin:auto }

#vendorforcode{ width:53%; height:25px; float:left;}
#vendorfordiscrip{ width:53%; height:25px; float:left; }

#vendor-txtbox{ width:97% !important; height:30px;float:left;}
#vendor-txtbox_1{ width:52% !important; height:30px; margin:0 auto}


#vendor-txtbox_con{ width:40% !important; height:30px;float:left;}

.vendortcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.vendortcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#vendor-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}
.vendorurdtls{ width:100%; height: auto ; }
.vendorurdtls h1{width:52%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; margin:0 auto }


.vendortxtbtn{width:40% !important; height:35px;float:left;}
#vendor-txtbox img{ width:50%; height:auto}
.vendortcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:4px; color:#666666}
.vendortcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:4px; color:#666666}


/*euquiry section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryfor{ width:70%; height: auto;  padding-top:15px;margin:0 auto;  }
#enquiryfor h6{font-size:150%; font-family:Arial, Helvetica, sans- serif; color:#00823b; font-weight:bold; padding-left:32%; text-align:left; margin-bottom:3%; margin-top:0px  }
#enquiry-dtl{ width:100%; height: auto; padding-bottom:15px; }
#enquiry-comment{ width:100%; height: auto; float:left; padding-bottom:15px; }
#enquiryfor h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiry-comment h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiryfor h3{ width: auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#da2921; font-weight:normal; float:left; padding-left:5%; padding-right:2%; }
#enquiryfor h4{width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left}
#enquiryforcode{ width:53%; height:25px; float:left;}
#enquiryfor h5{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left }
#enquiryfordiscrip{ width:53%; height:25px; float:left; }

#enquirysep{ width:2px; height:auto; padding-right:15px; float:left; padding-top:8px }
#enq-txtbox{ width:40% !important; height:30px;float:left;}
.tcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.tcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#enq-txtbox-1{ width:40% !important; height:80px; float:left;}
.urdtls{ width:100%; height: auto ; }

.urdtls h1{ width:25%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
.urdtlssepa{width:2px; height:auto; padding-right:15px; float:left; margin-top:5px}
.txtbtn{width:40% !important; height:35px;float:left;}
.urdtls h2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0px 35px 20px 14px; font-weight:normal; float:left}
#jumpMenu{border:1px solid #999999; width:100% !important; height:30px; font-size:12px; color:#333333; padding-top:5px}
#enq-txtbox img{ width:50%; height:auto}
.combo99{ width:100%; height:28px; font-size:80%; color:#666; font-family:Arial, Helvetica, sans-serif; border:1px solid #999; outline:none}
.tcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:2px; color:#333333}
.tcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}

/*contact us*/
.contact_container{ width:80%; height: auto; padding-top:2%; padding-bottom:1%; margin:2% auto; background-color:#f5f5f5;box-shadow: 0 4px 2px -2px #cccccc;/*background:url(../images/contactbg.png) no-repeat center bottom*/}
.contactlogo{ width:30%; height:auto; margin:0 auto; padding-bottom:5%; padding-top:2%}
.contactlogo img{ width:100%; height:auto}
.contact_left{ width:49%; height:auto; float:left;}
.contact_border{ width:2%; height:auto; float:left}
.contact_left ul{ margin:0px; padding:0px; list-style-type:none}
.contact_left ul li{ font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666; text-align:center; margin-top:2%}
.contact_left ul li a{  color:#666666; text-decoration:none}
.contact_left ul li a:hover{  color:#00823b; text-decoration: underline}

/*downloads*/

	
	.downloads{position:relative;
    width:100%;
    padding-bottom:50%;
    height:0;
    overflow:auto; z-index:0}
	
.downloadmain{position:absolute;
    width:100%;
    height:100%;
    }	
.download_container{ width:100% !important; height:auto; float:left}
.downloadspic{ width: auto; height:auto; float:left; padding-right:3%}

.dowwnload_dtl{ width:100%; height:auto ;  padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.dowwnload_dtl h1{ font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:left; font-weight:normal; color:#333333; padding-top:3%}
.dowwnload_dtl h1 a { color:#333333; text-decoration:none}
.dowwnload_dtl h1 a:hover { color:#00823b; text-decoration: underline}


/*.dowwnload_dtl p{ font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:left; font-weight:normal; color:#666666; line-height:12px }
.dowwnload_dtl p a{  color:#666666; text-decoration:none}
.dowwnload_dtl p a:hover{  color:#F2B40C; text-decoration:underline !important}*/
.downloadlink{ width:10%; height:auto; float:right; padding-top:1%}

/*approvals*/
.approval_container{ width:100%; height:auto; }

.approval{width:100%; height: auto; background-color:#ffffff; float:left}
.approvalimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.approval ul{ margin:0px; padding:0px; list-style-type:none}
.approval ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px;border-bottom:1px dotted #cccccc; padding-bottom:1%; margin-bottom:1%; background:url(../images/aprovalicon.png) no-repeat 0px 2px; padding-left:5%}

/*news*/
.newscontainer{ width:100% !important; height:auto; float:left}
.news_dtls{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.newsimage_container{ width:23%; height:auto; float:left}
.newspic{ width:54px; height:53px; float:left; margin-right:1%; margin-bottom:3%; }

.news{ width:77%; height:auto; float:right; }
.news_date{font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#333333; text-align:left; line-height:18px; font-weight:bold}
.news h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.news p{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; text-align:justify; line-height:18px; margin-top:2px}

/*groupcompanies*/
.group_container{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.group_container_pic{ width:110px; height:auto; float:left; padding-right:1%}
.group_dtl{ width:82%; height:auto; float:right;}
.group_dtl h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.group_dtl p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px; margin-top:2px; margin-bottom:0px}
.comapany_dtl_link{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; line-height:18px; float:left; width:auto}
.comapany_dtl_link span{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#00823b; line-height:20px; width:auto; }
.comapany_dtl_link span a{ color:#00823b; text-decoration:none;font-size:125%;}
.comapany_dtl_link span a:hover{ color:#00823b; text-decoration: underline !important}

comapany_dtl_link

/*gallery section*/
.gallery_container{width:100% !important; height:auto; }
#gallery7{ clear: none; float: left; margin-left: 0; width:100%; display: block; padding:0%; margin-top:1%;}
#gallery7 img{ margin-bottom:1%; margin-top:1%; margin-right:0.9%; margin-left:0.8%;padding:0.3%;border:2px solid #f2b40c/* background: linear-gradient(to right, #F2B40C 50%, #00823b 50%); padding:0.8% */}
#gallery7 h5{ width:auto; border-bottom:1px dotted #cccccc; color: #666; font-size:100%; font-family:Arial, Helvetica, sans-serif;  font-weight: bold;margin-bottom:2px; margin-top:2px; margin-right:0.9%; margin-left:0.8%}
#gallery7 fancybox{ display:none !important;} 

/*certificates*/
.certificate_container{ width:100% !important; height:auto; float:left }
.certificates{ width:100%; height:auto}
.certificate_dtl{ width:23%; height: auto; margin-right:2%; float:left; margin-bottom:2%; background-color:#dd6e1d;}
.certificate_pic{ width:100%; height: auto; padding:1%}
.certificate_pic img{ width:100%; height: auto;}

.certificate_name{ width:100%; height:auto; padding-top:2%; padding-bottom:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#333333; font-weight:bold}
.certificate_name a{ color:#333333; text-decoration:none}
.certificate_name a:hover{ color:#00823b; text-decoration: underline !important}

/*quality & safety*/
.quality_container{ width:100%; height:auto; }

.quality{width:100%; height: auto; background-color:#ffffff; float:left}
.quality h1{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b; padding-bottom:2px}

.qualityimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.quality ul{ margin:0px; padding:0px; list-style-type:none}
.quality ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px;border-bottom:1px dotted #cccccc; padding-bottom:1.5%; margin-bottom:1.5%; background:url(../images/safety-icon.png) no-repeat 0px 2px; padding-left:5%}
.safety_container{ width:100%; height:auto}
.safety_container h2{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:2px}
.safety_container p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666666; line-height:18px;}

/* machinery*/
.machinery_container{ width:100%; height:auto}
.machinery_container h1{font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:15px}
.item img{ width:100%; height:auto}

.imgfull1{
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
	
}

.img_box{
	width:30%;
	height: inherit;
	float:left !important; margin-bottom:8px; margin-right:3.3%;border:1px solid #cccccc
}
.img_ongoing{
	width:100%;
	height: auto;
	float:left; 
}
.img_under{	width:100%;	height:30px;	float:left;	padding:5px 0px 0px 10px; text-align:center;}
.img_under h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dd6e1d; font-weight:bold; margin-top:4px}

.collapse{width:100%;  float:right;  padding:10px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background:linear-gradient(#ffffff, #f9ede4)}

.collapse h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#00823b}
.collapse ul{ margin:0px; padding:0px; list-style-type:none}
.collapse ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight: normal; color:#666666; text-align:justify; padding-bottom:3px}

#tanku{ clear: both;  float: left;  margin-left: 0;  width: 100%;  display: block; }
#tanku p{ font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal; color:#009343; padding-bottom:0%; margin-bottom:0%; font-weight:bold; text-align:center}
.employee_portal{ width:100%; height:auto}
.underconstruction{ width:100%; height:auto; text-align:center}
.portalcontainer{ width:60%; height: auto; margin:0 auto;background:linear-gradient(#ffffff, #f7f7f7) ; margin-bottom:1%; margin-top:1%;box-shadow: 2px 2px 2px 2px #e5e5e5; padding-bottom:5%; padding-top:5% }
.prtal_logo{ width:40%; height:auto; margin:0 auto;}
.portalcontainer h5{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:24px; text-align:center; font-size:120%}
.portal-dtl{ width:40%; height: auto; padding-bottom:15px; margin:0 auto }
.portal-txtbox{ width:97% !important; height:30px;float:left;}
.portaltcxt99{ border:1px solid #cccccc; width:100% !important; height:40px; font-size:14px; padding-left:4px; color:#999999;}
.portal-txtbox h4{ font-size:90%; font-family:Arial, Helvetica, sans-serif; float:right; text-align:right; font-weight:normal; color:#666666;}
.portal-txtbox h4 a{ color:#666666; text-decoration:none}
.portal-txtbox h4 a:hover{color:#00823b; text-decoration: underline !important}
.portalcontainer h3{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:18px; text-align:center; font-size:120%; padding-top:2%}
.portalcontainer h2{ font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: normal;  text-align:center; font-size:100%; }
.portalcontainer h2 a{ color:#666666; text-decoration:none }
.portalcontainer h2 a:hover{color:#00823b; text-decoration: underline !important }

/*chairman*/
.chairmans_messagecontainer{ width:100%; height:auto;}
.chairmans_messagecontainer p{ font-size:85%; font-family:Arial, Helvetica, sans-serif; color:#666666; float:left; padding-right:2%; width:100%}

		
	
	
	}

@media (min-width: 992px) and (max-width: 1199px) {
.wraper{ width:100%; height:auto;}	
.topcontainer{width:24%; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.top_rightcontainer{width:64%; height:auto; position: absolute; top:12%; right:10%; clear:both; background-color:transparent;}

.logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:#FFF; padding-top:7%; padding-left:5%; padding-bottom:7%; padding-right:5%  }
.logobg{ width:100%; height:auto; position:absolute; bottom:-11%; left:0px; z-index:9999}
.logo_container img{ width:100%; height: auto; /*box-shadow: 0 5px 5px -3px #000000;*/}
.menucontainer{ width:70%; height: auto;  top:-5px; margin:0 auto;z-index:0; }
.caption{ width:auto; height:auto; position:absolute; right:0px; bottom:15%}
.footer_wraper{ width:100%; height: auto; z-index:9999; position:fixed; bottom:0px; left:0px}
.footerlinks{ width:100%; height: auto; background-color:#7f7f7f; }
.footerlinks_container{ width:90%; height:auto; margin:0 auto}
.footerlinks_containerdtl{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }

.footerlinks_containerdtl_1{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl_1  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl_1  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl_1  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }
.footer_container{ width:100%; height: auto; background-color:#000000}
.footer_container_dtl{ width:90%; height: auto; margin:0 auto;  }
.caldtl{ width:50%; height: auto; float:left !important; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color:#CCC; padding-top:1%}
.caldtl span{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; color: #CCC; padding-top:1%}
.social_container{ width:25%; float:left !important; height: auto; padding-top:1% }
	
.subprocntnr{
	width:43px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
.subprocntnrfb{
	width:30px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
#mainprod01 {background: url(../images/twitter.png); }
#mainprod02 {background: url(../images/facebook.png)  ; }
#mainprod03 {background: url(../images/youtube.png); }
#mainprod04 {background: url(../images/skype.png); }
.mainprod-image {display: inline-block; background: no-repeat; width:43px; height:25px}
.mainprod-image:hover {background-position: -1px -35px !important; text-decoration: none;  }
.mainprod-imagetr {display: inline-block; background: no-repeat; width:30px; height:14px}
.mainprod-imagetr:hover {background-position: -1px -14px !important; text-decoration: none;  }
.mainprod-imagefb {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagefb:hover {background-position: -1px -20px !important; text-decoration: none;  }
.mainprod-imagesp {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagesp:hover {background-position: -1px -20px !important; text-decoration: none;  }
.copyright{ width:25%; height: auto; float:left;}
.copyrightdtl{font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color: #999; padding-top:6%; float:left}
.designed{ width:auto; height:auto; float:right; padding-top:5%;}
/*aboutus*/
.inrtopcontainer{width: auto; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.inr-logo_container{ width: auto; height: auto; position:relative; z-index:100; background-color:rgba(255,255,255,0.2); padding-top:7%; padding-left:7%; padding-bottom:7%; padding-right:7% }
.inrmenucontainer{width:25%; height:auto; position: absolute; top:-5%; right:0%; clear:both}
.inr-logobg{ width:100%; height:auto; position:absolute; bottom:-11px; left:12%; z-index:9999}
.inrmenu{ width:100%; height: auto;  top:-5px; margin:0 auto;z-index:0; }

.portal{width: auto; height:auto; position: absolute; top:-5%; right:25%; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none}
.portal a{width:100%; height:auto;  font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #FFF; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none; }
.portal a:hover{width:100%; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #000;  text-decoration: none }




.bred{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	position: absolute;
	top: 12px;
	right: 32px
}
.bred-home{ font-size:12px; color:#f7b40c; float:left; height: auto; width: auto;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:2px}
.bred-home a{ font-size:12px; color: #f7b40c;  height: auto; padding-right:2px; width: auto; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.bred-home a:hover{ font-size:12px; color:#dfa506;  height: auto; text-decoration:underline !important; width:50px; font-weight:bold;}
.bred-arrow{ font-size:12px; color:#333333; width: auto;  float:left; padding:3px 2px 0 2px; font-weight:bolder}
.bred-next{ font-size:12px; color:#00823b; font-weight:bold; padding:2px 2px 0 2px;float:left; font-family:Arial, Helvetica, sans-serif;}
.bred-last{ font-size:12px; color:#033c1d; font-weight:bold; padding:2px 2px 0 2px;float:left;font-family:Arial, Helvetica, sans-serif;}

.aboutus_container{ width:80%; height: auto; /* background-color:#00823b;opacity:0.6;
filter:alpha(opacity=60);*/ padding:1%; position:absolute; top:18%; left:10%;background-color: rgba(0, 0, 0, 0.5);}

.about_dtl{ width:100%; height: auto; background-color:#ffffff;  }
.expertise{ width:100%; height: auto; background-color:#ffffff;  padding-top:4.5%; padding-bottom:2% !important; padding-left:1%; padding-right:1%; /*margin-bottom:3%;*/ position:relative}
.expertise_dtl{ width:95%; height: auto; background-color:#ffffff; margin:0 auto }
.contact_dtl{ width:95%; height: auto; background-color:#f5f5f5; margin:0 auto; padding-bottom:3% }

.expertise_dtl h1{ width:100%;  font-size:120%; font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: bold }
.expertise_dtl p{ width:100%; height: auto; font-size:85%; font-family:Arial, Helvetica, sans-serif; color: #333; font-weight:normal; line-height:18px; text-align:justify }
.expertise_dtl h2{ width:100%; font-size:130%; font-family:Arial, Helvetica, sans-serif; color:#dd6e1f; font-weight:normal; text-align:justify }
.expertise_dtl ul{ margin:0px; padding:0px; list-style-type:none}
.expertise_dtl ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px}
.expertise_dtl p span{ width:100%; height: auto; font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #00823b; font-weight:normal; line-height:18px; text-align:justify }

/*vendor section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryforvendor{ width:50%; height: auto;  float:left }
#enquiryforvendor h6{font-size:110%; font-family:Arial, Helvetica, sans- serif; color:#ffffff; font-weight:bold; margin-bottom:3%; margin-top:0px ; background-color:#000000; height:38px; padding-top:10px; text-align:left; padding-left:24% }
#vendor-dtl{ width:52%; height: auto; padding-bottom:15px; margin:0 auto }
#vendor-comment{ width:52%; height:80px; margin-bottom:15px !important; margin:auto }

#vendorforcode{ width:53%; height:25px; float:left;}
#vendorfordiscrip{ width:53%; height:25px; float:left; }

#vendor-txtbox{ width:97% !important; height:30px;float:left;}
#vendor-txtbox_1{ width:52% !important; height:30px; margin:0 auto}


#vendor-txtbox_con{ width:40% !important; height:30px;float:left;}

.vendortcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.vendortcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#vendor-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}
.vendorurdtls{ width:100%; height: auto ; }
.vendorurdtls h1{width:52%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; margin:0 auto }


.vendortxtbtn{width:40% !important; height:35px;float:left;}
#vendor-txtbox img{ width:50%; height:auto}
.vendortcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:4px; color:#666666}
.vendortcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:4px; color:#666666}


/*euquiry section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryfor{ width:70%; height: auto;  padding-top:15px;margin:0 auto;  }
#enquiryfor h6{font-size:150%; font-family:Arial, Helvetica, sans- serif; color:#00823b; font-weight:bold; padding-left:32%; text-align:left; margin-bottom:3%; margin-top:0px  }
#enquiry-dtl{ width:100%; height: auto; padding-bottom:15px; }

#enquiry-comment{ width:100%; height: auto; float:left; padding-bottom:15px; }
#enquiryfor h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiry-comment h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiryfor h3{ width: auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#da2921; font-weight:normal; float:left; padding-left:5%; padding-right:2%; }
#enquiryfor h4{width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left}
#enquiryforcode{ width:53%; height:25px; float:left;}
#enquiryfor h5{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left }
#enquiryfordiscrip{ width:53%; height:25px; float:left; }

#enquirysep{ width:2px; height:auto; padding-right:15px; float:left; padding-top:8px }
#enq-txtbox{ width:40% !important; height:30px;float:left;}
.tcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.tcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#enq-txtbox-1{ width:40% !important; height:80px; float:left;}
.urdtls{ width:100%; height: auto ; }

.urdtls h1{ width:25%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
.urdtlssepa{width:2px; height:auto; padding-right:15px; float:left; margin-top:5px}
.txtbtn{width:40% !important; height:35px;float:left;}
.urdtls h2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0px 35px 20px 14px; font-weight:normal; float:left}
#jumpMenu{border:1px solid #999999; width:100% !important; height:30px; font-size:12px; color:#333333; padding-top:5px}
#enq-txtbox img{ width:50%; height:auto}
.combo99{ width:100%; height:28px; font-size:80%; color:#666; font-family:Arial, Helvetica, sans-serif; border:1px solid #999; outline:none}
.tcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:2px; color:#333333}
.tcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}

/*contact us*/
.contact_container{ width:80%; height: auto; padding-top:2%; padding-bottom:1%; margin:2% auto; background-color:#f5f5f5;box-shadow: 0 4px 2px -2px #cccccc;/*background:url(../images/contactbg.png) no-repeat center bottom*/}
.contactlogo{ width:30%; height:auto; margin:0 auto; padding-bottom:2%; padding-top:2%}
.contactlogo img{ width:100%; height:auto}
.contact_left{ width:49%; height:auto;/* float:left;*/ margin:0 auto; padding-bottom:2%}
.contact_border{ width:2%; height:auto; float:left}
.contact_left ul{ margin:0px; padding:0px; list-style-type:none}
.contact_left ul li{ font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666; text-align:center; margin-top:2%}
.contact_left ul li a{  color:#666666; text-decoration:none}
.contact_left ul li a:hover{  color:#00823b; text-decoration: underline}

/*downloads*/

	
	.downloads{position:relative;
    width:100%;
    padding-bottom:56%;
    height:0;
    overflow:auto; z-index:0}
	
.downloadmain{position:absolute;
    width:100%;
    height:100%;
    }	
.download_container{ width:100% !important; height:auto; float:left}
.downloadspic{ width: auto; height:auto; float:left; padding-right:3%}

.dowwnload_dtl{ width:100%; height:auto ;  padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.dowwnload_dtl h1{ font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:left; font-weight:normal; color:#333333; padding-top:3%}
.dowwnload_dtl h1 a { color:#333333; text-decoration:none}
.dowwnload_dtl h1 a:hover { color:#00823b; text-decoration: underline}


/*.dowwnload_dtl p{ font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:left; font-weight:normal; color:#666666; line-height:12px }
.dowwnload_dtl p a{  color:#666666; text-decoration:none}
.dowwnload_dtl p a:hover{  color:#F2B40C; text-decoration:underline !important}*/
.downloadlink{ width:10%; height:auto; float:right; padding-top:1%}

/*approvals*/
.approval_container{ width:100%; height:auto; }

.approval{width:100%; height: auto; background-color:#ffffff; float:left}
.approvalimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.approval ul{ margin:0px; padding:0px; list-style-type:none}
.approval ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px;border-bottom:1px dotted #cccccc; padding-bottom:1%; margin-bottom:1%; background:url(../images/aprovalicon.png) no-repeat 0px 2px; padding-left:5%}

/*news*/
.newscontainer{ width:100% !important; height:auto; float:left}
.news_dtls{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.newsimage_container{ width:23%; height:auto; float:left}
.newspic{ width:54px; height:53px; float:left; margin-right:1%; margin-bottom:3%; }

.news{ width:77%; height:auto; float:right; }
.news_date{font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#333333; text-align:left; line-height:18px; font-weight:bold}
.news h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.news p{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; text-align:justify; line-height:18px; margin-top:2px}

/*groupcompanies*/
.group_container{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.group_container_pic{ width:110px; height:auto; float:left; padding-right:1%}
.group_dtl{ width:82%; height:auto; float:right;}
.group_dtl h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.group_dtl p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px; margin-top:2px; margin-bottom:0px}
.comapany_dtl_link{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; line-height:18px; float:left; width:auto}
.comapany_dtl_link span{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#00823b; line-height:20px; width:auto; }
.comapany_dtl_link span a{ color:#00823b; text-decoration:none;font-size:125%;}
.comapany_dtl_link span a:hover{ color:#00823b; text-decoration: underline !important}



/*gallery section*/
.gallery_container{width:100% !important; height:auto; }
#gallery7{ clear: none; float: left; margin-left: 0; width:100%; display: block; padding:0%; margin-top:1%;}
#gallery7 img{ margin-bottom:1%; margin-top:1%; margin-right:0.9%; margin-left:0.8%;padding:0.3%;border:2px solid #f2b40c/* background: linear-gradient(to right, #F2B40C 50%, #00823b 50%); padding:0.8% */}
#gallery7 h5{ width:auto; border-bottom:1px dotted #cccccc; color: #666; font-size:100%; font-family:Arial, Helvetica, sans-serif;  font-weight: bold;margin-bottom:2px; margin-top:2px; margin-right:0.9%; margin-left:0.8%}
#gallery7 fancybox{ display:none !important;} 

/*certificates*/
.certificate_container{ width:100% !important; height:auto; float:left }
.certificates{ width:100%; height:auto}
.certificate_dtl{ width:23%; height: auto; margin-right:2%; float:left; margin-bottom:2%; background-color:#dd6e1d;}
.certificate_pic{ width:100%; height: auto; padding:1%}
.certificate_pic img{ width:100%; height: auto;}

.certificate_name{ width:100%; height:auto; padding-top:2%; padding-bottom:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#333333; font-weight:bold}
.certificate_name a{ color:#333333; text-decoration:none}
.certificate_name a:hover{ color:#00823b; text-decoration: underline !important}

/*quality & safety*/
.quality_container{ width:100%; height:auto; }

.quality{width:100%; height: auto; background-color:#ffffff; float:left}
.quality h1{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b; padding-bottom:2px}

.qualityimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%; display:none}

.quality ul{ margin:0px; padding:0px; list-style-type:none}
.quality ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px;border-bottom:1px dotted #cccccc; padding-bottom:1.5%; margin-bottom:1.5%; background:url(../images/safety-icon.png) no-repeat 0px 2px; padding-left:5%}
.safety_container{ width:100%; height:auto}
.safety_container h2{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:2px}
.safety_container p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666666; line-height:18px;}

/* machinery*/
.machinery_container{ width:100%; height:auto}
.machinery_container h1{font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:15px}
.item img{ width:100%; height:auto}

.imgfull1{
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
	
}

.img_box{
	width:30%;
	height: inherit;
	float:left !important; margin-bottom:8px; margin-right:3.3%;border:1px solid #cccccc
}
.img_ongoing{
	width:100%;
	height: auto;
	float:left; 
}
.img_under{	width:100%;	height:30px;	float:left;	padding:5px 0px 0px 10px; text-align:center;}
.img_under h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dd6e1d; font-weight:bold; margin-top:4px}

.collapse{width:100%;  float:right;  padding:10px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background:linear-gradient(#ffffff, #f9ede4)}

.collapse h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#00823b}
.collapse ul{ margin:0px; padding:0px; list-style-type:none}
.collapse ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight: normal; color:#666666; text-align:justify; padding-bottom:3px}


#tanku{ clear: both;  float: left;  margin-left: 0;  width:100%;  display: block;}
#tanku p{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#009343; padding-bottom:0%; margin-bottom:0%; font-weight:bold; text-align:center}
#tanku_pic{ width:30%; height:auto; padding-left:35%}
.employee_portal{ width:100%; height:auto}
.underconstruction{ width:100%; height:auto; text-align:center}
.portalcontainer{ width:85%; height: auto; margin:0 auto;background:linear-gradient(#ffffff, #f7f7f7) ; margin-bottom:1%; margin-top:1%;box-shadow: 2px 2px 2px 2px #e5e5e5; padding-bottom:5%; padding-top:5% }
.prtal_logo{ width:40%; height:auto; margin:0 auto;}
.portalcontainer h5{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:24px; text-align:center; font-size:120%}
.portal-dtl{ width:40%; height: auto; padding-bottom:15px; margin:0 auto }
.portal-txtbox{ width:97% !important; height:30px;float:left;}
.portaltcxt99{ border:1px solid #cccccc; width:100% !important; height:40px; font-size:14px; padding-left:4px; color:#999999;}
.portal-txtbox h4{ font-size:90%; font-family:Arial, Helvetica, sans-serif; float:right; text-align:right; font-weight:normal; color:#666666;}
.portal-txtbox h4 a{ color:#666666; text-decoration:none}
.portal-txtbox h4 a:hover{color:#00823b; text-decoration: underline !important}
.portalcontainer h3{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:18px; text-align:center; font-size:120%; padding-top:2%}
.portalcontainer h2{ font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: normal;  text-align:center; font-size:100%; }
.portalcontainer h2 a{ color:#666666; text-decoration:none }
.portalcontainer h2 a:hover{color:#00823b; text-decoration: underline !important }
/*chairman*/
.chairmans_messagecontainer{ width:100%; height:auto;}
.chairmans_messagecontainer p{ font-size:85%; font-family:Arial, Helvetica, sans-serif; color:#666666; float:left; padding-right:2%; width:100%}
#enquiry-dtl h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }

#enq-txtbox{ width:97% !important; height:30px;float:left;}

#enq-txtbox_con{ width:40% !important; height:30px;float:left;}

.tcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.tcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#enq-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}

#enquiryforcont{ width:95%; height: auto;  padding-top:15px; margin:0 auto}
	
	
	
	}

@media (min-width: 1200px) {
.inr-logo_container img{ max-width:100%;}
.logo_container img{ max-width:100%;}
.wraper{ width:100%; height:auto;}	
.topcontainer{width: auto; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.top_rightcontainer{width:64%; height:auto; position: absolute; top:8.4%; right:10%; clear:both; background-color:transparent;}

.logo_container{ width: auto; height: auto; position:relative; z-index:100; /*background-color:#FFF;*/ padding-top:3%; padding-left:3%; padding-bottom:3%; padding-right:3% ;background-color: rgba(255, 255, 255, 0.2); }
.logobg{ width:100%; height:auto; position:absolute; bottom:-11%; left:0px; z-index:9999}
/*.logo_container img{ width:100%; height: auto; /*box-shadow: 0 5px 5px -3px #000000;/}*/
.menucontainer{ width:50%; height: auto;  top:-5px; margin:0 auto;z-index:0; }
.caption{ width:auto; height:auto; position:absolute; right:0px; bottom:15%}
.footer_wraper{ width:100%; height: auto; z-index:9; position:fixed; bottom:0px; left:0px}
.footerlinks{ width:100%; height: auto; background-color: rgba(127, 127, 127, 0.5);   }
.footerlinks_container{ width:90%; height:auto; margin:0 auto}
.footerlinks_containerdtl{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }


.footerlinks_containerdtl_1{ width:20%; height:auto; float:left;text-align:center;font-family: Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff;padding-top:1%; padding-bottom:1%}
.footerlinks_containerdtl_1  span{font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color:#ffffff !important;}
.footerlinks_containerdtl_1  a{ color:#ffffff !important; text-decoration:none; }
.footerlinks_containerdtl_1  a:hover{ color:#ffffff; text-decoration: none; padding-left:5%; padding-bottom:5%; padding-top:5%; padding-right:5%; background-color:#00823a; }
.footer_container{ width:100%; height: auto; background-color:#000000; position:absolute;}
.footer_container_dtl{ width:90%; height: auto; margin:0 auto;  }
.caldtl{ width:50%; height: auto; float:left !important; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color:#CCC; padding-top:1%}
.caldtl span{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; color: #CCC; padding-top:1%}
.social_container{ width:30%; float:left !important; height: auto; padding-top:1% }
	
.subprocntnr{
	width:43px;
	height:30px;
	float:left;
	clear: inherit !important;
	
}
.subprocntnrfb{
	width:43px;
	height:30px;
	float:left;
	clear: inherit !important; text-align:
	center
	
}
#mainprod01 {background: url(../images/twitter.png); }
#mainprod02 {background: url(../images/facebook.png)  ; }
#mainprod03 {background: url(../images/youtube.png); }
#mainprod04 {background: url(../images/skype.png); }
.mainprod-image {display: inline-block; background: no-repeat; width:43px; height:25px}
.mainprod-image:hover {background-position: -1px -35px !important; text-decoration: none;  }
.mainprod-imagetr {display: inline-block; background: no-repeat; width:30px; height:14px}
.mainprod-imagetr:hover {background-position: -1px -14px !important; text-decoration: none;  }
.mainprod-imagefb {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagefb:hover {background-position: -1px -20px !important; text-decoration: none;  }
.mainprod-imagesp {display: inline-block; background: no-repeat; width:30px; height:20px}
.mainprod-imagesp:hover {background-position: -1px -20px !important; text-decoration: none;  }
.copyright{ width:20%; height: auto; float:left;}
.copyrightdtl{font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight: normal; color: #999; padding-top:6%; float:left}
.designed{ width:auto; height:auto; float:right; padding-top:5%;}
/*aboutus*/
.inrtopcontainer{width: auto; height:auto; position: absolute; top:0; left:10%; clear:both; background-color:transparent;}
.inr-logo_container{ width: auto; height: auto; position:relative; z-index:100;  padding-top:3%; padding-left:5%; padding-bottom:3%; background-color:rgba(255,255,255,0.2); padding-right:5% }
.inrmenucontainer{width:18%; height:auto; position: absolute; top:-5%; right:0%; clear:both}
.inr-logobg{ width:100%; height:auto; position:absolute; bottom:-11px; left:12%; z-index:9999}
.inrmenu{ width:100%; height: auto; top:-5px; margin:0 auto;z-index:0; }

.portal{width: auto; height:auto; position: absolute; top:-5%; right:18% !important; font-family:Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold; color:#ffffff; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none}
.portal a{width:100%; height:auto;  font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #FFF; padding:7px 10px; background-color:#f2b40c; line-height:20px; text-decoration: none; }
.portal a:hover{width:100%; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; color: #000;  text-decoration: none }




.bred{
	width: auto;
	height: auto;
	margin-bottom: 5px;
	position: absolute;
	top: 12px;
	right: 32px
}
.bred-home{ font-size:12px; color:#f7b40c; float:left; height: auto; width: auto;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:2px}
.bred-home a{ font-size:12px; color:#f7b40c;  height: auto; padding-right:2px; width: auto; font-weight:bold; text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.bred-home a:hover{ font-size:12px; color:#dfa506;  height: auto; text-decoration:underline !important; width:50px; font-weight:bold;}
.bred-arrow{ font-size:12px; color:#333333; width: auto;  float:left; padding:3px 2px 0 2px; font-weight:bolder}
.bred-next{ font-size:12px; color:#00823b; font-weight:bold; padding:2px 2px 0 2px;float:left; font-family:Arial, Helvetica, sans-serif;}
.bred-last{ font-size:12px; color:#033c1d; font-weight:bold; padding:2px 2px 0 2px;float:left;font-family:Arial, Helvetica, sans-serif;}

.aboutus_container{ width:80%; height: auto; /* background-color:#00823b;opacity:0.6;
filter:alpha(opacity=60);*/ padding:1%; position:absolute; top:14%; left:10%;background-color: rgba(0, 0, 0, 0.5);}

.about_dtl{ width:100%; height: auto; background-color:#ffffff;  }
.expertise{ width:100%; height: auto; background-color:#ffffff;  padding-top:4.5%; padding-bottom:2% !important; padding-left:1%; padding-right:1%;/* margin-bottom:3%;*/ position:relative}
.expertise_dtl{ width:100%; height: auto; background-color:#ffffff; margin:0 auto }
.contact_dtl{ width:95%; height: auto; background-color:#f5f5f5; margin:0 auto; padding-bottom:3% }
.vendormore_dtl{ width:95%; height: auto; background-color:#f5f5f5; margin:0 auto; padding-bottom:3%; background:url(../images/vendorbg.png) no-repeat  95% 95% }


.expertise_dtl h1{ width:100%;  font-size:120%; font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: bold }
.expertise_dtl p{ width:100%; height: auto; font-size:85%; font-family:Arial, Helvetica, sans-serif; color: #333; font-weight:normal; line-height:18px; text-align:justify }
.expertise_dtl h2{ width:100%; font-size:130%; font-family:Arial, Helvetica, sans-serif; color:#dd6e1f; font-weight:normal; text-align:justify }
.expertise_dtl ul{ margin:0px; padding:0px; list-style-type:none}
.expertise_dtl ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px}
.expertise_dtl p span{ width:100%; height: auto; font-size:100%; font-family:Arial, Helvetica, sans-serif; color: #00823b; font-weight:normal; line-height:18px; text-align:justify }


/*vendor section*/

.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryforvendor{ width:50%; height: auto;  float:left }
#enquiryforvendor h6{font-size:110%; font-family:Arial, Helvetica, sans- serif; color:#ffffff; font-weight:bold; margin-bottom:3%; margin-top:0px ; background-color:#000000; height:38px; padding-top:10px; text-align:left; padding-left:24% }
#vendor-dtl{ width:52%; height: auto; padding-bottom:15px; margin:0 auto }
#vendor-comment{ width:52%; height:80px; margin-bottom:15px !important; margin:auto }

#vendorforcode{ width:53%; height:25px; float:left;}
#vendorfordiscrip{ width:53%; height:25px; float:left; }

#vendor-txtbox{ width:97% !important; height:30px;float:left;}
#vendor-txtbox_1{ width:52% !important; height:30px; margin:0 auto}


#vendor-txtbox_con{ width:40% !important; height:30px;float:left;}

.vendortcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.vendortcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#vendor-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}
.vendorurdtls{ width:100%; height: auto ; }
.vendorurdtls h1{width:52%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; margin:0 auto }


.vendortxtbtn{width:40% !important; height:35px;float:left;}
#vendor-txtbox img{ width:50%; height:auto}
.vendortcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:4px; color:#666666}
.vendortcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:4px; color:#666666}



.star{ float:left; width:5px; height:5px; color:#edb108 !important; padding-left:4px}
#enquiryforcont{ width:70%; height: auto;  padding-top:15px; margin:0 auto}

#enquiryfor{ width:70%; height: auto;  padding-top:15px; float:left }
#enquirysep{ width:2px; height:auto; padding-right:15px; float:left; padding-top:8px }

#enquiry-dtl{ width:100%; height: auto; padding-bottom:15px; float:left }
#enquiry-comment{ width:52%; height:80px; margin-bottom:15px !important; margin:auto }
#enquiryfor h1{ width:100%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiry-dtl h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }

#enquiry-comment h1{ width:30%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; float:left; padding-left:2%; padding-right:2% }
#enquiryfor h3{ width: auto; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#da2921; font-weight:normal; float:left; padding-left:5%; padding-right:2%; }
#enquiryfor h4{width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left}
#enquiryforcode{ width:53%; height:25px; float:left;}
#enquiryfor h5{ width:40%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; float:left; padding-left:5%; padding-right:2%; margin:0%; float:left }
#enquiryfordiscrip{ width:53%; height:25px; float:left; }

#enq-txtbox{ width:97% !important; height:30px;float:left;}

#enq-txtbox_con{ width:40% !important; height:30px;float:left;}

.tcxt1{ border:1px solid #999999; width:100% !important; height:28px; font-size:12px; padding-left:2px; color:#333333}
.tcxt2{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}
#enq-txtbox-1{ width:97% !important; height:80px; margin-bottom:15px}
.urdtls{ width:100%; height: auto ; }

.urdtls h1{ width:52%; font-size:12px; font-family:Arial, Helvetica, sans- serif; color:#333333; font-weight:normal; margin:0 auto}
.urdtlssepa{width:2px; height:auto; padding-right:15px; float:left; margin-top:5px}
.txtbtn{width:40% !important; height:35px;float:left;}
.urdtls h2{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding:0px 35px 20px 14px; font-weight:normal; float:left}
#jumpMenu{border:1px solid #999999; width:100% !important; height:30px; font-size:12px; color:#333333; padding-top:5px}
#enq-txtbox img{ width:50%; height:auto}
.combo99{ width:100%; height:28px; font-size:80%; color:#666; font-family:Arial, Helvetica, sans-serif; border:1px solid #999; outline:none}
.tcxt99{ border:1px solid #999999; width:100% !important; height:30px; font-size:12px; padding-left:2px; color:#333333}
.tcxt98{ border:1px solid #999999; width:100% !important; height:80px; font-size:12px; padding-left:2px; color:#333333}

/*contact us*/
.contact_container{ width:80%; height: auto; padding-top:2%; padding-bottom:1%; margin:2% auto; background-color:#f5f5f5;box-shadow: 0 4px 2px -2px #cccccc;/*background:url(../images/contactbg.png) no-repeat center bottom*/}
.contactlogo{ width:45%; height:auto; margin:0 auto; padding-bottom:2%; padding-top:2%}
.contactlogo img{ width:100%; height:auto}
.contact_left{ width:49%; height:auto; /*float:left;*/ padding-bottom:2%; margin:0 auto}
.contact_border{ width:2%; height:auto; float:left}
.contact_left ul{ margin:0px; padding:0px; list-style-type:none}
.contact_left ul li{ font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666; text-align:center; margin-top:2%}
.contact_left ul li a{  color:#666666; text-decoration:none}
.contact_left ul li a:hover{  color:#00823b; text-decoration: underline}

/*downloads*/

	
	.downloads{position:relative;
    width:100%;
    padding-bottom:45%;
    height:0;
    overflow:auto; z-index:0}
	
.downloadmain{position:absolute;
    width:100%;
    height:100%;
    }	
.download_container{ width:62% !important; height:auto; float:left}
.downloadspic{ width: auto; height:auto; float:left; padding-right:3%}

.dowwnload_dtl{ width:100%; height:auto ;  padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.dowwnload_dtl h1{ font-family:Arial, Helvetica, sans-serif; font-size:90%; text-align:left; font-weight:normal; color:#333333; padding-top:3%}
.dowwnload_dtl h1 a { color:#333333; text-decoration:none}
.dowwnload_dtl h1 a:hover { color:#00823b; text-decoration: underline}


/*.dowwnload_dtl p{ font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:left; font-weight:normal; color:#666666; line-height:12px }
.dowwnload_dtl p a{  color:#666666; text-decoration:none}
.dowwnload_dtl p a:hover{  color:#F2B40C; text-decoration:underline !important}*/
.downloadlink{ width:10%; height:auto; float:right; padding-top:1%}

/*approvals*/
.approval_container{ width:100%; height:auto; }

.approval{width:60%; height: auto; background-color:#ffffff; float:left}
.approvalimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%}

.approval ul{ margin:0px; padding:0px; list-style-type:none}
.approval ul li{ font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#333333; text-align:justify; line-height:26px;border-bottom:1px dotted #cccccc; padding-bottom:1%; margin-bottom:1%; background:url(../images/aprovalicon.png) no-repeat 0px 2px; padding-left:5%}

/*news*/
.newscontainer{ width:62% !important; height:auto; float:left}
.news_dtls{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.newsimage_container{ width:23%; height:auto; float:left}
.newspic{ width:54px; height:53px; float:left; margin-right:1%; margin-bottom:3%; }

.news{ width:77%; height:auto; float:right; }
.news_date{font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#333333; text-align:left; line-height:18px; font-weight:bold}
.news h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.news p{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; text-align:justify; line-height:18px; margin-top:2px}

/*groupcompanies*/
.group_container{ width:100%; height:auto;padding-bottom:2%; margin-bottom:2%; border-bottom:1px dotted #cccccc;}
.group_container_pic{ width:110px; height:auto; float:left; padding-right:1%}
.group_dtl{ width:87%; height:auto; float:right;}
.group_dtl h1{font-family:Arial, Helvetica, sans-serif; font-size:90%; color:#dd6e1d; text-align:left; line-height:18px; margin-bottom:2px; margin-top:2px}
.group_dtl p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px; margin-top:2px; margin-bottom:0px}
.comapany_dtl_link{font-family:Arial, Helvetica, sans-serif; font-size:80%; color:#333; line-height:18px; float:left; width:auto}
.comapany_dtl_link span{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#00823b; line-height:20px; width:auto; font-weight:bold }
.comapany_dtl_link span a{ color:#00823b; text-decoration:none;font-size:125%;}
.comapany_dtl_link span a:hover{ color:#00823b; text-decoration: underline !important}

comapany_dtl_link

/*gallery section*/
.gallery_container{width:100% !important; height:auto; }
/*#gallery7{ clear: none; float: left; margin-left: 0; width:100%; display: block; padding:0%; margin-top:1%;}*/
#gallery7{ clear: none; float: left; margin-left: 0; width:100%; display: block; padding:0%; margin-top:1%;}
#gallery7 h5{ width:auto; border-bottom:1px dotted #cccccc; color: #666; font-size:100%; font-family:Arial, Helvetica, sans-serif;  font-weight: bold;margin-bottom:2px; margin-top:2px; margin-right:0.9%; margin-left:0.8%}

#gallery7 img{ margin-bottom:1%; margin-top:1%; margin-right:0.9%; margin-left:0.8% ; padding:0.3%;/*background: linear-gradient(to right, #F2B40C 50%, #00823b 50%);*/ border:2px solid #f2b40c }

#gallery7 fancybox{ display:none !important;} 

/*certificates*/
.certificate_container{ width:62% !important; height:auto; float:left }
.certificates{ width:100%; height:auto}
.certificate_dtl{ width:180px; height: auto; margin-right:3px; float:left; margin-bottom:5px}
.certificate_pic{ width:178px; height:264px;  border: 2px solid #dd6e1d;}
.certificate_name{ width:100%; height:auto; padding-top:2%; padding-bottom:2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#333333; font-weight:bold}
.certificate_name a{ color:#333333; text-decoration:none}
.certificate_name a:hover{ color:#00823b; text-decoration: underline !important}

/*quality & safety*/
.quality_container{ width:100%; height:auto; }

.quality{width:63%; height: auto; background-color:#ffffff; float:left}
.quality h1{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b; padding-bottom:2px}

.qualityimage{width: auto; height: auto; background-color:#ffffff; float:right; padding-left:4%}

.quality ul{ margin:0px; padding:0px; list-style-type:none}
.quality ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; line-height:18px;border-bottom:1px dotted #cccccc; padding-bottom:1.5%; margin-bottom:1.5%; background:url(../images/safety-icon.png) no-repeat 0px 2px; padding-left:5%}
.safety_container{ width:100%; height:auto}
.safety_container h2{ font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:2px}
.safety_container p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#666666; line-height:18px;}

/* machinery*/
.machinery_container{ width:100%; height:auto}
.machinery_container h1{font-size:120%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00823b;padding-bottom:15px}
.item img{ width:100%; height:auto}

.imgfull1{
	width:100%;
	height:auto;
	background-color:#FFF;
	float:left;
	
}

.img_box{
	width:302px;
	height: inherit;
	float:left !important; margin-bottom:8px; margin-right:3px;border:1px solid #cccccc
}
.img_ongoing{
	width:300px;
	height:201px;
	float:left; 
}
.img_under{	width:300px;	height:30px;	float:left;	padding:5px 0px 0px 10px; text-align:center;}
.img_under h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #dd6e1d; font-weight:bold; margin-top:4px}

.collapse{width:300px;  float:right;  padding:10px; display:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; background:linear-gradient(#ffffff, #f9ede4)}

.collapse h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#00823b}
.collapse ul{ margin:0px; padding:0px; list-style-type:none}
.collapse ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight: normal; color:#666666; text-align:justify; padding-bottom:3px}

#tanku{ clear: both;  float: left;  margin-left: 0;  width:100%;  display: block;}
#tanku p{ font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#009343; padding-bottom:0%; margin-bottom:0%; font-weight:bold; text-align:center}
#tanku_pic{ width:30%; height:auto; padding-left:35%}
.betaview{ width:auto; height:auto; position:absolute; top:5%; right:0px;opacity:0.2;
filter:alpha(opacity=20); }

.employee_portal{ width:100%; height:auto}
.underconstruction{ width:100%; height:auto; text-align:center}
.portalcontainer{ width:60%; height: auto; margin:0 auto;background:linear-gradient(#ffffff, #f7f7f7) ; margin-bottom:1%; margin-top:1%;box-shadow: 2px 2px 2px 2px #e5e5e5; padding-bottom:5%; padding-top:5% }
.prtal_logo{ width:40%; height:auto; margin:0 auto;}
.portalcontainer h5{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:24px; text-align:center; font-size:120%}
.portal-dtl{ width:40%; height: auto; padding-bottom:15px; margin:0 auto }
.portal-txtbox{ width:97% !important; height:30px;float:left;}
.portaltcxt99{ border:1px solid #cccccc; width:100% !important; height:40px; font-size:14px; padding-left:4px; color:#999999;}
.portal-txtbox h4{ font-size:90%; font-family:Arial, Helvetica, sans-serif; float:right; text-align:right; font-weight:normal; color:#666666;}
.portal-txtbox h4 a{ color:#666666; text-decoration:none}
.portal-txtbox h4 a:hover{color:#00823b; text-decoration: underline !important}
.portalcontainer h3{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:18px; text-align:center; font-size:120%; padding-top:2%;}
.portalcontainer h2{ font-family:Arial, Helvetica, sans-serif; color:#00823b; font-weight: normal;  text-align:center; font-size:100%; }
.portalcontainer h2 a{ color:#666666; text-decoration:none }
.portalcontainer h2 a:hover{color:#00823b; text-decoration: underline !important }
/*chairman*/
.chairmans_messagecontainer{ width:100%; height:auto;}
.chairmans_messagecontainer p{ font-size:85%; font-family:Arial, Helvetica, sans-serif; color:#666666; float:left; padding-right:2%; width:100%}











	}
	
	
@media (min-width: 1400px) {
	
	.quality{width:66%; height: auto; background-color:#ffffff; float:left}

	}