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

	body,
	.layout,
	.inner-page .layout,
	.hardware-page .layout,
	.about-page .layout {
		width: 100% !important;
		min-width: 0 !important;
	}

	.wrap,
	.inner-page .wrap,
	.hardware-page .wrap,
	.about-page .wrap {
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: none !important;
		padding-left: 24px;
		padding-right: 24px;
		width: 100% !important;
	}

	.header {
		background: rgba(9, 24, 42, 0.92) !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
		height: 76px !important;
		min-width: 0 !important;
	}

	.header .wrap {
		height: 76px;
		padding-left: 24px;
		padding-right: 24px;
	}

	.header .logo {
		height: auto;
		margin-top: 20px !important;
		width: 118px;
	}

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

	.header .hs-num {
		height: 36px;
		right: 24px;
		top: 24px;
		width: 36px;
	}

	.header .hs-num a,
	.header .hs-num a::before,
	.header .hs-num a::after {
		background-color: #fff !important;
		height: 4px;
	}

	.header .hs-num a::before {
		top: -12px;
	}

	.header .hs-num a::after {
		top: 12px;
	}

	.banner,
	.banner .swiper-wrapper,
	.banner > .swiper-wrapper > li,
	.home-hero-slide {
		max-width: 100vw;
		overflow: hidden;
	}

	.banner > .swiper-wrapper > li .hero-wrap {
		box-sizing: border-box;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.banner > .swiper-wrapper > li .hero-copy {
		box-sizing: border-box;
		display: block !important;
		left: 24px !important;
		max-width: calc(100vw - 48px) !important;
		right: 24px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: calc(100vw - 48px) !important;
	}

	.hero-kicker {
		display: block;
		font-size: 12px !important;
		line-height: 1.6 !important;
		max-width: 100%;
		white-space: normal;
	}

	.banner > .swiper-wrapper > li .hero-copy h1 {
		font-size: 44px !important;
		line-height: 1.08 !important;
		white-space: normal !important;
	}

	.banner > .swiper-wrapper > li .hero-copy h2 {
		font-size: 23px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
	}

	.banner > .swiper-wrapper > li .hero-copy h4,
	.banner > .swiper-wrapper > li .hero-copy h4 span {
		display: block;
		font-size: 14px !important;
		line-height: 1.75 !important;
		max-width: 100%;
		white-space: normal !important;
		word-break: break-word;
	}

	.hero-actions,
	.inner-hero-actions,
	.hardware-actions,
	.about-actions {
		display: grid !important;
		gap: 12px;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.hero-btn,
	.inner-hero-btn,
	.hardware-btn,
	.about-btn,
	.about-cta a,
	.hardware-cta a {
		box-sizing: border-box;
		display: flex !important;
		justify-content: center;
		min-width: 0 !important;
		width: 100% !important;
	}

	.hero-capabilities {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.hero-capabilities li {
		box-sizing: border-box;
		text-align: center;
	}

	.inner-page .h_banner,
	.inner-page .h_banner.hero-enriched {
		background-size: cover !important;
		height: auto !important;
		min-height: 520px !important;
		overflow: hidden;
	}

	.inner-hero-content {
		box-sizing: border-box;
		justify-content: center;
		margin: 0 !important;
		max-width: 100% !important;
		min-height: 520px !important;
		padding: 96px 24px 48px !important;
		width: 100% !important;
	}

	.inner-hero-content h1,
	.about-hero h1,
	.hardware-hero__copy h1 {
		font-size: 28px !important;
		line-height: 1.28 !important;
		max-width: 100% !important;
		white-space: normal !important;
		word-break: break-word;
	}

	.inner-hero-content p,
	.about-hero p,
	.hardware-hero__copy p {
		font-size: 15px !important;
		line-height: 1.8 !important;
		max-width: 100% !important;
		white-space: normal !important;
		word-break: break-word;
	}

	.inner-hero-tags {
		display: grid !important;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.inner-hero-tags li {
		box-sizing: border-box;
		line-height: 34px !important;
		padding: 0 8px !important;
		text-align: center;
		width: 100% !important;
	}

	.inner-page h1,
	.inner-page h2,
	.inner-page h3,
	.inner-page .title h1,
	.inner-page .title h2,
	.inner-page .title h3,
	.inner-page .title span,
	.hardware-section-head h2,
	.about-section-head h2 {
		max-width: 100% !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: normal !important;
		word-break: break-word;
	}

	.inner-page .mc_tx .hd,
	.inner-page .z_bang .hd,
	.inner-page .case,
	.inner-page .about .a_news {
		padding: 44px 0 !important;
	}

	.footer {
		box-sizing: border-box;
		padding: 34px 24px 0 !important;
	}

	.footer .wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.footer .rts {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	.footer .rts ul,
	.footer-contact-list {
		box-sizing: border-box;
		display: grid !important;
		gap: 18px !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
	}

	.footer .rts li,
	.footer-contact-item {
		box-sizing: border-box;
		margin-left: 0 !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	.footer .rts li h3 {
		font-size: 16px !important;
		line-height: 24px !important;
		margin-bottom: 6px !important;
	}

	.footer .rts li h4,
	.footer .footer-contact-name,
	.footer .footer-phone-list a {
		font-size: 15px !important;
		line-height: 1.7 !important;
		white-space: normal !important;
	}

	.footer .rt {
		margin-top: 22px !important;
		width: 112px !important;
	}

	.footer .rt img {
		width: 112px !important;
	}

	.footer .copyright p {
		font-size: 14px !important;
		line-height: 1.8 !important;
		text-align: left !important;
	}

	.mchd_swiper,
	.dj_swiper,
	.hardware-grid,
	.hardware-category-nav,
	.about-capability-grid,
	.about-values__grid {
		max-width: 100%;
		overflow: hidden;
	}

	.hardware-hero,
	.hardware-hero__inner,
	.about-hero,
	.about-hero__inner {
		box-sizing: border-box;
		height: auto !important;
		min-height: 0 !important;
	}

	.hardware-hero__inner,
	.about-hero__inner {
		display: block !important;
		padding: 96px 24px 44px !important;
		width: 100% !important;
	}

	.hardware-hero__panel,
	.about-hero__media {
		display: none !important;
	}

	.hardware-stats,
	.about-metrics ul {
		display: grid !important;
		gap: 12px;
		grid-template-columns: 1fr !important;
		width: 100%;
	}

	.hardware-stats li,
	.about-metrics li {
		border-right: 0 !important;
		box-sizing: border-box;
		min-width: 0;
		padding: 16px 18px !important;
		width: 100%;
	}

	.hardware-overview,
	.hardware-catalog,
	.hardware-cta,
	.about-profile,
	.about-capabilities,
	.about-timeline,
	.about-values,
	.about-cta {
		box-sizing: border-box;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.hardware-category-nav {
		display: grid !important;
		gap: 10px;
		grid-template-columns: 1fr !important;
	}

	.hardware-category-nav a,
	.hardware-category__head a {
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		width: 100% !important;
	}

	.hardware-category__head,
	.hardware-grid,
	.hardware-cta__inner,
	.about-profile__grid,
	.about-capability-grid,
	.about-timeline__list,
	.about-values__grid,
	.about-cta__inner {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100%;
	}
}

@media (max-width: 420px) {
	.wrap,
	.inner-page .wrap,
	.hardware-page .wrap,
	.about-page .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.banner > .swiper-wrapper > li .hero-copy {
		left: 20px !important;
		max-width: calc(100vw - 40px) !important;
		right: 20px !important;
		width: calc(100vw - 40px) !important;
	}

	.banner > .swiper-wrapper > li .hero-copy h1 {
		font-size: 40px !important;
	}

	.inner-hero-content h1,
	.about-hero h1,
	.hardware-hero__copy h1 {
		font-size: 26px !important;
	}
}

@media (max-width: 768px) {
	.layout.pds0 {
		padding-top: 76px !important;
	}

	.layout.pds0 .fullpage,
	.layout.pds0 .section {
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
		table-layout: auto !important;
		width: 100% !important;
	}

	.layout.pds0 .wow,
	.layout.pds0 .wow * {
		animation: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.header .naver {
		background: #0b1726 !important;
		bottom: 0;
		box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
		box-sizing: border-box;
		display: none;
		height: auto !important;
		left: 0;
		overflow-y: auto;
		padding: 10px 18px 28px;
		position: fixed !important;
		right: 0;
		top: 76px !important;
		width: 100% !important;
		z-index: 1110;
	}

	.header .naver > ul {
		background: transparent !important;
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.header .naver li {
		background: #121f30;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-radius: 8px;
		box-shadow: none !important;
		box-sizing: border-box;
		display: block !important;
		float: none !important;
		margin: 10px 0 0 !important;
		min-height: 0 !important;
		overflow: visible;
		padding: 0 !important;
		width: 100% !important;
	}

	.header .naver li h3 {
		border: 0 !important;
		box-sizing: border-box;
		height: auto !important;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.header .naver li h3 a {
		box-sizing: border-box;
		color: #eef7ff !important;
		display: block !important;
		font-size: 18px !important;
		font-weight: 700;
		line-height: 52px !important;
		padding: 0 46px 0 18px !important;
		width: 100%;
	}

	.header .naver li.on h3 a {
		color: #24c5a5 !important;
	}

	.header .naver li > span {
		background: none !important;
		height: 52px !important;
		position: absolute !important;
		right: 18px !important;
		top: 0 !important;
		width: 18px !important;
	}

	.header .naver li > span::before,
	.header .naver li > span::after {
		background: rgba(255, 255, 255, 0.72);
		content: "";
		height: 2px;
		position: absolute;
		right: 0;
		top: 25px;
		width: 14px;
	}

	.header .naver li > span::after {
		transform: rotate(90deg);
	}

	.header .naver li > span.on::after {
		transform: rotate(0deg);
	}

	.header .naver .nLi {
		background: rgba(3, 12, 24, 0.44) !important;
		box-shadow: none !important;
		height: auto !important;
		left: auto !important;
		padding: 8px 10px 12px !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
	}

	.header .naver .nLi dl {
		display: grid !important;
		gap: 8px;
		height: auto !important;
		margin: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		width: 100% !important;
	}

	.header .naver .nLi dd {
		border: 0 !important;
		float: none !important;
		height: auto !important;
		margin: 0 !important;
		width: 100% !important;
	}

	.header .naver .nLi dd a {
		background: rgba(255, 255, 255, 0.055);
		border-radius: 6px;
		box-sizing: border-box;
		color: rgba(238, 247, 255, 0.86) !important;
		display: block !important;
		font-size: 14px !important;
		line-height: 40px !important;
		padding: 0 12px !important;
		width: 100%;
	}

	.selected .header .hs-num {
		transform: none !important;
	}

	.selected .header .hs-num a {
		background-color: transparent !important;
	}

	.selected .header .hs-num a::before {
		top: 0;
		transform: rotate(45deg);
	}

	.selected .header .hs-num a::after {
		top: 0;
		transform: rotate(-45deg);
	}

	.layout.pds0 .banner.section,
	.layout.pds0 .banner > .swiper-wrapper > li {
		height: auto !important;
		min-height: calc(100svh - 76px) !important;
	}

	.layout.pds0 .banner > .swiper-wrapper > li .hero-copy {
		bottom: 28px !important;
		top: auto !important;
		transform: none !important;
	}

	.layout.pds0 .banner > .swiper-wrapper > li .hero-copy h1 {
		font-size: 38px !important;
	}

	.layout.pds0 .banner > .swiper-wrapper > li .hero-copy h2 {
		font-size: 22px !important;
	}

	.layout.pds0 .h_nums {
		background: #07182a;
		border: 0;
		display: block !important;
		padding: 18px 20px;
	}

	.layout.pds0 .h_nums ul {
		border: 0 !important;
		display: grid !important;
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		height: auto !important;
	}

	.layout.pds0 .h_nums li,
	.layout.pds0 .h_nums li:nth-child(5) {
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 8px;
		box-sizing: border-box;
		float: none !important;
		min-height: 92px;
		padding: 14px 8px !important;
		text-align: left;
		width: 100% !important;
	}

	.layout.pds0 .h_nums li h4 {
		color: rgba(255, 255, 255, 0.68);
		font-size: 12px !important;
		line-height: 1.45 !important;
		margin: 0 0 8px !important;
	}

	.layout.pds0 .h_nums li h2 {
		color: #24c5a5;
		font-size: 26px !important;
		line-height: 1.2 !important;
	}

	.layout.pds0 .h_plan,
	.layout.pds0 .h_scicon,
	.layout.pds0 .h_api,
	.layout.pds0 .h_custom {
		background-position: center !important;
		box-sizing: border-box;
		height: auto !important;
		min-height: 0 !important;
		padding: 42px 0 !important;
	}

	.layout.pds0 .title {
		margin: 0 0 22px !important;
		position: static !important;
		text-align: left;
	}

	.layout.pds0 .title h2 {
		font-size: 0 !important;
		line-height: 1 !important;
		text-align: left !important;
	}

	.layout.pds0 .title h2 span {
		display: block;
		font-size: 24px !important;
		line-height: 1.32 !important;
		text-align: left !important;
	}

	.layout.pds0 .h_plan .wrap,
	.layout.pds0 .h_api .wrap,
	.layout.pds0 .h_custom .wrap,
	.layout.pds0 .qposi {
		display: block !important;
		height: auto !important;
		margin: 0 !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		position: static !important;
		transform: none !important;
		width: 100% !important;
	}

	.layout.pds0 .h_plan_swiper,
	.layout.pds0 .h_api_swiper,
	.layout.pds0 .swiper_cust {
		margin: 0 !important;
		overflow: visible !important;
		width: 100% !important;
	}

	.layout.pds0 .h_plan .swiper-wrapper,
	.layout.pds0 .h_api .swiper-wrapper {
		display: grid !important;
		gap: 12px;
		grid-template-columns: 1fr !important;
		margin: 0 !important;
		transform: none !important;
		width: 100% !important;
	}

	.layout.pds0 .h_plan li,
	.layout.pds0 .h_api li {
		background: #fff;
		border: 1px solid rgba(14, 42, 72, 0.08);
		border-radius: 8px;
		box-shadow: 0 8px 22px rgba(7, 27, 46, 0.08);
		box-sizing: border-box;
		float: none !important;
		height: auto !important;
		margin: 0 !important;
		min-height: 0;
		overflow: hidden;
		padding: 0 !important;
		width: 100% !important;
	}

	.layout.pds0 .h_plan li a,
	.layout.pds0 .h_api li a {
		background: #fff !important;
		border-bottom: 0 !important;
		box-sizing: border-box;
		display: grid !important;
		grid-template-columns: 54px 1fr;
		min-height: 104px;
		padding: 18px !important;
		text-align: left;
	}

	.layout.pds0 .h_plan li .icon,
	.layout.pds0 .h_api li .icon {
		align-self: start;
		height: 54px !important;
		margin: 0 !important;
		overflow: hidden;
		transform: none !important;
		width: 54px;
	}

	.layout.pds0 .h_plan li .icon img,
	.layout.pds0 .h_api li .icon img {
		height: auto;
		max-width: 42px;
		position: static !important;
		transform: none !important;
	}

	.layout.pds0 .h_plan li .txt {
		height: auto !important;
		left: auto !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
	}

	.layout.pds0 .h_plan li h3,
	.layout.pds0 .h_api li h3 {
		color: #062a4c !important;
		font-size: 17px !important;
		line-height: 1.45 !important;
		margin: 0 0 8px !important;
	}

	.layout.pds0 .h_plan li h4,
	.layout.pds0 .h_api li p {
		color: #5c6b7c !important;
		display: block !important;
		font-size: 13px !important;
		height: auto !important;
		line-height: 1.65 !important;
		margin: 0 !important;
	}

	.layout.pds0 .h_plan li i {
		display: none !important;
	}

	.layout.pds0 .h_sevr {
		background: #06172a !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.layout.pds0 .h_sevr .bd > ul > li {
		height: auto !important;
		min-height: 620px !important;
		padding: 42px 0 128px;
	}

	.layout.pds0 .h_sevr .bd > ul > li > .title {
		margin: 0 !important;
		padding: 0 20px;
	}

	.layout.pds0 .scene-hero {
		margin: 22px 0 0 !important;
		padding: 0 20px !important;
	}

	.layout.pds0 .scene-hero h3 {
		font-size: 25px !important;
		line-height: 1.32 !important;
	}

	.layout.pds0 .scene-hero p {
		font-size: 14px !important;
		line-height: 1.75 !important;
	}

	.layout.pds0 .scene-hero__tags {
		display: grid !important;
		gap: 8px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.layout.pds0 .scene-hero__tags li {
		font-size: 12px !important;
		line-height: 32px !important;
		padding: 0 6px !important;
		text-align: center;
	}

	.layout.pds0 .scene-hero__values {
		display: grid !important;
		gap: 10px;
		grid-template-columns: 1fr;
	}

	.layout.pds0 .h_sevr .hd {
		background: rgba(4, 18, 35, 0.9) !important;
		bottom: 0;
		height: 112px;
		position: absolute !important;
	}

	.layout.pds0 .h_sevr .hd .wrap {
		height: 112px !important;
		padding: 0 !important;
	}

	.layout.pds0 .h_sevr .hd li,
	.layout.pds0 .h_sevr .hd li:hover,
	.layout.pds0 .h_sevr .hd li.swiper-slide-thumb-active {
		background: transparent !important;
		border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
		height: 112px !important;
		padding: 18px 10px 0 !important;
	}

	.layout.pds0 .h_sevr .hd li h3,
	.layout.pds0 .h_sevr .hd li:hover h3,
	.layout.pds0 .h_sevr .hd li.swiper-slide-thumb-active h3 {
		font-size: 15px !important;
		line-height: 24px !important;
		margin: 0 !important;
	}

	.layout.pds0 .h_sevr .hd li h4 {
		font-size: 11px !important;
		height: 36px;
		line-height: 18px !important;
		margin: 4px 0 0 !important;
		overflow: hidden;
	}

	.layout.pds0 .h_sevr .hd li i {
		display: none !important;
	}

	.layout.pds0 .h_scicon {
		background-color: #041222 !important;
	}

	.layout.pds0 .h_scicon .ul {
		background: none !important;
		height: auto !important;
		left: auto !important;
		margin: 0 !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
	}

	.layout.pds0 .h_scicon ul {
		display: grid !important;
		gap: 12px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding: 0 !important;
		transform: none !important;
		width: 100% !important;
	}

	.layout.pds0 .h_scicon li {
		animation: none !important;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 8px;
		box-sizing: border-box;
		float: none !important;
		left: auto !important;
		min-height: 112px;
		padding: 14px 8px;
		position: static !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
	}

	.layout.pds0 .h_scicon li .ico {
		background: rgba(25, 194, 160, 0.12);
		height: 48px;
		width: 48px;
	}

	.layout.pds0 .h_scicon li .ico img {
		max-height: 48px;
		max-width: 48px;
	}

	.layout.pds0 .h_scicon li .ico i {
		display: none !important;
	}

	.layout.pds0 .h_scicon li h4 {
		color: rgba(238, 247, 255, 0.86);
		font-size: 12px !important;
		line-height: 1.35 !important;
		margin-top: 8px;
		word-break: break-word;
	}

	.layout.pds0 .h_api {
		background: #f5f8fb !important;
	}

	.layout.pds0 .h_api .swiper-pagination,
	.layout.pds0 .h_plan .swiper-pagination,
	.layout.pds0 .h_custom .sw_hd {
		display: none !important;
	}

	.layout.pds0 .h_api li a {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.layout.pds0 .h_api li p br {
		display: none;
	}

	.layout.pds0 .h_custom {
		background: #fff !important;
	}

	.layout.pds0 .h_custom .swiper-wrapper {
		display: grid !important;
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0 !important;
		transform: none !important;
		width: 100% !important;
	}

	.layout.pds0 .h_custom li {
		background: #f6f8fb;
		border: 1px solid #edf1f5;
		border-radius: 8px;
		box-sizing: border-box;
		height: 88px !important;
		margin: 0 !important;
		position: relative;
		width: 100% !important;
	}

	.layout.pds0 .h_custom li:nth-child(n + 13) {
		display: none !important;
	}

	.layout.pds0 .footer {
		margin-top: 0 !important;
	}
}