.t7-banner{width: 100%;}

@media (max-width: 980px){
   /* .t7-header .menu-list {float: left;}*/
   .t7-header .menu-list-layer{margin: 0 0 0 25px;}
   .navbar-menu .navbar-nav > li > a{ padding: 0 17px; }
   .t7-header .t7-logo-img{width: 240px; margin-top: 10px; height: 45px;}
    .about-us-l{width: 100%;margin-bottom: 20px;}
    .about-us-r{padding:0;}
    .crumbs{width: 100%;}
    .con-l-tit{display: none;}
    .product-con li{width: 29%}
    .t7-footer-contact .container ul li{margin: 5px;}
    .t7-footer-network{display: none;}
    .t7-footer-contact{padding: 10px 0;}


 }   
    
@media (max-width: 768px){
   .t7-header .t7-logo{padding: 0;}
   .t7-header .t7-logo-img{ margin-top: 2px;}
   .t7-header .menu-list-layer{margin: 0 25px;}
   .navbar-menu .navbar-nav > li > a{padding:0 15px;}
    .container{width:100%;}
    .fw-pagination-box .pagination-text{display: none;}
    .t7-about-us .au-img li img{height:100%;}
    .t7-pr-img li {width: 28.5%;}
    .t7n-r-img{height: 200px}
    .menu-list-layer {display: none;}
    .reduced-menu{display: block;}
    .ut-menu-list{display:none;}
     
    .product-con li{width: 45%}
    .classify-nav .fw-submenu-list li{width: 27%}
    .t7-about-us .tit-l{ background: none;color: #666; width: 100%;padding: 10px 0 0;  height: auto; display: block;}
    .t7-about-us .tit-l .text{background: none;color: #666; margin-top: 0;}
     .t7-about-us .tit-l .text:after, .t7-about-us .tit-l .text:before{display: none;}
    .t7-about-us .tit-r{ width: 100%; height: auto; display: block; padding:10px 0 20px 0 ;}
    .t7-about-us .tit-l>h1{margin-bottom: 5px; font-size: 28px;}
    .t7-about-us .tit-l>h2{font-size: 18px; font-weight: 600;}
    .t7-about-us .container{border:none;}
    .row-gray .row .wrap{width: 100%!important;}

   .navbar-toggle{ display: inline-block; top:3px; margin-left: 0; margin-right: 0; z-index: 1; }
   .t7-header .menu-list-layer{display: none;}
   .t7-header .menu-list-layer.show{position: fixed;width: 100%;left: 0;top: 0;height: 100%;background: rgba(0,0,0,.5);z-index: 5;margin: 0;} 
   .t7-header .menu-list-layer.show .navbar-nav{height: 100%;background: #fff;width: 40%;margin: 0;}
   .t7-header .menu-list-layer.show .navbar-nav > li{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);line-height: normal;background:0;}
   .t7-header .menu-list-layer.show .navbar-nav > li > a{ height:70px;line-height:70px; padding: 0 25px;background: #fff;width: 100%; border-bottom: 1px solid #ddd;}
   .t7-header .menu-list-layer.show .navbar-nav > li:hover > a{background: #eee;font-weight:normal;}
   .t7-header .menu-list-layer.show .navbar-nav > li li > a{background: #fff;font-weight:normal; color: #666;}
   .t7-header .menu-list-layer.show .navbar-nav > li li > a:hover{color: #fff; background: #f00;}
   .t7-header .menu-list ul li a:hover{border-bottom:0; } 
   .navbar-menu .navbar-nav > li ul{ left: 100%; top: 0; }
  .navbar-menu .navbar-nav > li ul ul{position: initial; display: block; border:none; border-top:1px solid #ddd; background: #fff;}

}
@media (max-width: 640px){
  /*.t7-header .menu-list{display: none;}*/
  .reduced-menu{display: block;cursor: pointer;}
  .reduced-menu i{font-size: 30px;}
  .t7-header .t7-logo {padding: 5px 0;}
  .t7-about-us .tit-r .fw-ico-intro li{}
  .t7-about-us .tit-r .fw-ico-intro li img{width: 50%;}
  .t7-about-us .tit-r .fw-ico-intro .text h2{font-size: 13px;}
}

@media (max-width: 480px){
  .product-con li{width: 96%}
  .t7-pr-img li {width: 95%;}
  .t7-pr-img li{margin: 8px;}
  .content-wrap .hero-gallery-floating{height: 40%;}
  .classify-nav .fw-submenu-list li{width: 96%}
  .t7-footer-contact .container ul{text-align: center;}
  .t7-footer-contact .container ul li{float: initial;}
  .t7-footer-Copyright .container{padding: 5px 0;}
  .nav-banner{}
  .about-us-l{height: 200px;}

  .fw-grid-imginfo.info-list > ul > li.side-img{width: 100%; height: 150px;}
  .fw-grid-imginfo.info-list > ul > li.side-intro{width: 100%;}
  .fw-grid-imginfo.info-list .side-intro:before{display: none;}
}