@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body{padding:0; margin:0;font-family: 'Open Sans', sans-serif; color:#333; font-size:13px; line-height:20px;}

header{background:#fff; height:90px; margin:auto;}
header .head-top{font-size:12px; color:#666; text-transform:uppercase; height:30px; line-height:30px;}

#menu-box{background:#0268bf; padding:20px;position: relative;z-index: 999;}
nav ul{padding:0;margin:0; list-style:none;}
nav ul li{float:left; padding:0 10px;}
nav ul li:last-child{padding-right:0;}
nav ul li a{font-size:13px; color:#fff; text-decoration:none; line-height:60px; text-transform:uppercase;}
nav ul li a:hover{color:#a9ceed;}
nav ul li ul{position:absolute;list-style:none;display:none;z-index:999999;background:#262626; font-weight:normal;}
nav ul li ul li{ float:none; background-image:none;height:40px; line-height:40px;border-bottom:solid 1px #747474;}
nav ul li ul li a{display:block; height:40px; line-height:40px;color:#fff;font-weight:normal; padding-right:10px;}
nav ul li ul li a:hover{color:#a9ceed;}
nav ul li:hover ul{display:block;}

.slicknav_menu{ display:none;}	

#banner{margin-top:-15px;}

#inner-banner {margin-top:-15px; margin-bottom:30px; background:url(../images/inner-banner.jpg); background-size:cover; height:250px;}
#inner-banner h1{text-align:center; color:#fff; font-size:30px; padding-top:110px; font-weight:600;}

#aboutus{ background:#262626; color:#979797; padding-right:30px;position: relative;z-index: 99999;margin-top: -70px; margin-bottom:40px;}
#aboutus h2{ color:#fff; font-size:30px; text-transform:uppercase; font-weight:500; margin-top:90px; margin-bottom:50px;}
#aboutus h2 span{display:block; font-size:18px; color:#747474;}
#aboutus img{float:left; margin-right:45px;}
#aboutus a{font-size:16px; color:#979797;}
#aboutus a:hover{color:#ccc;}

.product{text-align:center; margin-bottom:20px; border-right:#ccc 1px solid;}
.product img{transition: transform .5s;}
.product img:hover{transform: scale(.9);}
.product h3{ font-size:13px; color:#333; text-align:center; text-transform:uppercase;}

.contact{ text-align:center;line-height:22px; margin-bottom:20px;}
.contact p{text-align:center; font-size:16px; line-height:25px; margin-top:10px;}
.contact .fa-icon{border:#0268bf 2px solid; border-radius:50%; width:60px; height:60px; line-height:60px; color:#0268bf; font-size:35px; display:block; margin:auto;}

.product-img{border:#ccc 1px solid; padding:5px; margin-bottom:15px; text-align:center;}

#footer{background:#d8d8d8; color:#666; margin-top:30px; padding:50px 0; width:100%;}
#footer ul{padding:0;margin:10px 0; list-style:none;}
#footer ul li{display: inline-table;padding:0 10px;}
#footer ul li:last-child{padding-right:0;}
#footer ul li a{font-size:13px; color:#666; text-decoration:none; line-height:20px; text-transform:uppercase;}
#footer ul li a:hover{color:#333;}

@media (min-width: 1025px) and (max-width: 1169px) {
    .logo{width:90%;}
    nav ul li a{font-size:11px;}


}
@media (min-width: 769px) and (max-width: 1024px) {
    .logo{width:90%;}
    nav ul li a{font-size:11px;}


}
@media (min-width:200px) and (max-width:768px) 
{
	header{height:auto;} 
    header .logo{width:100%;}
	.slicknav_menu {display: block;}
	 nav{ display:none;}
     .pull-right {float: left!important;}
     #banner {margin-top: -10px;}
     #inner-banner{height:100px;}
     #inner-banner h1{font-size: 26px;padding-top: 15px;}
     #aboutus{margin-top:0; padding-right:0;}
     #aboutus img{width: 100%; margin-right:0; float:none;}
     #aboutus h2{margin-top:10px; margin-bottom:10px;padding:0 10px;}
     #aboutus p{padding:0 10px;}
     }