@media(max-width:767px){
  .container{width:100%!important;max-width:100%;margin:0 auto;box-sizing:border-box}
  .container-fluid{padding-left:0;padding-right:0}
  .logobg:after{display:none}
  .logo-img{width:74%;float:none;height:74px;display:flex;align-items:center}
  .logo-img img{width:100%;max-width:250px;padding:0}
  .migration-menu-button{z-index:1001;top:18px;right:16px;color:#06c}
  .nav_menu{float:none;height:auto;width:100%;clear:both;padding-bottom:12px}
  .nav-i{height:auto}
  .nav-i li a{border:0;color:#fff;padding:12px 8px;margin:0;line-height:1.4}
  #navlist{width:100%;height:auto}
  .col-md-20{padding:0 8px;margin-bottom:16px}
  .col-md-20 h2{font-size:15px;line-height:1.5}
  .hotproducts-title{height:auto;line-height:1.5;padding:24px 0 16px;white-space:normal}
  .hotproducts-title span{display:block;margin-left:0}
  .container>.row{margin-left:-8px;margin-right:-8px}
  .container>.row>.col-md-3{float:left;width:50%;padding:0 8px}
  .imglist .col-md-3{float:left;width:50%;padding:0 8px}
  .index-about{width:100%;float:none}
  .media.h120{height:auto;display:flex;gap:12px;margin:20px 0;padding:0}
  .media-left{width:34%;padding:0!important;flex-shrink:0}
  .media-left img{width:100%;height:auto}
  .media-body{padding:0!important;width:auto}
  .media-body h2{margin-top:0;line-height:1.5}
  .media-body .text-muted{display:none}
  .news-categories{overflow-x:auto;white-space:nowrap;padding:8px 0;gap:18px}
  .news-categories a{flex-shrink:0}
  .fbottom li{font-size:16px;line-height:48px;white-space:nowrap}
  .pp_class_left{white-space:normal}
  .pp_class_right{padding:6px}
  .products-head #preview{width:100%;height:auto}
  #spec-n1{width:100%;height:auto}
  .foot .container{padding-bottom:65px}
}