/* Shared compact footer treatment for narrow screens. */
.footer-pc{
  display: block;
}
.footer-mobile{
  display: none;
}

@media (max-width: 1030px) {
  .footer-mobile-1030{
    position: absolute;
    bottom: -15px;
    right: 30px;
  }
  .footer-bottom {
    margin-top: -21px;
  }
}
@media  (max-width: 780px)  {

  .footer-pc{
    display: none;
  }
  .footer-mobile{
    display: block;
  }
  .solution-card2 p {
    width: auto;
    font-size: 16px;
  }

  .site-footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 720px) {

  footer [class*="-footer-grid"], .site-footer .footer-grid { min-height: 0 !important; gap: 24px 0 !important; }
  footer [class*="-footer-brand"], .site-footer .footer-brand { padding: 0 !important; }
  footer [class*="-footer-brand"] > img:first-child, .site-footer .footer-logo { width: 100px !important; margin-bottom: 16px !important; }
  footer [class*="-footer-brand"] > img:nth-child(2), .site-footer .qr-code { width: 84px !important; height: 84px !important; margin-bottom: 4px !important; }
  footer [class*="-footer-brand"] span, .site-footer .footer-brand span { width: 84px !important; font-size: 12px !important; }
  footer [class*="-footer-column"], footer [class*="-footer-col"], .site-footer .footer-column { padding: 0 12px !important; }
  footer [class*="-footer-column"] h3, footer [class*="-footer-col"] h3, .site-footer .footer-column h3 { margin-bottom: 13px !important; font-size: 14px !important; }
  footer [class*="-footer-column"] h4, footer [class*="-footer-col"] h4, .site-footer .footer-column h4 { margin-bottom: 7px !important; font-size: 14px !important; }
  footer [class*="-footer-column"] h4:not(:first-child), footer [class*="-footer-col"] h4:not(:first-child), .site-footer .footer-column h4:not(:first-of-type) { margin-top: 15px !important; }
  footer [class*="-footer-column"] a, footer [class*="-footer-col"] a, .site-footer .footer-column a { margin: 0 0 4px !important; font-size: 12px !important; line-height: 1.45 !important; }
  footer [class*="-footer-products"] > div, .site-footer .footer-product-grid { gap: 14px !important; }
  footer [class*="-footer-bottom"], .site-footer .footer-bottom { display: flex !important; align-items: flex-start !important;
    flex-direction: column !important; gap: 9px !important; margin-top: 25px !important; padding-top: 14px !important;
    font-size: 12px !important; line-height: 1.5 !important; }
  footer [class*="-footer-bottom"] div, .site-footer .footer-bottom div { gap: 14px !important; }
}

@media (max-width: 460px) {
  .footer-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .footer-fangan-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .footer-product-grid-hegui{
    width: 100px;
  }
  .footer-pc{
    display: none;
  }
  .footer-mobile{
    display: block;
  }

  footer [class*="-footer-grid"], .site-footer .footer-grid { gap: 20px 0 !important; }
  footer [class*="-footer-column"], footer [class*="-footer-col"], .site-footer .footer-column { padding: 0 8px !important; }
  footer [class*="-footer-column"] h3, footer [class*="-footer-col"] h3, .site-footer .footer-column h3 { margin-bottom: 10px !important; }
  footer [class*="-footer-column"] a, footer [class*="-footer-col"] a, .site-footer .footer-column a { margin-bottom: 3px !important; font-size: 12px !important; }
  footer [class*="-footer-bottom"], .site-footer .footer-bottom { margin-top: 20px !important; padding-top: 11px !important; font-size: 12px !important; }
}