



@media (max-width: 768px) {

  html, body {

    width: 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    overflow-x: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

  }

  * { box-sizing: border-box !important; }



  

  .content22, .contenttb, .content24, .content3,

  .layout-main, .layout-max-main, .layout-box-sm, .layout-max,

  .crumb-bar, .about-nav-list, .info-box,

  .ft-code, .banner, .wrap, .container, .main,

  .header, .h_con, .top_bg, .footer, .foot, .cate {

    width: 100% !important;

    min-width: 0 !important;

    max-width: 100% !important;

    padding-left: 10px !important;

    padding-right: 10px !important;

  }



  

  p, dl, li, dd, dt, td, th, blockquote, span, a, div {

    max-width: 100% !important;

  }

  p, dl, dt, dd { width: auto !important; }



  

  img, video, iframe, canvas {

    max-width: 100% !important;

    height: auto !important;

  }

  img[style*="width"] { max-width: 100% !important; height: auto !important; }



  

  input, textarea, select, button {

    max-width: 100% !important;

    box-sizing: border-box !important;

  }



  

  .h_nav, .menu, .h_nav > ul, .menu > ul, .header ul, .h_con > ul {

    max-width: 100% !important;

    overflow-x: auto !important;

    flex-wrap: nowrap !important;

  }

  .h_nav li, .menu li, .header li { white-space: nowrap !important; }



  

  .footer-compliance { font-size: 12px !important; line-height: 1.6 !important; }

  .footer-compliance a { display: inline-block !important; margin: 0 4px !important; }



  

  .prod-showcase-1 { margin-top: 20px !important; }
  .prod-preview, .p1-pro-showcase-1-txt { width: 100% !important; float: none !important; margin-left: 0 !important; }
  .p1-pro-showcase-1-txt-title { height: auto !important; line-height: 1.5 !important; margin: 20px 0 12px !important; }
  .p1-pro-showcase-1-txt-t1 { margin-bottom: 20px !important; }
  .product-price-panel { margin: 14px 0 18px !important; padding: 14px !important; }
  .product-price-panel strong { font-size: 28px !important; }
  .product-actions { gap: 8px !important; }

  .p1-pro-buybar { flex-wrap: wrap !important; }

  .p1-pro-buybar .buy-btns { width: 100% !important; justify-content: center !important; }

}

