@media (min-width: 768px) {
	.slide {
	    height: 400px; /* Điều chỉnh chiều cao slider */
	}

	.search-box {
	    padding: 16px 10px;
	    font-size: 16px;
	    width: 90%;
	    border: none;
	}
	.search-button {
	    padding: 15px 20px;
	    font-size: 17px;
	    background-color: #ea5413;
	    color: #fff;
	    border: none;
	    cursor: pointer;
	    width: 10%;
	    font-family: "Noto Sans JP", serif;
	}
	.tab-button {
	    padding: 6px 20px;
	    cursor: pointer;
	    background-color: #b4b4b4;
	    transition: background-color 0.3s;
	    width: 100%;
	    color: #fff;
	    border: 1px solid #ddd;
	    font-family: "Noto Sans JP", serif;
	}
	.tab-container {
	    max-width: 90%;
	}
	.tab-list-item {
	    text-align: center;
	    font-size: 15px;
	    font-weight: 500;
	}
	.ninki-grid-item.large {
	    height: 200px;
	}

	.ninki-grid-item.small {
	    height: 200px;
	}
	.form-row{
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    gap: 10px;
	    margin-bottom: 35px;
	}
	.form-line {
	    width: 90%;
	}
	.product-image .main-image {
	    height: 200px;
	}
	.product-image .thumbnail {
	    height: 80px;
	    flex: 1;
	}
	.sp-content {
		display: none;
	}
	.content-list-custom {
	    display: flex;
	    gap: 20px;
	    background-color: #fff;
	    padding: 10px 15px;
	    border-radius: 5px;
	    margin-bottom: 15px;
	}
	.product-details .price-section .box span {
	    padding: 3px 5px;
	    font-size: 15px;
	    letter-spacing: 2px;
	}
	.product-details .price-section .box p {
	    font-size: 28px;
	}
	.product-details .price-section .box p strong {
	    font-size: 18px;
	}
	.saigo-pr-info {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.attributes {
	    width: 60%;
	}
	.attributes-title {
	   width: 40%; 
	}
	.attributes-dt {
	   width: 60%;
	}
	.attributes-item {
	    margin-bottom: 10px;
	}
	.product-detail-main {
	    display: flex;
	    align-items: normal;
	    width: 100%;
	}
	.product-detail-left {
	    width: 62%;
	}
	.product-detail-right {
	    width: 38%;
	}
	.product-gallery {
	    width: 90%;
	    max-width: 1000px;
	}
	.memo-price {
	   margin-top: 20px; 
	}

}

@media (max-width: 768px) {
	.header-container .logo img {
	    width: 30%;
	}

	.search-box {
	    padding: 10px 10px;
	    font-size: 14px;
	    width: 80%;
	    border: none;
	}
	.search-button {
	    padding: 10px 20px;
	    font-size: 13px;
	    background-color: #ea5413;
	    color: #fff;
	    border: none;
	    cursor: pointer;
	    width: 20%;
	    font-family: "Noto Sans JP", serif;
	}
	.brand-list {
        grid-template-columns: repeat(4, 1fr); /* 4 ô trên mỗi hàng khi màn hình nhỏ */
    }
    .type-list {
	    grid-template-columns: repeat(4, 1fr);
	}
	.tab-container {
	    max-width: 100%;
	}
	.tab-button {
	    padding: 6px 0px;
	    cursor: pointer;
	    background-color: #b4b4b4;
	    transition: background-color 0.3s;
	    width: 100%;
	    color: #fff;
	    border: 1px solid #ddd;
	    font-family: "Noto Sans JP", serif;
	    font-size: 9px;
	}
	.tab-content-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.tab-list-item {
	    text-align: left;
	    font-size: 12px;
	    font-weight: 500;
	    line-height: 30px;
	}
	.ranking-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.ninki-grid-item.large {
	    height: 150px;
	}

	.ninki-grid-item.small {
	    height: 100px;
	}
	h2.section-title {
	    font-size: 20px;
	}
	h2.section-title-left {
	    font-size: 20px;
	}
	.ninki-content h2 {
		font-size: 20px;
	}
	.ranking-two-content h2 {
		font-size: 20px;
	}
	.form-row{
	    display: block;
	    margin-bottom: 35px;
	}
	.form-line {
	    width: 100%;
	    padding: 0 0 15px;
	}
	.product-image {
	    width: 40%;
	}
	.product-details {
	    width: 60%;
	}
	.product-image .main-image {
	    height: 80px;
	}
	.product-image .thumbnail {
	    height: 30px;
	    flex: 1;
	}
	.pc-content {
		display: none;
	}
	.product-layout {
	    background-color: #fff;
	    padding: 10px;
	    margin-bottom: 10px;
	}
	h1.sp-content {
	    font-size: 14px;
	    margin-bottom: 0;
	}
	.content-list-custom {
	    display: flex;
	    gap: 5px;
	    background-color: #fff;
	    padding: 10px 0px;
	    border-radius: 5px;
	    margin-bottom: 0px;
	}
	.product-details .price-section .box span {
	    padding: 3px 5px;
	    font-size: 10px;
	    letter-spacing: 2px;
	}
	.product-details .price-section .box p {
	    font-size: 19px;
        line-height: 20px;
        font-weight: 800;
	}
	.product-details .price-section .box p strong {
	    font-size: 14px;
	}
	.attributes {
	    width: 100%;
	    margin-top: -18px;
	}
	.attributes-title {
	   width: 50%;
	   font-size: 9px!important;
	}
	.attributes-dt {
	   width: 50%;
	   font-size: 10px!important;
	}
	.attributes-item {
	    margin-bottom: 2px;
	}
	.action-cta.sp-content button {
	    padding: 9px 11px;
	    background: #ea5513;
	    color: #fff;
	    border: none;
	    border-radius: 4px;
	    font-size: 18px;
	    cursor: pointer;
	    font-weight: 600;
	    letter-spacing: 1px;
	    box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
	    transition: 0.3s;
	    width: 100%;
	}
	.body-relation-item {
		grid-template-columns: repeat(2, 1fr);
	}
	.body-relation-item a {
		font-size: 13px!important;
	}
	.product-detail-main {
	    display: block;
	    align-items: normal;
	    width: 100%;
	}
	.product-detail-left {
	    width: 100%;
	}
	.product-detail-right {
	    width: 100%;
	}
	.product-gallery {
	    width: 100%;
	}
	.memo-price {
	   margin-top: 0px; 
	}
	.product-table-two table tr th {
		font-size: 10px;
	}
	.product-table-two table tr td {
		font-size: 10px;
	}
	.spectial-grid-one {
	    grid-template-columns: repeat(2, 1fr);
	}
	.spectial-grid-two {
	    grid-template-columns: repeat(2, 1fr);
	}
	.spectial-grid-three {
		grid-template-columns: repeat(2, 1fr);
	}
	.spectial-grid-five {
		grid-template-columns: repeat(2, 1fr);
	}
	.product-main-image {
		height: auto!important;
	}
	.product-detail-left h2.sp-content {
	    font-size: 20px;
	    line-height: 22px;
	}
	main.product-detail-content {
		padding: 30px 0!important;
	}

}

@media (max-width: 480px) {
    .brand-list {
        grid-template-columns: repeat(4, 1fr); /* 2 ô trên mỗi hàng khi màn hình rất nhỏ */
    }
    .type-list {
	    grid-template-columns: repeat(4, 1fr);
	}
	.tab-content-list {
		grid-template-columns: repeat(4, 1fr);
	}
	h2.section-title {
	    font-size: 18px;
	}
	h2.section-title-left {
	    font-size: 18px;
	}
	.ninki-content h2 {
		font-size: 18px;
	}
	.ranking-two-content h2 {
		font-size: 18px;
	}
}