@media screen and (max-width: 750px) {
  .logo { padding: 14px 15px; }
  .logo img { height: 36px; }
  .menu-logo-link { padding: 14px 15px; }
  .menu-logo-link img { height: 36px; }
  .btn-contact-line { width: 60%; }

  .section-top { min-height: 580px; }
  .main-banner { flex-direction: column; }
  .main-banner-img { width: 100%; }
  .main-banner-img img { width: 100%; }
  .main-banner-txt { width: 100%; }
  .title-hilight { font-size: var(--text-24); line-height: 36px; }
  .subtitle-hilight { font-size: var(--text-16); line-height: 32px; }
  .section-title { margin-bottom: 40px; }
  .title { font-size: var(--text-24); }
  .main-message p { text-align: left; }
  .section-main { padding: 20px 0 20px 0; }

  .feature-outline .img { width: 100%; }
  .feature-outline { flex-direction: column; }
  .feature-outline.outline2 { flex-direction: column-reverse; }
  .feature-outline .txt { padding: 20px 0 0 0; width: 100%; }
  .feature-outline.outline2 .txt { padding: 20px 0 0 0; width: 100%; }

  .support-desc .img { width: 100%; }
  .support-desc { flex-direction: column-reverse; }
  .support-desc .txt { padding: 20px 0 0 0; width: 100%; }

  .support-hilight { width: 100%; }

  .partner-desc .img { width: 100%; }
  .partner-desc { flex-direction: column-reverse; }
  .partner-desc .txt { padding: 20px 0 0 0; width: 100%; }

  .partner-blog { width: 100%; }
  .page-form { padding: 20px; }
  .accordion-button { padding: 15px; }
  .accordion-body { padding: 1rem 2rem 1rem 3.5rem; }

  .company-desc .img { width: 100%; }
  .company-desc { flex-direction: column-reverse; }
  .company-desc .txt { padding: 20px 0 0 0; width: 100%; }
  .company-profile li span { padding: 10px; flex: 100%; border-bottom: none; }
  .company-profile li:first-child span+span { border-top: none; }

  .blog-banner-img { height: 350px; }
  .single-img { width: 180px; }
  .single-img.img2 { width: 216px; right: 0px; left: unset; top: 42%; transform: translate(0%, -50%); }
  .single-img.img2:hover { transform: scale(1.2) translate(-10%, -50%); }
  .single-img.img3 { z-index: 1; left: 9%; width: 198px; bottom: -50px; }
  .single-img.img1:hover { transform: scale(1.2) translate(10%, 10%); }
}