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



@media only screen and (max-width:1199px) {
.category-more h2, .device-sec1 p, .device-sec2-right p{ font-size:13px;}
ul.bullet-point li{ font-size:14px;}
ul.bullet-point{ margin:4px 0 0;}
.device-sec1 h2, .device-sec2-right h2{ font-size:20px;}
.device-sec1-left{ padding:16px 15px 0 30px;}
}

@media only screen and (max-width:991px) {
.header .nav > li{ padding:0 7px;}
.header .nav > li > a{ font-size:12px;}
.banner h2{ font-size:25px;}
.category-more h2{ font-size:12px;}
.category-more a{ font-size:11px;}
.quick-service-left h2, .quick-service-right h2, .tools h2{ font-size:21px;}
.quick-service-left{ text-align:center;}
.quick-service-right p, .tools p, .quick-service-left p{ font-size:14px; line-height:22px;}
ul.over-ons li h2{ font-size:22px;}
ul.over-ons li p{ font-size:14px;}
ul.over-ons li{ min-height:570px;}
.device-sec1-left{ padding-left:20px; padding-right:20px; padding-bottom:30px;}
.device-sec1-right, .device-sec2-left{ text-align:center;}
.device-sec1-right img, .device-sec2-left img{ width:100%;}
.device-sec2-right{padding-left:20px; padding-right:20px; padding-bottom:30px;}
}

@media only screen and (max-width:767px) {
.header .navbar-nav{ padding:0 15px;}
.header .navbar-brand{ margin-left:0;}
.header .nav > li{ border-bottom:1px solid #CCC;}
.header .nav > li > a:hover::after, .header .nav > li > a.active:after { bottom: -1px; height: 1px;}
.banner-text p, .banner-text a{ font-size:14px;}
.navbar-nav{ margin-bottom:0;}
ul.over-ons li{ min-height:inherit; border-bottom:1px solid #000046; border-left:none; padding-top:30px;}
ul.over-ons li:last-child{ border-bottom:none;}
ul.over-ons li h2 br{ display:none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#fcfcfc;}
ul.over-ons{ padding:15px 0;}
.device-sec1 .row, .device-sec2 .row{ margin-left:0; margin-right:0;}
.device-sec2-left, .device-sec1-right{ padding-left:0; padding-right:0;}
}

@media only screen and (max-width:640px) {
ul.category li{ width:50%;}
.footer-left{ width:100%; padding-left:0;  margin-bottom:10px;}
ul.footer-right{ width:100%;  margin-right:0;}
.banner h2{ font-size:20px; line-height:30px;}
.banner br {display: none;}
.device-sec2-right ul.bullet-point li{ width:50%;}
}

@media only screen and (max-width:479px) {
ul.category li{ width:100%;}
.banner h2 {font-size: 14px; line-height: 22px; padding:10px;}
.device-sec2-right ul.bullet-point li, ul.bullet-point li{ width:100%;}
}