@media (max-width: 480px) {
	.container {
		padding: 0 16px;
	}
	.title-h1 {
		font-size: 36px;
	}
	.head-desc {
		display: none;
	}
	.intro-button-c {
		display: none;
	}
	.intro-card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
	.title-h2 {
    font-size: 32px;
    margin-bottom: 18px;
}
	.why-block {
    grid-template-columns: 1fr;
		    gap: 24px;
}
	.why-item h3 {
    font-size: 24px;
}
	.title-h2-s {
    font-size: 32px;
}
	.footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
}
	.title-ser {
    margin-bottom: 16px;
}
	.title-set {
    font-size: 32px;
}
	.plat-d {
    padding: 32px 0;
}
	.plat-grid-block {
    grid-template-columns: 1fr;
}
	.top-plat-block h3 {
    font-size: 22px;
}
	.why-pc {
    padding: 32px 0;
}
	.sinh-item h3 {
    font-size: 24px;
}
	.set {
    padding: 128px 0 48px;
}
	.plat-d-item {
    padding: 24px;
}
	.down-pc {
    padding: 128px 0 48px;
}
	
.down-pc-b h3 {
    font-size: 24px;
}
	.down-pc-item {
    width: 100%;
    padding: 20px;
    gap: 16px;
	flex-direction: column;	
}
	.pc-but {
    padding: 10px 24px;
}
	.why-pc-block {
    grid-template-columns: 1fr;
}
	.pc-card h3 {
    font-size: 24px;
}
	.menu-triger {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%23ffffff" d="M16 5H0V4h16zm0 8H0v-1h16zm0-4.008H0V8h16z"/></svg>');
        display: block;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
	.head-mob {
		display: flex;
        flex-direction: row;
        padding: 10px 0px;
        align-items: center;
        gap: 0px;
        justify-content: space-between;
	}
	.logo-mob {
		width: 190px;
	}
	.logo-mob a {
		    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
	}
	    .menu-popup {
        background: #000000;
        display: none;
        position: fixed;
        right: -110%;
        top: 0;
        width: 90%;
        box-sizing: border-box;
        padding: 30px 20px;
        z-index: 9999;
        height: 100vh;
        opacity: 1;
        overflow-x: scroll;
    }
	    .menu-close {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="%23ffffff" fill-rule="evenodd" d="M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926L224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512L166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z"/></svg>');
        display: block;
        width: 30px;
        height: 30px;
        background-size: contain;
        float: right;
    }
	.logo-mob img {
		width: 32px;
    margin-right: 7px;
	}
	.menu-mob ul {
		list-style: none;
    padding: 0;
    margin: 30px 0;
	}
	.menu-mob ul li {
		padding: 7px 0;
	}
	.menu-mob ul li a {
		color: #ffffff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.7;
	}
	.menu-popup .button-h-desc {
    font-size: 16px;
    background: #ffffff;
    color: #000000;
    padding: 16px 32px;
    font-weight: 500;
    border-radius: 12px;
}
	.why-item {
    padding: 32px;
}
	.tab-cont h2 {
    font-size: 24px;
}
	.tab-cont {
    margin-bottom: 32px;
}
	.step-tab {
    gap: 24px;
    margin-bottom: 48px;
}
	.step-item {
    gap: 24px;
    padding: 24px;
}
	.cont-step h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
	.step-bottom h3 {
    font-size: 24px;
    margin-bottom: 18px;
}
	.tab-nav {
    margin-bottom: 40px;
}
	.details__title {
    padding: 24px 0;
		width: 85%;
}
	.details::after {
    top: 34px;
	right: 10px;
	
}
	.top-plat-block {
    gap: 15px;
    margin-bottom: 24px;
}
	.plat-ic-t {
    width: 50px;
    height: 50px;
    font-size: 20px;
}
	.pc-card {
    padding: 32px;
	gap: 24px;	
}
	.pc-img {
    width: 40px;
    height: 40px;
    font-size: 12px;
}
	.diagnostic-card h2 {
    font-size: 32px;
    margin-bottom: 18px;
}
	.diagnostic-card {
    padding: 32px;
}
	.solution-card {
    padding: 32px;
}
	.solution-card h3 {
    font-size: 24px;
    margin-bottom: 24px;
}
	.step {
    gap: 18px;
    padding: 18px;
}
	.step-content h4 {
    font-size: 18px;
}
	.support-diagnostic {
    padding: 48px 0;
}
	.support-solutions {
    padding: 48px 0;
}
	






}