@media (max-width: 1200px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  #app,
  #__nuxt {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .top_nav {
    width: 100%;
    min-width: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
  }

  .in_content {
    width: 100%;
    max-width: none;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .home-page,
  .product-detail-page,
  .mid_content,
  .bot_content {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .showall,
  .product-specs {
    max-width: 100%;
    box-sizing: border-box;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  .row,
  .column {
    min-width: 0;
  }

  .bot_icotext,
  .comany_text,
  .ab_desc,
  .gro_tt,
  .gro_tex,
  .gro_desc,
  .gro_desct,
  .noa_tspan,
  .pro_name,
  .download-card,
  .feature-item {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}