File: /var/www/dhoistage.concertium.com/html/css/styles.css
@font-face {
font-family: 'futura_lt_btlight';
src: url('../fonts/futura_light_bt-webfont.eot');
src: url('../fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/futura_light_bt-webfont.woff') format('woff'),
url('../fonts/futura_light_bt-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.clear{
clear:both;
overflow:hidden;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
clear: both;
}
a, img a, img, a img{ border:0px; outline:0px; text-decoration:none;}
img{ max-width:100%;height:auto;}
a{ text-decoration:none;}
a:hover{
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, ol, ul, li, legend, label, form, select, input, textarea, p , div{
padding:0;
margin:0;
list-style:none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body{
background:#ededed;
color:#000;
font-size:12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
padding:0;
margin:0;
line-height:normal;
}
.wrapper{
width:1164px;
margin:0 auto;
}
p{line-height: 20px;padding-bottom: 8px;color: #2f2f2f; font-family: 'Open Sans',sans-serif;font-size: 14px;}
/*Header
-----------------------------------*/
.header{
padding:0px 0 10px;
}
.logo{
float:left;
padding-top:20px;
}
.header_right{
float:right;
text-align:right;
padding-top:13px;
}
.header_right span{
display:block;
font-size:19px;
color:#4aa321;
margin-bottom:3px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.header_right span small{
display:inline-block;
color:#0b4992;
font-size:19px;
}
.header_right a{
display:inline-block;
background:url('../images/mail_icon.png') no-repeat left 7px;
text-decoration:none;
padding-left:15px;
font-size:17px;
color:#8b8b8b;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 10px 0 8px 0;
}
.header_right strong{
font-family: 'Open Sans', sans-serif;
font-weight:normal;
display:block;
font-size:18px;
color:#414141;
}
/*Navigation
-----------------------------------*/
.navigation{
background:#fff;
border-bottom:2px solid #0b4992;
text-align:center;
}
.navigation ul{
list-style:none;
padding:0;
margin:0;
}
.navigation ul ul{ list-style:none;padding:0;margin:0;
background:#5c5b5b !important;
border-top:2px solid #0b4992;
}
.navigation ul li li{
text-align:left !important;
background:#5c5b5b !important;
}
.navigation ul li li a{
background:#5c5757 !important;
color:#fff !important;
padding:6px 10px !important;
text-align:left !important;
width:190px !important;
font-size:16px;
}
.navigation ul li li a:hover{ background:#fff !important; color:#000 !important;}
.navigation ul ul ul{ position:absolute; left:190px; border:none;}
.navigation ul li{
display:inline-block;
float:none;
text-align:center;
position:relative;
}
.navigation ul li a{
font-family: 'Open Sans', sans-serif;
display:inline-block;
font-size:18px;
color:#191411;
padding:20px 15px;
text-decoration:none;
outline:0px;
}
.navigation ul li:hover a, .navigation ul li.active a{
background:#0b4992;
color:#fff;
}
/*Banner Area
-----------------------------------*/
.banner_area{
position:relative;
}
.slider_area{
position:relative;
float:left;
width:771px;
}
.slider{
}
.slider img{
float:left;
display:block;
}
.pager{
width:100%;
text-align:center;
position:absolute;
left:0;
bottom:10px;
outline:0;
}
.pager a{
background:url('../images/pager1.png') no-repeat 0 -12px;
display:inline-block;
margin:0 5px;
height:12px;
width:12px;
text-indent:-9999px;
outline:0;
}
.pager a:hover, .pager a.selected{
background:url('../images/pager1.png') no-repeat 0 0;
outline:0;
}
.banner_right{
background:url('../images/banner_rightBG.jpg') no-repeat center top;
float:right;
/*width:303px;*/
width:393px;
padding:82px 45px 34px;
}
.banner_right a{
background:#0b4992;
display:block;
color:#f5fff0;
font-size:30px;
padding:10px 0 15px;
text-align:center;
margin-bottom:15px;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
/*Container
-------------------------------*/
.containerArea{
background:url('../images/texture2.jpg') 0 0;
}
.main_content{
width:1002px;
float:left;
}
.main_bredcrumb{
padding:18px 24px;
background: url("../images/texture1.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main_bredcrumb ul{}
.main_bredcrumb ul li{
padding-right:18px;
margin-right:6px;
background:url(../images/bred-arrow.jpg) no-repeat right 5px;
float:left;
}
.main_bredcrumb ul li a{
display:block;
font-size:15px;
color:#0d0b08;
font-weight:normal;
}
.main_bredcrumb ul li:hover a, .main_bredcrumb ul li.active a{
color:#0b4992;
}
.main_bredcrumb ul li:last-child{ background:none;}
.main_content p{
padding:0px;
margin:10px 24px;
line-height:22px;
}
.contentInn{ border-top:1px solid #b9b7b7;}
.contentInn h3 { margin:0px 24px;}
.containerArea h1, .main_content h2, .main_content h1, .containerArea h2{
padding:13px 0 7px;
margin:0 0 0 0;
text-align:center;
font-size:30px;
color:#0d0b08;
font-weight:normal;
border-bottom:1px solid #fff;
font-family: 'Open Sans', sans-serif;
background:url('../images/texture1.jpg') 0 0;
}
.main_content h1.left, .containerArea h1.left{ text-align:left; padding-left:24px;}
.containerArea h2:before{background:url('../images/texture1.jpg') 0 0; content:'';}
.containerArea h2:after{background:url('../images/texture1.jpg') 0 0; content:'';}
.stock_products{
padding:30px 20px 0;
border-top:1px solid #b9b7b7;
}
.stock_products ul{
padding:0px;
margin:0;
list-style:none;
}
.stock_products ul li{
background:url('../images/line1.jpg') repeat-y right top;
display:block;
float:left;
position:relative;
padding:10px 0 20px;
width:25%;
}
.stock_products ul li:nth-child(4n+4){
background:none;
}
.stock_productsPic{
text-align:center;
height:152px;
margin-bottom:28px;
}
.stock_productsPic img {display: block;max-height: 152px; max-width: 230px; margin:0 auto;}
.stock_products ul li a{
display:inline-block;
font-size:16px;
color:#000;
border:2px solid #836c48;
text-align:center;
padding:8px 16px;
margin:0 0 0 25px;
}
.stock_products ul li span{
font-family: 'Yanone Kaffeesatz', sans-serif;
background: url('../images/comment_bg.png') no-repeat 0 0;
display:block;
position:absolute;
top:0px;
right:15px;
color:#ebeaea;
font-size:24px;
width:121px;
padding:5px 0;
text-align:center;
}
.stock_products.odd ul li{
padding:0 0 20px;
}
.stock_products.odd ul li a{
margin:0 0 0 8px;
}
.feature_projctPic{
text-align:center;
height:189px;
margin-bottom:28px;
}
.feature_projctPic img {display: block; max-height:189px; max-width:221px; margin:0 auto;}
.right_sidebar{
width:162px;
float:left;
text-align:center;
background:url('../images/texture1.jpg') 0 0;
}
.side-bottom{ height:24px; background:url(../images/product-borde.jpg) repeat-x left bottom;}
.right_sidebar h2{
background:url('../images/texture2.jpg') 0 0;
padding:13px 0 8px 10px;
margin:0 0 13px 0;
text-align:center;
font-size:30px;
color:#0d0b08;
font-weight:normal;
text-align:left;
}
.right_sidebar h4{
background:url('../images/texture3.jpg') 0 0;
padding:16px 0 16px 10px;
margin:0 0 0px 0;
text-align:center;
font-size:24px;
color:#fff;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
text-align:left;
}
.right_sidebar ul{
list-style:none;
padding:0;
margin:0;
}
.right_sidebar ul li{
display:block;
}
.right_sidebar a{
display:block;
margin-bottom:12px;
}
/*Footer
-----------------------------*/
.company_details_area{
}
.certified_area{
background:#fff;
text-align:center;
padding-bottom:10px;
}
.certified_area img{
display:inline-block;
margin:10px 0 0;
}
.certified_area h2{
padding:0;
margin:0;
font-weight:normal;
font-size:36px;
color:#61340a;
font-family: 'futura_lt_btlight';
}
.company_details{
background:#f7f7f7;
padding-bottom:40px;
}
.company_contact{
width:37%;
float:left;
margin-left:11%;
}
.company_contact img{
float:left;
margin: 15px 26px 5px 0px;
display:block;
}
.company_contact h2{
padding:0;
margin:20px 0 22px;
font-size:14px;
color:#010101;
}
.company_contact span{
display:block;
margin-bottom:15px;
font-size:13px;
color:#969696;
line-height:16px;
font-family: 'Open Sans', sans-serif;
}
.company_contact span strong{
color:#696969;
}
.company_contact em{
display:block;
color:#6e6e6e;
font-size:16px;
font-style:normal;
padding-left:6px;
font-family: 'Open Sans', sans-serif;
}
.company_about{
font-family: 'Open Sans', sans-serif;
width:48%;
float:right;
padding:18px 0 0px;
}
.company_about h2{
padding:0;
margin:0 0 22px;
font-size:14px;
color:#010101;
}
.company_about p{
color:#969696;
font-size:13px;
line-height:20px;
padding:0 25px 0 0;
margin:0;
}
.footer_main_area{
background:#f7f7f7;
padding:10px 0;
}
.footer_main{
font-size:14px;
color:#8e8e8e;
font-family: 'Open Sans', sans-serif;
padding:25px 0px 15px;
margin:0px 25px 0px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.footer_main_left{
float:left;
width:25%;margin-top: -20px;
}
.footer_main_nav{
margin:0 25%;
text-align:center;
}
.footer_main_nav ul{
padding:0;
margin:0;
list-style:none;
}
.footer_main_nav ul li{
display:inline-block;
}
.footer_main_nav ul li a{
display:inline-block;
margin:0 9px;
color:#8e8e8e;
}
.footer_main_nav ul li.active a{ color:#000;}
.footer_main_nav ul li a:hover{ color:#272525;}
.footer_main_right{
float:right;
width:25%;
text-align:right;margin-top: -20px;
}
.footer_main_right a{
color:#8e8e8e;
}
/*social_area
----------------------------*/
.social_area{
background:#000;
text-align:center;
padding:25px 0 30px;
}
.social_area a{
display:inline-block;
margin:0 5px;
text-align:center;
}
.right_sidebar h3{ display:none;}
.navtoggl{ display:none;}
/************************About**************************/
.aboutInfo{ font-size:14px; color:#2f2f2f;font-family: 'Open Sans', sans-serif;}
.aboutInfo h3{ font-size:24px; color:#3e3e3e; padding:20px 0 24px 0; font-weight:normal;}
.aboutInfo p{ line-height:25px; padding-bottom:14px;}
.aboutPicBox{ float:left; margin-right:18px; width: 348px;border:5px solid #fff; margin-bottom:20px; }
.aboutPicBox:after{ background: url("../images/drop_shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
content: "";
height: 19px;
/*margin-left: -135px;*/
position: absolute;
width: 271px;}
.aboutPic{ /*height: 221px;*/ }
.aboutPicBox img{ max-height: 211px;max-width: 338px; }
/*.aboutInfo span{ float:left; max-width:565px; line-height:25px;}*/
ul.worksDetails{padding-top:10px;}
ul.worksDetails li{ float:left; margin-left:10px; border:5px solid #fff; text-align:center; vertical-align:middle; width:235px;}
ul.worksDetails li:first-child{ margin:0px;}
.aboutInfoPic{ height:140px; text-align:center;}
.aboutInfoPic img {display: block;max-height: 140px;max-width: 222px; margin:0 auto}
/************************Service**************************/
.serviceInfo{padding:20px 0 0 0;}
.serviceInfo ul li{ float:left; margin-right:10px; font-size:24px; color:#010101;font-family: 'Open Sans', sans-serif; text-align:center;border:0;
width:358px;}
.servicePic{ height:230px; margin-bottom:20px;}
.servicePic:after{ background: url("../images/drop_shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
content: "";
height: 13px;
margin-left: -135px;
position: absolute;
width: 271px;}
.serviceInfo ul li a img{max-height: 230px;max-width: 358px; }
.serviceInfo ul li a small{ display:block;padding-top:3px;font-size:24px;color:#010101; line-height:20px;}
/************************Industry**************************/
ul.industryInfo li{ width:192px; text-align:center; float:left; margin-right:0.5%; width:19.6%; font-size:14px; color:#2a2a2a;
font-family: 'Open Sans', sans-serif; background:#fff; line-height:23px;padding:22px 1%;}
ul.industryInfo li img{ max-height: 174px;max-width: 170px;}
ul.industryInfo li span{ display:block; text-align:left;}
ul.industryInfo li:last-child{margin-right:0px;}
.industryLogo{height:174px; text-align:center;margin-bottom:8px;}
/************************contact**************************/
.contactInfo{}
.formBox{ float:left; max-width:560px;}
.contactInfo input[type=text]{border:1px solid #cfcfcf;outline:0;background:#fff;font-family: 'Open Sans', sans-serif;font-size:18px;color:#6c6c6c;width:/*515px*/ 555px;height:46px;line-height:46px;
padding:0px 20px;margin-bottom:12px;}
.contactInfo textarea{border:1px solid #cfcfcf;outline:0;background:#fff;font-family: 'Open Sans', sans-serif;font-size:18px;color:#6c6c6c;width:555px;height:136px;
line-height:16px;padding:18px 20px 12px;margin-bottom:12px;resize:none;overflow:auto;}
.contactInfo input[type=submit]{border:0;outline:0;cursor:pointer;display:block;width:108px;height:29px;background:transparent;border:2px solid #206163;
font-family: 'Open Sans', sans-serif;font-size:16px;color:#000;text-align:center; margin:10px 0 20px;}
a.mail{ display:block; background:url('../images/mail_icon2.png') no-repeat 0 0;
line-height:48px; padding:0 0 0 60px;font-family: 'Open Sans', sans-serif; font-size:24px; color:#000;}
.addressBox{ float:left; max-width:360px;padding:12px 0 0 22px;}
.addressBox ul li{ padding:0 0 24px 82px; background:url('../images/add_pic.png') no-repeat 0 0;
font-family: 'Open Sans', sans-serif; font-size:18px; color:#5b5a5a; }
.addressBox ul li span{font-size:24px; color:#000; display:block; line-height:19px; padding-bottom:12px;}
.addressBox ul li small{font-size:16px; color:#5b5a5a; display:block;}
.addressBox ul li small strong{color:#000; font-weight:normal; width:44px; display:inline-block;}
/************************project**************************/
.projectInfo{ font-size:14px; color:#2f2f2f;padding:12px 16px;border-top:1px solid #b9b7b7;font-family: 'Open Sans', sans-serif;}
.projectInfo p{ line-height:20px; padding-bottom:8px;}
.slide {width:100%;}
.slide img {width:100%; height:auto;}
.proBanner {position:relative; margin-bottom:20px;}
.pageBox{ background:#000; height:32px;}
.center{ color:#a5a5a5; font-size:14px;font-family: 'Open Sans', sans-serif; padding: 4px 0 0 20px;}
.projectDetails{ width:50%; float:left; padding:10px 3% 0 0;}
.projectMap{ width:50%; float:left; text-align:center;padding-top:10px;}
/************************product**************************/
.hardware{ padding:10px 22px;font-size:14px; color:#2f2f2f;font-family: 'Open Sans', sans-serif;background: url("../images/border.jpg") repeat-x scroll 0 top rgba(0, 0, 0, 0);}
.hardware p{ line-height:20px; padding-bottom:8px;}
.hardwareProduct{}
.hardwareProduct ul{ }
ul.hardwareProduct li{ float:left; background:url(../images/product-border2.png) no-repeat right bottom; text-align:center; padding:20px 30px 30px; height:247px;}
.productsPic img{
max-width:190px;
max-height:152px;
margin-bottom:5px;
}
ul.hardwareProduct li:last-child{ background:url(../images/product-borde.jpg) repeat-x left bottom; height:246px;}
ul.hardwareProduct li a{ display:inline-block;border: 2px solid #836c48;color: #000;font-size: 16px;padding: 0px 19px; height:30px; line-height:24px;font-family: 'Open Sans', sans-serif}
/************************product_listing**************************/
ul.proList{padding:18px 0; text-align:left;}
ul.proList li{font-size:14px; color:#2f2f2f;font-family: 'Open Sans', sans-serif;}
ul.proList li a{padding:5px 10px;color:#2f2f2f; margin-bottom:0px;}
ul.proList li a:hover{color:#fff; background: url("../images/texture3.jpg") repeat 0 0;}
.new_product{
padding:0px 15px;
}
ul.ProductList {}
ul.ProductList li{
float:left;
background:url(../images/border-bg.png) no-repeat left top;
text-align:center;
padding:10px 20px;
margin:12px 6px;
height:224px;
width:230px;
}
ul.ProductList li span{
font-size:14px;
color:#0e0e0e;
font-weight:normal;
line-height:18px;
}
.productsPic2{
height:128px;
}
.productsPic2 img{
max-width:140px;
max-height:137px;
}
.new_product strong{
font-size:24px;
color:#0e0e0e;
font-weight:normal;
padding:0px;
padding:15px;
line-height:30px;
font-family: 'Open Sans', sans-serif;
display:block;
}
.select_box{
width:185px;
background:#ffffff url(../images/drop-arrow.jpg) no-repeat right 12px;
border:0;
outline:0;
color:#696969;
font-size:14px;
padding:10px 10px;
margin:12px 10px;
font-style:normal;
font-weight:normal;
}
.details_area{
padding:22px 15px;
background:url("../images/border.jpg") repeat-x left top;
}
.slide_left{
float:left;
margin-right:20px;
margin-bottom:15px;
width:398px;
}
.slide_area{
margin-bottom:15px;
border:1px solid #ffffff;
padding:2px;
}
.slide_box{
border:1px solid #ffffff;
width:360px;
padding:23px 0;
position:relative;
}
.slide_product{
text-align:center;
}
a.left_arrow{
position:absolute;
top:159px;
left:10px;
}
a.right_arrow{
position:absolute;
top:159px;
right:10px;
}
ul.thumb_line{
width:244px;
margin:0 auto;
}
ul.thumb_line li{
float:left;
margin:0 2px;
background:#fff;
width:70px;
border:3px solid #fff;
text-align:center;
}
ul.thumb_line li:hover, ul.thumb_line li.acive{
border:3px solid #0b4992;
}
.thumb_picture{
height:64px;
}
.thumb_picture img{
max-width:53px;
max-height:52px;
}
.product_tab{
float:left;
width:545px;
font-family: 'Open Sans', sans-serif;
}
ul.resp-tabs-list{}
ul.resp-tabs-list li{
float:left;
cursor:pointer;
background:#0b4992;
margin-right:5px;
border:#b8b8b8 1px solid;
display:block;
padding:12px;
font-size:15px;
color:#fefefe;
font-weight:normal;
outline:0px;
}
ul.resp-tabs-list li:hover, ul.tab li.active{
background:#fff;
color:#595959;
}
.resp-tabs-container{
border:1px solid #b8b8b8;
background:#fff;
font-size:14px;
color:#888888;
line-height:24px;
min-height:328px;
margin-top:-1px;
}
.galery{
padding:15px 20px;
}
/*font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Open Sans', sans-serif;*/
/************************Responsive**************************/
@media only screen and (min-width:960px) and (max-width:1024px){
.flex-direction-nav a{ top:42% !important;}
.product_tab{ width:375px;}
.slide_left{ margin-right:10px;}
ul.resp-tabs-list li{ padding:12px 5px; margin-right:2px;}
.resp-tab-active{ padding:12px 5px !important;}
.wrapper{width:970px;}
.navigation ul{/*margin:0 32px;*/}
.slider_area{ width:60%;}
.banner_right {padding:60px 4% 10px;/*width: 32%;*/width: 40%;}
.banner_right a{padding: 1px 0 15px; margin-bottom:12px;}
.main_content { width: 84%;}
.right_sidebar {width: 16%;}
.stock_products{ padding:33px 20px;}
.stock_products ul li{ width:186px; margin-right:10px;padding: 0 10px 0 0;}
.stock_products.odd ul li {padding: 0 10px 0 0;width:186px; margin-right:10px;}
.stock_products ul li:nth-child(4n+4){ margin-right:0px; padding-right:0px;}
.feature_projctPic img, .stock_productsPic img{max-width: 174px; margin-bottom:0px;}
.stock_productsPic, .feature_projctPic{ margin-bottom:17px;}
.stock_products ul li span{ right:10px;}
.company_contact { margin-left: 6%;width: 42%;}
.footer_main {font-size: 13px; padding: 20px 0;}
/************************About**************************/
.aboutInfo span{ max-width: 400px;}
.aboutPic img {max-width: 333px;}
ul.worksDetails li {width: 188px;}
.aboutInfoPic img{max-width:178px;}
/************************Service**************************/
.serviceInfo ul li {margin-right: 10px;}
/************************contact**************************/
.formBox{ max-width: 480px;}
.addressBox{max-width: 290px;}
.contactInfo input[type=text], .contactInfo textarea{width: 480px;}
/************************product**************************/
ul.hardwareProduct li{ width:25%; padding:30px 0 35px;}
ul.hardwareProduct li span {padding:0 18px;}
/************************Industry**************************/
.industryLogo{height: 136px;}
ul.industryInfo li img{max-width: 135px;}
}
@media only screen and (min-width:760px) and (max-width:959px){
.navigation ul li li a{ padding:5px 8px !important; width:160px !important;}
.navigation ul ul ul{ left:160px;}
.new_product strong{ font-size:20px;}
.flex-direction-nav a{ top:42% !important;}
.product_tab{ width:auto;}
.slide_left{ width:555px; float:none; margin:0 auto;}
.wrapper{width:750px; }
.navigation ul{margin:0px;}
.navbar-collapse{ padding:0px;}
.navigation ul li a{ font-size:14px;padding:20px 14px;}
.slider_area{ width:100%; float:none;}
.banner_right {width:100%; float:none; background:none; padding:30px 0 0;}
.main_content { width: auto; float:none; margin-bottom:0px;}
.stock_products{ padding:33px 20px;}
.stock_products ul li{ width:170px; margin-right:10px;padding: 0 10px 0 0;}
.stock_products.odd ul li {padding: 0 10px 0 0;width:170px; margin-right:10px;}
.stock_products ul li:nth-child(4n+4){ margin-right:0px; padding-right:0px;}
.feature_projctPic img, .stock_productsPic img{max-width: 158px; margin-bottom:0px;}
.stock_productsPic, .feature_projctPic{ margin-bottom:0px;}
.stock_products ul li span{ display:none;}
.right_sidebar { width: auto; float:none;}
.pBox ul li {display: inline-block;margin: 0 10px 14px;}
.certified_area h2{ font-size:32px;}
.company_contact{width: auto; float:none; margin:0 0 34px 0;padding:20px 16px 0;}
.company_contact img{ margin:15px 70px 5px 0;}
.company_about{ padding:0px 16px; width: auto; float:none;}
.company_about p{ padding:0px;}
.company_about h2{margin-bottom:10px;}
.footer_main{ margin:0px 10px; font-size:13px;}
.footer_main_left, .footer_main_right { margin-top: -36px;width: 18%;}
.footer_main_nav{margin: 0 18%;}
.footer_main_nav ul li a{ margin: 0px;}
.main_bredcrumb ul li a{ font-size:16px;}
ul.ProductList li{ margin:10px 5px;}
/************************About**************************/
.aboutPicBox {margin-right: 3%;width: 47%;}
.aboutPicBox img {max-width: 323px;}
.aboutInfo span{ max-width: 50%;}
ul.worksDetails li {width:172px;}
.aboutInfoPic img{max-width:162px;}
/************************Service**************************/
.serviceInfo ul li {width:48%;}
.serviceInfo ul li a img{max-width: 342px;}
/************************contact**************************/
.formBox{ max-width: 100%; float:none; padding-bottom:20px;}
.addressBox{max-width: 100%; float:none; padding-left:0px;}
.contactInfo input[type=text] {width: 96%; padding:0 2%;}
.contactInfo textarea {width: 96%; padding:16px 2%;}
/************************product**************************/
ul.hardwareProduct li{ width:25%; padding:30px 0 35px;}
ul.hardwareProduct li span{padding:0 10px;}
.productsPic img{ max-width:172px;}
ul.hardwareProduct li a{ padding:0 10px;}
/************************Industry**************************/
.industryLogo{height: 136px;}
ul.industryInfo li img{max-width: 125px;}
}
@media only screen and (max-width:767px){
.navigation ul{ width:100%;}
.navigation ul li li a{ padding:5px 8px !important; width:100% !important;}
.navigation ul li li li a{ padding:5px 20px !important; width:100% !important;}
.navigation ul ul{ left:0px; width:100% !important; margin-top:0px;}
.navigation ul ul ul{ top:0px; left:0px; position:relative; z-index:999;}
.new_product strong{ font-size:18px;}
.flex-direction-nav a{ top:42% !important;}
.product_tab{ width:auto;}
.slide_left{ width:auto; float:none; margin:0 auto;}
.main_bredcrumb ul li a{ font-size:14px;}
.main_bredcrumb ul li{ background-position:right 5px;}
.new_product{ padding:0px;}
ul.ProductList li{ margin:8px 0px;}
.wrapper{width:auto; padding:2%;}
.header{ padding-bottom:20px;}
.logo{ float:none;text-align: center;margin: 0 auto;width: 80%;}
.header_right{float:none;padding-top:20px; text-align:center;}
.header_right span, .header_right span small, .header_right strong{ font-size:16px;}
.navigation ul{margin:0px;}
.navbar-collapse{ padding:0px;}
.navigation ul li{ float:none; display:block; text-align:left;}
.navigation ul li a{padding:12px 15px; display:block;}
.slider_area{ width:100%; float:none;}
.banner_right {width:100%; float:none; background:none; padding:30px 0 0;}
.banner_right a {font-size: 24px;margin-bottom: 10px;padding: 10px 0;}
.main_content { width: auto; float:none; }
.main_content h2, .main_content h1{font-size:23px;}
.stock_products{ padding:33px 0px;}
.stock_products ul li{padding: 0 0 0px 0;width: auto; background:none; float:none; border-bottom:1px solid #fff;text-align:center; margin-bottom:20px;}
.stock_products.odd ul li {padding: 0 0 0 0; }
.stock_products ul li span{ display:none;}
.stock_products ul li img, .stock_products.odd ul li img{margin: 0px 0; display:inline;}
.stock_products ul li a, .stock_products.odd ul li a {margin: 0 0 0 0px;padding: 8px 0;width: 99%;}
.feature_projctPic, .stock_productsPic {height: auto;margin-bottom: 20px;}
.right_sidebar { width: auto; float:none;padding-bottom:0px;}
.right_sidebar h2{ font-size:24px;}
.right_sidebar a {margin: 0 0 15px 0px;}
.certified_area h2{ font-size:26px;}
.company_contact{width: auto; float:none; margin:0 0 34px 0;padding:20px 16px 0;}
.company_contact img{ margin:15px 0px 5px 0;}
.company_contact span{ font-size:14px;}
.company_contact em{font-size:14px; padding:0px;}
.company_about{ padding:0px 16px; width: auto; float:none;}
.company_about p{ padding:0px;}
.company_about h2{margin-bottom:10px;}
.footer_main{ margin:0px; font-size:14px; text-align:center;}
.footer_main_left { width:auto; float:none; margin:0px 0 5px 0;}
.footer_main_right { width:auto; float:none;text-align:center; margin:0px 0 5px 0;}
.footer_main_nav { width:auto; float:none;margin:0px 0 12px 0;}
.footer_main_nav ul li { display:block; text-align:left; padding: 0 10px;}
.footer_main_nav ul li a{ display:block; margin:0 0 5px 0;}
/************************About**************************/
.main_content h1.left{ padding-left:15px;}
.aboutPicBox {margin:0 0 10px 0;width: auto; background:none; float:none;}
.aboutPicBox img {max-width: 245px;}
.aboutInfo span{ max-width: 100%;float:none;}
.aboutInfo ul{text-align:center;display:block;}
ul.worksDetails li, ul.worksDetails li:first-child{float:none; display:inline-block; width:204px; margin:5px;}
.aboutInfoPic img{max-width:194px;}
.aboutInfo h3{ font-size:20px;}
.aboutPicBox:after{ background: none;}
/************************Service**************************/
.serviceInfo ul li a small{font-size: 22px;padding-bottom: 16px;}
.servicePic{height:190px;}
.servicePic:after{ background:none;}
.serviceInfo ul li{ width:auto; margin:0 0 10px 0; float:none;}
.serviceInfo ul li a img {
max-width: 274px;
}
/************************Industry**************************/
ul.industryInfo li { width:auto; float:none; margin:0 0 20px 0; padding:22px 4%; }
.industryLogo{height: 136px;}
ul.industryInfo li img{max-width: 145px;}
/************************contact**************************/
.formBox{ max-width: 100%; float:none; padding-bottom:20px;}
.addressBox{max-width: 100%; float:none; padding-left:0px;}
.contactInfo input[type=text] {width: 100%; padding:0 2%; font-size:16px;}
.contactInfo textarea {width: 100%; padding:16px 2%;font-size:16px;}
.contactInfo input[type=submit] { width:100%;}
.addressBox ul li span{font-size:20px;}
/************************Project**************************/
.pageBox{ height: auto;padding: 18px 0; text-align: center;}
.jcarousel-pagination{ bottom:30px !important;}
.projectDetails{ width:auto; float:none; padding:10px 0 0;}
.projectMap{ width:auto; float:none; text-align:center;padding-top:10px;}
/************************product**************************/
.hardware{padding:10px 16px 16px; background:none;}
ul.hardwareProduct {background:none;}
ul.hardwareProduct li{ width:auto; padding:0px 0 20px;background: url("../images/border.jpg") repeat-x 0 bottom ; float:none; margin-bottom:20px; height:220px; }
ul.hardwareProduct li:last-child{ height:220px;}
ul.hardwareProduct li span{padding:0px; width:100%;}
ul.hardwareProduct li img{ display:inline;}
ul.hardwareProduct li:last-child{ background: url("../images/border.jpg") repeat-x 0 bottom ;}
.right_sidebar{ padding-top:20px;}
.right_sidebar h3{ padding: 13px 10px 8px ;font-size:24px; font-weight: normal;text-align:left; display:block;}
.right_sidebar h3 a{ color:#0d0b08; background: url("../images/arrow_down.png") no-repeat right 7px ; display:block; text-decoration:none; outline:0; margin:0px;}
.right_sidebar h3.open a{ background: url("../images/arrow_downhover.png") no-repeat right 7px ; }
.pBox{ display:none;}
.right_sidebar h2{ display:none; }
.navtoggl{ font-size:16px; color:#111;background: url("../images/arrow_down.png") no-repeat right 7px ; display:block; text-align:left; margin:0 10px 10px; cursor:pointer;}
.navtoggl.open { background: url("../images/arrow_downhover.png") no-repeat right 7px ; }
footer_main_nav{display:none;}
.abouttag{background: url("../images/arrow_down.png") no-repeat right 7px ; display:block;cursor:pointer;}
.abouttag.open { background: url("../images/arrow_downhover.png") no-repeat right 7px ; }
}
@media only screen and (min-width:320px) and (max-width:479px){
.jgallery .zoom-container .nav-bottom .change-album .title{ margin-left:-14px !important;}
.jgallery-container-inner{ margin-left:-5px;}
.new_product strong{ font-size:14px; line-height:18px;}
.product_tab{ width:auto;}
.slide_left{ width:auto; float:none; margin:0 auto;}
.flexslider .slides img{ max-width:170px !important;}
.flex-direction-nav a{ top:38% !important;}
ul.worksDetails li, ul.worksDetails li:first-child {margin:15px 0 0 0;width: auto;float:none; display:block;}
ul.worksDetails li:first-child{margin:0;}
.aboutInfoPic img{ max-width:248px;}
ul.ProductList li{ margin:6px auto; float:none;}
.main_bredcrumb ul li a{ font-size:12px;}
.main_bredcrumb ul li{ background-position:right 5px; margin:0 2px 0 0px;}
}
.navigation ul li.current-menu-item a{
background:#0b4992;
color:#fff;
}
.test{
float:left;
border:6px solid #fff;
display:block;
margin:0 10px 10px 0;
position:relative;
box-shadow: 0 12px 6px -12px #000;
}
.test:after{
position:absolute;
content:"c";
width:100%;
height:13px;
bottom:-20px;
z-index:10;
display:block;
background:url(../images/drop_shadow.png) no-repeat center top;
left:0;
}