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

  body {
    min-width: 0;
    -webkit-text-size-adjust: 100%;
  }

  .scale-wrapper,
  .page,
  .page-home .page,
  .product_page,
  .news-page,
  .cases_page,
  .services_page,
  .contact_page,
  .jobs_page,
  .jobs_detail_page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    transform: none !important;
    zoom: 1 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

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

  .site-header {
    height: auto !important;
    min-height: 52px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: rgba(255, 255, 255, 0.96) !important;
  }

  .site-header .box_1 {
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 16px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .site-header .image_1 {
    height: 26px !important;
    width: auto !important;
  }

  .site-header .menu-toggle {
    width: 36px !important;
    height: 36px !important;
    margin-left: auto !important;
    padding: 8px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-header .menu-toggle span {
    width: 22px !important;
    height: 2px !important;
    background: #111 !important;
  }

  .site-header .box_1.menu-open {
    height: auto !important;
    min-height: 52px !important;
    padding-bottom: 8px !important;
    align-items: flex-start !important;
  }

  .site-header .box_1.menu-open .text_1,
  .site-header .box_1.menu-open .text_2,
  .site-header .box_1.menu-open .text_4,
  .site-header .box_1.menu-open .text_6,
  .site-header .box_1.menu-open .text_7,
  .site-header .box_1.menu-open .text_8,
  .site-header .box_1.menu-open .text_9 {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #edf1f5 !important;
    font-size: 15px !important;
    line-height: 44px !important;
    color: #1c2530 !important;
  }

  .site-header .box_1.menu-open .text_1.active::after,
  .site-header .box_1.menu-open .text_2.active::after,
  .site-header .box_1.menu-open .text_4.active::after,
  .site-header .box_1.menu-open .text_6.active::after,
  .site-header .box_1.menu-open .text_7.active::after,
  .site-header .box_1.menu-open .text_8.active::after,
  .site-header .box_1.menu-open .text_9.active::after {
    display: none !important;
  }

  .site-header .box_1.menu-open .active .nav-item {
    color: #005daa !important;
  }

  .site-header .nav-dropdown-wrap {
    width: auto !important;
    min-width: 0 !important;
  }

  .site-header .box_1.menu-open .nav-dropdown-wrap {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .product-dropdown {
    display: none !important;
  }

  .page-home .block_1,
  .prod_banner,
  .news-hero,
  .support_hero,
  .contact_hero,
  .jobs_hero,
  .detail_page_hero {
    width: 100% !important;
    background-size: cover !important;
  }

  .page-home .block_1 {
    min-height: 520px !important;
    padding: 84px 20px 52px !important;
    justify-content: center !important;
  }

  .page-home .block_about,
  .page-home .block_industry,
  .page-home .block_cases,
  .page-home .block_news,
  .page-home .block_partners {
    width: 100% !important;
    padding: 28px 16px 44px !important;
  }

  .page-home .about_title_wrap,
  .page-home .industry_title_wrap,
  .page-home .cases_title_wrap,
  .page-home .news_title_wrap,
  .page-home .partners_title_wrap {
    width: 100% !important;
    height: auto !important;
    min-height: 92px !important;
    padding: 18px 0 !important;
  }

  .page-home .about_title_bg,
  .page-home .industry_title_bg,
  .page-home .cases_title_bg,
  .page-home .news_title_bg,
  .page-home .partners_title_bg {
    font-size: clamp(34px, 11vw, 58px) !important;
    line-height: 1 !important;
  }

  .page-home .about_title_cn,
  .page-home .industry_title_cn,
  .page-home .cases_title_cn,
  .page-home .news_title_cn,
  .page-home .partners_title_cn {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .page-home .about_text {
    display: block !important;
    width: 100% !important;
    margin: 16px auto 0 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    text-align: justify !important;
    text-align-last: left !important;
    overflow-wrap: break-word !important;
  }

  .page-home .about_stats_wrap {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 22px 14px !important;
    margin: 24px 0 0 !important;
  }

  .page-home .about_stats_item {
    width: 100% !important;
    margin: 0 !important;
  }

  .page-home .industry_map_wrap,
  .page-home .cases_stats_wrap,
  .page-home .news_cards_wrap,
  .page-home .partners_grid {
    width: 100% !important;
  }

  .page-home .industry_map_inner {
    min-height: 300px !important;
    height: auto !important;
    aspect-ratio: 16 / 11 !important;
    padding: 18px 14px !important;
    align-items: flex-end !important;
    overflow: hidden !important;
  }

  .page-home .industry_map_inner::before {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background-size: 100% 100%, cover !important;
    background-position: center center, center center !important;
  }

  .page-home .industry_items_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    justify-items: center !important;
    align-items: center !important;
  }

  .page-home .industry_item {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 60px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(2px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    box-sizing: border-box !important;
  }

  .page-home .industry_label {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .page-home .industry_icon {
    width: 16px !important;
    height: 16px !important;
    margin: 6px 0 0 !important;
    flex: 0 0 auto !important;
  }

  .page-home .cases_stats_wrap {
    margin: 20px 0 0 !important;
  }

  .page-home .cases_img_wrap,
  .page-home .cases_stats_image {
    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;
  }

  .page-home .news_cards_wrap {
    padding: 16px 0 0 !important;
    gap: 12px !important;
  }

  .page-home .news_card {
    display: grid !important;
    grid-template-columns: minmax(104px, 32%) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
    min-height: 126px !important;
    padding: 10px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(18, 47, 88, 0.08) !important;
    overflow: hidden !important;
  }

  .page-home .news_card_img {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 106px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    border-radius: 6px !important;
  }

  .page-home .news_card_title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    -webkit-line-clamp: 2 !important;
  }

  .page-home .news_card_desc {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    -webkit-line-clamp: 2 !important;
  }

  .page-home .news_card_footer {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    height: auto !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
  }

  .page-home .news_card_date {
    width: auto !important;
    height: auto !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  .page-home .news_card_arrow,
  .page-home .news_card_arrow img {
    width: 14px !important;
    height: 14px !important;
  }

  .page-home .partners_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .page-home .partner_card {
    width: 100% !important;
    height: auto !important;
    min-height: 74px !important;
    aspect-ratio: 1.35 / 1 !important;
    padding: 9px 8px !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(22, 44, 88, 0.07) !important;
  }

  .page-home .partner_card_logo {
    width: 100% !important;
    height: 100% !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  .prod_main,
  .product_standard_page .standard_main {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    padding: 24px 16px 44px !important;
  }

  .prod_sidebar {
    order: 1 !important;
    width: 100% !important;
  }

  .prod_content,
  .standard_cards,
  .product_search_results {
    order: 2 !important;
    width: 100% !important;
  }

  .prod_cards,
  .standard_cards {
    padding-top: 0 !important;
    gap: 22px !important;
  }

  .prod_search {
    width: 100% !important;
    height: 48px !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .prod_search_input {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 48px !important;
    box-sizing: border-box !important;
  }

  .prod_search_btn {
    width: 88px !important;
    flex: 0 0 88px !important;
    height: 48px !important;
    box-sizing: border-box !important;
  }

  .prod_card,
  .standard_card,
  .product_search_card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .prod_card_img,
  .standard_card_img,
  .product_search_card img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  .prod_accessories,
  .product_detail_page .detail_accessories {
    overflow: hidden !important;
  }

  .prod_acc_viewport,
  .product_detail_page .detail_acc_viewport {
    overflow-x: auto !important;
  }

  .news-hero {
    height: auto !important;
    min-height: 360px !important;
    padding: 74px 16px 42px !important;
  }

  .news-hero-breadcrumb,
  .news-hero-content,
  .news-main,
  .news-detail-shell {
    width: 100% !important;
    max-width: none !important;
  }

  .news-hero-breadcrumb {
    height: auto !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 12px !important;
  }

  .news-hero-content {
    margin: 46px 0 0 !important;
  }

  .news-tabs {
    width: 100% !important;
    height: auto !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding: 0 16px !important;
    scrollbar-width: none !important;
  }

  .news-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .news-tab {
    min-width: max-content !important;
    height: 58px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
  }

  .news-main {
    margin: 28px 0 48px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .news-feature-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-bottom: 26px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .news-feature-media {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .news-feature-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .news-feature-text {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 20px 18px 24px !important;
    box-sizing: border-box !important;
  }

  .news-feature-date,
  .news-feature-text h2,
  .news-feature-text p {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .news-feature-arrow {
    display: none !important;
  }

  .news-list-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 22px 0 !important;
  }

  .news-list-thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  .news-list-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .news-list-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .news-list-title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .news-list-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .news-list-body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .news-pagination {
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 30px !important;
  }

  .page-number,
  .page-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
  }

  .news-detail-shell {
    padding: 76px 16px 44px !important;
    box-sizing: border-box !important;
  }

  .news-detail-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .news-detail-card {
    margin-top: 16px !important;
    padding: 24px 18px 30px !important;
  }

  .news-detail-header h1 {
    font-size: 26px !important;
    line-height: 1.35 !important;
  }

  .news-detail-meta {
    flex-wrap: wrap !important;
    gap: 12px 20px !important;
    margin-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .news-detail-content {
    padding-top: 24px !important;
  }

  .news-detail-content p,
  .news-detail-quote {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  .news-detail-prevnext {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .news-detail-side.next,
  .news-detail-side.prev {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .news-detail-back {
    width: 100% !important;
  }

  .contact_social_grid,
  .support_video_playlist {
    width: 100% !important;
  }

  .contact_map_card img {
    width: 100% !important;
    object-fit: contain !important;
  }

  .prod_sidebar {
    padding: 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
  }

  .prod_search,
  .prod_search_input,
  .prod_search_btn {
    height: 44px !important;
  }

  .prod_search_btn {
    flex-basis: 78px !important;
    width: 78px !important;
    font-size: 14px !important;
  }

  .prod_cat_divider,
  .prod_search + .prod_cat_divider {
    margin-top: 10px !important;
  }

  .prod_section {
    margin-top: 8px !important;
    border-radius: 9px !important;
    background: #fff !important;
    border-color: #e8eef5 !important;
    box-shadow: 0 4px 14px rgba(18, 55, 92, 0.04) !important;
  }

  .prod_cat_item {
    min-height: 42px !important;
    height: auto !important;
    padding: 0 10px !important;
  }

  .prod_cat_link {
    height: 42px !important;
  }

  .prod_cat_name {
    font-size: 15px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .prod_cat_toggle {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }

  .prod_cat_arrow {
    width: 14px !important;
    height: 14px !important;
  }

  .prod_section_body {
    margin-top: 0 !important;
  }

  .prod_section_body_inner {
    padding: 10px !important;
    gap: 7px !important;
    background: #f7f9fc !important;
    border-top: 1px solid #edf1f5 !important;
  }

  .prod_sub_item {
    min-height: 30px !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    background: #fff !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
  }

  .standard_cards {
    gap: 12px !important;
  }

  .standard_card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 108px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
  }

  .standard_card_text,
  .standard_card_line {
    width: 100% !important;
    min-width: 0 !important;
  }

  .standard_card_en {
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .standard_card_cn {
    margin-top: 5px !important;
    font-size: 17px !important;
    line-height: 1.28 !important;
    white-space: normal !important;
  }

  .standard_card_line {
    margin-top: 8px !important;
  }

  .standard_card_desc {
    margin-top: 8px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .standard_card_img {
    width: 108px !important;
    height: 86px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    justify-self: end !important;
  }

  .cases_site_wrap {
    display: block !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
    box-sizing: border-box !important;
  }

  .cases_site_title {
    padding: 0 0 10px !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  .cases_site_title img {
    width: 18px !important;
    height: 18px !important;
  }

  .cases_site_card {
    padding: 10px 0 0 !important;
    background: transparent !important;
  }

  .cases_site_gallery {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
  }

  .cases_site_gallery::-webkit-scrollbar {
    display: none !important;
  }

  .cases_site_img {
    width: 116px !important;
    flex: 0 0 116px !important;
    aspect-ratio: 4 / 3 !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 8px !important;
  }

  .cases_list {
    padding: 28px 0 38px !important;
  }

  .cases_list_inner {
    gap: 16px !important;
  }

  .cases_item,
  .cases_item.is-reverse {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
    overflow: hidden !important;
  }

  .cases_item.is-reverse .cases_item_media,
  .cases_item.is-reverse .cases_item_text {
    grid-column: 1 !important;
  }

  .cases_item.is-reverse .cases_item_media {
    grid-row: 1 !important;
  }

  .cases_item.is-reverse .cases_item_text {
    grid-row: 2 !important;
  }

  .cases_item:last-child {
    padding-bottom: 12px !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  .cases_item_media {
    aspect-ratio: 16 / 9 !important;
    margin-bottom: 12px !important;
    border-radius: 9px !important;
  }

  .cases_item_text {
    max-width: 100% !important;
    padding: 0 2px 2px !important;
  }

  .cases_item_text h2 {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.32 !important;
  }

  .cases_item_meta {
    margin-bottom: 14px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .cases_point + .cases_point {
    margin-top: 12px !important;
  }

  .cases_point h3 {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .cases_point h3 span {
    width: 14px !important;
    height: 14px !important;
    margin-right: 6px !important;
  }

  .cases_point p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .news-feature-card,
  .news-list-item {
    border: 1px solid #edf1f5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
  }

  .news-feature-card {
    margin-bottom: 14px !important;
  }

  .news-feature-text {
    padding: 16px 14px 18px !important;
  }

  .news-feature-text h2 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .news-feature-text p {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .news-list {
    gap: 12px !important;
  }

  .news-list-item {
    padding: 12px !important;
    gap: 10px !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  .news-list-thumb {
    border-radius: 8px !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
  }

  .news-list-head {
    gap: 7px !important;
  }

  .news-list-tag {
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    line-height: 24px !important;
  }

  .news-list-title {
    font-size: 16px !important;
    line-height: 1.38 !important;
  }

  .news-list-summary {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .news-list-footer {
    margin-top: 10px !important;
  }

  .news-list-date {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .support_video_layout {
    gap: 12px !important;
  }

  .support_video_stage,
  .support_video_stage video {
    border-radius: 12px !important;
  }

  .support_video_stage video {
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .support_video_playlist {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
  }

  .support_video_playlist::-webkit-scrollbar {
    display: none !important;
  }

  .support_video_card {
    width: 124px !important;
    height: 72px !important;
    flex: 0 0 124px !important;
    scroll-snap-align: start !important;
    border: 2px solid transparent !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 16px rgba(10, 35, 66, 0.08) !important;
  }

  .support_video_card.is-active {
    border-color: #005daa !important;
  }

  .support_video_card img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  .jobs_group_head {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    overflow: visible !important;
  }

  .jobs_group_deco {
    display: none !important;
  }

  .jobs_group_label {
    position: static !important;
    transform: none !important;
    min-width: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    background: #005daa !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    z-index: auto !important;
  }

  .jobs_group_label img {
    width: 20px !important;
    height: 20px !important;
  }

  .floating_contact {
    right: 12px !important;
    bottom: 74px !important;
    z-index: 900 !important;
  }

  #footer_nav.section_4 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    left: auto !important;
    display: block !important;
    padding: 30px 16px 0 !important;
    overflow: hidden !important;
    background-position: center !important;
    background-size: cover !important;
    box-sizing: border-box !important;
  }

  #footer_nav .footer_top {
    width: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    align-items: start !important;
    margin: 0 !important;
  }

  #footer_nav .footer_brand_link {
    width: max-content !important;
    max-width: 100% !important;
  }

  #footer_nav .image_12 {
    width: 132px !important;
    height: auto !important;
    margin: 0 !important;
  }

  #footer_nav .footer_contact {
    width: 100% !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  #footer_nav .box_10 {
    width: 100% !important;
    height: auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #footer_nav .label_2 {
    width: 22px !important;
    height: 22px !important;
  }

  #footer_nav .text_30 {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  #footer_nav .text_31 {
    width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #footer_nav .group_5 {
    width: 100% !important;
    height: 1px !important;
    margin: 22px 0 0 !important;
  }

  #footer_nav .footer_main {
    width: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin: 24px 0 0 !important;
    position: relative !important;
  }

  #footer_nav .footer_columns {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
    align-items: start !important;
    justify-content: stretch !important;
  }

  #footer_nav .footer_column {
    width: auto !important;
    min-width: 0 !important;
    align-items: flex-start !important;
    gap: 10px !important;
    text-align: left !important;
  }

  #footer_nav .footer_column_title {
    font-size: 15px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  #footer_nav .footer_column_item {
    font-size: 13px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
  }

  #footer_nav .footer_qrcodes {
    position: static !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 22px !important;
    padding-top: 0 !important;
  }

  #footer_nav .image-text_1,
  #footer_nav .image-text_2 {
    width: 78px !important;
    align-items: center !important;
  }

  #footer_nav .image_13,
  #footer_nav .image_14 {
    width: 70px !important;
    height: 70px !important;
  }

  #footer_nav .text-group_8,
  #footer_nav .text-group_9 {
    width: 100% !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  #footer_nav .text-wrapper_19 {
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 28px 0 0 -16px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #footer_nav .text_75 {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.page-products #footer_nav .footer_top,
  body.page-products #footer_nav .group_5,
  body.page-products #footer_nav .footer_main {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-products #footer_nav .footer_columns,
  body.page-products #footer_nav .footer_qrcodes {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.page-products #footer_nav .footer_columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-products #footer_nav .footer_column {
    width: auto !important;
    min-width: 0 !important;
  }

  body.page-products #footer_nav .text-wrapper_19 {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
  }
}

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

  .scale-wrapper,
  .page,
  .page-home .page,
  .product_page,
  .news-page,
  .cases_page,
  .services_page,
  .contact_page,
  .jobs_page,
  .jobs_detail_page {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    transform: none !important;
    zoom: 1 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
  }

  .prod_banner,
  .news-hero,
  .support_hero,
  .contact_hero,
  .jobs_hero,
  .detail_page_hero {
    width: 100% !important;
    background-size: cover !important;
  }

  #footer_nav.section_4 {
    width: 100% !important;
    left: auto !important;
    padding: 36px 32px 0 !important;
    background-size: cover !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #footer_nav .footer_top,
  #footer_nav .group_5,
  #footer_nav .footer_main {
    width: 100% !important;
    max-width: 100% !important;
  }

  #footer_nav .footer_top {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    margin: 0 !important;
    align-items: start !important;
  }

  #footer_nav .image_12 {
    width: 150px !important;
    height: auto !important;
    margin: 0 !important;
  }

  #footer_nav .footer_contact {
    width: 100% !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  #footer_nav .box_10 {
    justify-content: flex-start !important;
  }

  #footer_nav .text_31 {
    text-align: left !important;
    white-space: normal !important;
    line-height: 1.7 !important;
  }

  #footer_nav .group_5 {
    margin: 24px 0 0 !important;
  }

  #footer_nav .footer_main {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin: 28px 0 0 !important;
    position: relative !important;
  }

  #footer_nav .footer_columns {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px 34px !important;
    justify-content: stretch !important;
    align-items: start !important;
  }

  #footer_nav .footer_column {
    width: auto !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  #footer_nav .footer_column_title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  #footer_nav .footer_column_item {
    font-size: 14px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
  }

  #footer_nav .footer_qrcodes {
    position: static !important;
    width: 228px !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    padding-top: 0 !important;
  }

  #footer_nav .text-wrapper_19 {
    width: calc(100% + 64px) !important;
    height: auto !important;
    min-height: 64px !important;
    margin: 30px 0 0 -32px !important;
    padding: 18px 32px !important;
    box-sizing: border-box !important;
  }

  #footer_nav .text_75 {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    white-space: normal !important;
    line-height: 1.6 !important;
    text-align: center !important;
  }
}

@media (max-width: 360px) {
  .page-home .about_stats_wrap,
  #footer_nav .footer_columns {
    grid-template-columns: 1fr !important;
  }

  .page-home .industry_items_grid {
    grid-template-columns: 1fr !important;
  }

  .page-home .industry_item {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  .page-home .partners_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .page-home .partner_card {
    min-height: 66px !important;
    padding: 7px 6px !important;
  }

  .page-home .partner_card_logo {
    max-height: 52px !important;
  }

  #footer_nav .footer_qrcodes {
    gap: 16px !important;
  }

  #footer_nav .image_13,
  #footer_nav .image_14 {
    width: 64px !important;
    height: 64px !important;
  }
}

@media (min-width: 727px) and (max-width: 1178px) {
  .page-cases .cases_hero {
    padding: 28px 0 34px !important;
  }

  .page-cases .cases_hero_inner {
    width: calc(100% - 48px) !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
    gap: 18px 22px !important;
    align-items: stretch !important;
  }

  .page-cases .cases_filter_panel {
    grid-column: 1 !important;
    max-width: none !important;
    align-self: stretch !important;
  }

  .page-cases .cases_map_wrap {
    grid-column: 2 !important;
    padding-top: 0 !important;
    min-width: 0 !important;
  }

  .page-cases .cases_map_stage {
    height: 260px !important;
    border-radius: 8px !important;
  }

  .page-cases .cases_map_stage--static {
    padding: 12px !important;
  }

  .page-cases .cases_map_canvas {
    width: 100% !important;
    max-width: 620px !important;
  }

  .page-cases .cases_site_wrap {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: none !important;
    width: 100% !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 22px rgba(10, 35, 66, 0.06) !important;
    box-sizing: border-box !important;
  }

  .page-cases .cases_site_title {
    padding: 0 !important;
    border-bottom: 0 !important;
    align-self: center !important;
    white-space: nowrap !important;
  }

  .page-cases .cases_site_card {
    padding: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
  }

  .page-cases .cases_site_gallery {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .page-cases .cases_site_gallery::-webkit-scrollbar {
    display: none !important;
  }

  .page-cases .cases_site_img {
    width: 140px !important;
    flex: 0 0 140px !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 8px !important;
  }
}