@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1190px) {
  .category-text h5 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}

.category-text p {
    font-size: 13px;
}
.category-text{padding:10px 13px;}  
     .banner-slider .owl-buttons {  left: 0%;}  
   .content-section li{padding: 0 25px;}
   }
   
@media screen and (max-width: 1100px) {
    .content-section li{padding:0 13px;}
    .content-section .section-right p{padding-bottom:25px;}
    .content-section .section-right h3{padding-bottom:30px;}
    .nav a{padding:16px 10px 20px;}

}
@media screen and (max-width: 1024px) {
.content-section li{padding:0 12px;}
.video-page .section-video li p{padding:10px 0 0;}
.video-page .section-video ul:last-child{margin-bottom:0;}
.product-content h3{font-size:18px; padding-bottom:15px;}
.product-content p {
    line-height: 25px;
    padding-top: 15px;
}
.content-product h2{padding-bottom:40px;}
.content-product li p {   line-height: 25px;    padding-top: 10px;}
}
@media screen and (max-width: 990px) {
    
    .main-menu{ display:none;}
.mobile-nav{ display:block;}

    .header-bottom{text-align:right;}
    .nav a:hover, .nav a.current{border-top:2px solid transparent;}
    
    .active {  display: block; } .nav > li {   float: none; } .nav > li > .parent {  background-position: 95% 50%;} .nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } .nav ul {  display: block; width: 100%; } .nav > li.hover > ul , .nav li li.hover ul {    position: static; }
.nav {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    position: absolute;
    width: 100%;
    z-index: 33;
}

.nav a{color:#C80320; text-align:center;}
.header-top{height:auto;}
.nav a:hover, .nav a.current {
    color: #c80320;
    text-decoration: none;
}
.nav a {
    border-bottom: 1px solid #c80320;
    color: #333;
    text-align: center;
}
  .category-text h5 {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}

.content-section li {
    padding: 0 8px;
}
.content-section .section-right p {
    padding-bottom: 5px;
}
.address .fa {
    padding-right: 0;
}
.section-video li{width:50%;}

.inner-content li{width:100%;}
.section-video li.text-video1,.section-video li.text-video{width:46%;}

}
@media screen and (max-width: 980px) {
.content-section .section-right h2{padding:13px 0 10px;}
.read-button{padding-top:0;}
.content-section .section-right h3{padding-bottom:10px;}
.slider-content-main{width:100%; padding:25px 20px 50px;}
}
@media screen and (max-width: 800px) {
.slider-content-main h2{font-size:65px;}
ul.category li{width:50%;}
.content-section h1{font-size:30px; padding:50px 0;}

.content-section li { padding: 0 10px; text-align: center;  width: 25%;}
.bg-custom{margin-top:10px;}
.inner_header ul{width:49%; margin-bottom:10px;}
.section-video h2{padding:30px 0; font-size:25px;}
.section-video li h3{font-size:20px;}
.slider-content {
    left: 0;
    margin-left: 0;

}
.right-text{padding-top:0;}
.right-text h3 {
    font-size: 25px;
    line-height: 35px;
}
.right-text h4{padding:25px 0 3px;}
.left-img{width:100%; float:none;}
.product-content .left-img{text-align:center; width:100%;}
.product-content .right-text { float: none;  margin: 0 auto; width: 95%;}

}
@media screen and (max-width:768px){
    .online-page h3{font-size:22px;}
    }
 @media screen and (max-width:700px){
    .online-page button.share-btn{float:none; margin-top:10px;}
    .online-page h3 {  text-align: center; padding-bottom:30px;}
    .about-us .section-video li span:last-child{width:90%;}
  }


@media screen and (max-width: 640px) {
    .slider-content-main p{font-size:20px; padding:0; text-align:right;}
    .slider-content-main h2 { font-size: 45px; text-align: right;}
    .content-section .section-right h2{font-size:20px;}
    .slider-content-main{width:100%; padding:10px 20px;}
    
.section-left {
    float: none;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.section-right {
    float: none;
    padding:0 10px;;
    width: 100%;
}
.read-button{text-align:center;}
.section-video li{width:100%;}
.section-video li.text-video,.section-video li.text-video1{width:100%; margin:0;}
.video-page .section-video ul{padding-bottom:30px; margin-bottom:20px;}
.video-page button.share-btn{margin-top:10px;}
.online-page .banner-slider h1{font-size:30px;}
.section-video h2{font-size:20px;}
.h3{font-size:20px;}
.logo-footer{padding-right:5px;}
.left-img{width:100%; float:none; text-align:center;}
.right-text{width:100%; float:none;}
.message-ceo{padding-bottom:20px;}
.content-product{padding:0;}
.content-product li{display:block;}
.content-product li:first-child{width:100%;}
.content-product li:last-child{width:97%; padding:0; margin:0 auto;}
.content-product .left-img > img {
    width: 100%;
}
    .product-content{width:100%;}
    .contact-text{float:none; width:97%; margin:0 auto; padding:0;}
    .form-contact{float:none; width:97%; margin:0 auto; }
    .contact-text h3{font-size:16px;}
    .content-contact{padding:0;}
    .contact-us .banner-slider h1{font-size:40px;}
    .inner-content li span:last-child{width:90%;}
    .left-join {
    float: none;
    width: 100%;
}
.right-join {
    float: none;
    width: 100%;
}
    }
@media screen and (max-width: 480px) {    
    ul.category li {
    width: 100%;
}
.slider-content-main h2{font-size:30px;}
.slider-content-main p{font-size:14px;}
.inner_header ul{width:100%; padding:0 15px;}
.footer-text,.social-icon {  float: none;  width: 100%; text-align:center;}
.social-icon { margin-top:15px;}
.join1{padding:30px 10px;}
}
@media screen and (max-width: 360px) {  
.slider-content-main {
    padding: 10px 0 40px;
    width: 100%;
}
.slider-content-main p { font-size: 12px;}
.slider-content-main h2{  font-size: 20px;}
ul.login-section li{float:none; background:none;}
.slider-content-main{padding:10px 0;}
}

@media screen and (max-width: 320px){
    .slider-content-main p { font-size: 11px;}
    .online-page .banner-slider h1{padding-left:0; text-align:center;}
    .product-content span{float:none; width:100%; display:block; text-align:center; padding-bottom:5px; }
    .product-content button.share-btn{float:none; display:block; margin:0 auto; width:55%;}
}