@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; overflow-x:hidden;}

.cl{ clear:both;}

.wrapper{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.header{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.incontainer{ width:980px; height:auto; margin:auto;}

.logo{ width:420px; float:left; height:auto; margin:15px 0;}

.logo img{ width:auto; float:left; margin:0 0 0 0; height:auto;}

.logo h1{ width:100%; float:left; height:auto; font-family:"Times New Roman", Times, serif; font-size:32px; padding:0px; margin:0px;}

.logo p{ width:100%; float:left; height:auto; font-family:"Times New Roman", Times, serif; font-size:13px; padding:0px; margin:0px;}

.head_right{ width:auto; float:right; margin:0 0 0 0; height:auto;}

.social_head{ width:auto; float:right; margin:0 0 0 0; height:auto;}

.social_head a{ width:28px; height:28px; float:left; margin:0 0 0 5px; text-decoration:none; transition: all 0.7s ease-in-out;}

.social_head a:hover{ width:32px; height:32px;}

.social_head a img{ width:100%; height:auto;}

.language{ width:auto; float:right; margin:15px 0;}

.menu{ width:100%; float:left; height:55px; background:#3aa70c;}

.middile{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.slider{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.slider img{ width:100%; height:auto; float:left;}

.shadow{ width:100%; height:auto; margin:0 0 0 0;}

.mid_product{ width:100%; float:left; height:auto; margin:0 0 0 0; padding:30px 0;}

.mid_product h1{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:22px; color:#3aa70c;}

.mid_product_first{ width:30%; float:left; height:auto; margin:20px 1.5%; text-decoration:none; border:1px solid #ccc; border-radius:7px;}

.mid_product_first img{ width:100%;}

.mid_product h2{ width:100%; float:left; height:auto; margin:10px 0; font-size:15px; color:#000; font-weight:normal; text-align:center;}

.footer{ width:100%; float:left; height:auto; margin:0 0 0 0; background:#3aa70c; padding:30px 0 0 0;}

.footer ul{ width:25%; float:left; height:auto; margin:0 0 0 0; padding:0px; list-style:none;}

.footer ul h1{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:22px; color:#fff;}

.footer ul li{ width:100%; float:left; height:auto; margin:0 0 0 0; list-style:none; padding:0px;}

.footer ul li a{ text-decoration:none; color:#fff; line-height:35px; float:left; outline:none;}

.footer ul li a:hover{ text-decoration:underline;}

.footer_right{ width:46%; float:left; height:auto; margin:0 0 0 0; background:#fff; border-radius:7px; padding:1% 2%;}

.footer_right h1{ width:100%; float:left; height:auto; margin:0 0 0 0; font-size:22px; color:#000;}

.footer_right p{ color:#000; width:100%; float:left; margin:0 0 0 0; font-size:12px;}


.copy_right{ width:100%; float:left; height:50px; background:#000; color:#fff; font-size:12px; font-weight:bold; line-height:50px; margin:10px 0 0 0;}

.copy_right .left{ width:auto; float:left; height:auto; margin:0 0 0 0;}
.copy_right .right{ width:auto; float:right; height:auto; margin:0 0 0 0;}

.copy_right .right a{ color:#fff; font-weight:bold;}

.inner_mid{ width:100%; float:left; margin:0 0 0 0; height:auto;}

.inner_mid h1{width:100%; float:left; height:auto; margin:0 0 0 0; font-size:22px; color:#3aa70c;}

.inner_mid p{ width:100%; float:left; height:auto; margin:10px 0; font-size:13px; line-height:20px; font-family:Verdana, Geneva, sans-serif;}

.inner_mid ul{ width:100%; float:left; height:auto; margin:10px 0; padding:0px;}

.inner_mid li{ width:100%; float:left; height:auto; margin:0 0 0 15px; font-size:13px; line-height:20px;}

.quick_enquiry{ width:auto; height:auto; padding:25px 30px; font-size:25px; font-weight:bold; color:#fff; text-align:center; background:#3aa70c; border-radius:7px; float:left; margin:10px 66px 10px -300px;}

.contact_left{ width:70%; float:left; margin:0 0; height:auto;}


.contact_detail{ width:100%; float:left; height:auto; margin:20px 0 0 0;}

.contact_right{ width:28%; float:right; margin:0 0; height:auto;}

.form_area{ width:100%; float:left; height:auto; margin:0 0 0 0;}

.form_area p{ width:100%; float:left; height:auto; font-family: 'Open Sans Condensed', sans-serif; font-size:16px;}

.form_area input{ width:96%; float:left; height:auto; border:none !important; border-radius:0px !important; padding:7px 2% !important; background:#f6f6f6 !important;}

.form_area textarea{ width:96%; float:left; height:150px; border:none !important; border-radius:0px !important; padding:10px 2% !important; background:#f6f6f6 !important;}

.form_area button{ padding:10px 50px; background:#ff7800; margin:0 0 10px 0;}

.modal-body input{ width:98% !important;}
.modal-body textarea{ width:98% !important;}

@media (min-width: 0px) and (max-width: 989px) {
.incontainer{ width:96%; float:left; margin:0 0 0 0; padding:0 2%;}	
.inner_mid li{ width:94%;}
}

@media (min-width: 768px) and (max-width: 989px) {
.incontainer{ width:96%; float:left; margin:0 0 0 0; padding:0 2%;}	
.quick_enquiry{ font-size:14px; padding:15px;}
.logo p{ font-size:12px;}
.logo{ width:360px;}
}

@media (min-width: 0px) and (max-width: 767px) {
.incontainer{ width:96%; float:left; margin:0 0 0 0; padding:0 2%;}	
.quick_enquiry{ font-size:14px; padding:15px; margin:0 0 10px 0;}
.logo p{ font-size:11px;}
.logo{ width:100%;}
.logo img{ width:100%;}
.mid_product_first{ width:96%; padding:2%; margin:20px 0;}
.footer ul{ width:100%; float:left; margin:0 0 0 0;}
.logo h1{ font-size:27px;}
.head_right{ width:100%; float:left;}
.language{ float:left; margin:10px 0; display:none;}
.menu{ height:auto;}
.copy_right{ height:auto; padding:15px 0; line-height:15px; text-align:center;}
.footer_right{ width:100%;}
.contact_left{ width:100%; float:left; margin:0 0 20px 0;}
.contact_right{ width:100%; float:left; margin:0 0 0 0;}
.my{ display:none;}
.copy_right .left{ width:100%; float:left; height:auto; margin:0 0 0 0;}
.copy_right .right{ width:100%; float:right; height:auto; margin:0 0 0 0;}
}