@media(max-width: 1366px) {
    .page-template-price .post-title {
        height: 45px;
        font-size: 20px;
    }
}
@media (max-width: 560px) {
	.search-form input {
		max-width: 100%;
	}
    .product-subcats {
        flex-direction: column;
    }
	.btn-mobile .fa-times {
		display: none;
	}
	.btn-mobile.active .fa-times {
		display: block;
	}
	.btn-mobile.active .fa-bars {
		display: none;
	}
	.header {
		padding: 6px 0px;
	}
    .banner-video {
        aspect-ratio: 1/1;
        width: 100%;
    }
    .list-car.active, .list-article.active, .list-related-post, .list-blog, .register-form, .list-video{
        grid-template-columns: 1fr;
    }
    .section-menu {
        position: fixed;
        width: 100%;
        min-height: 100vh;
        background: #0000009a;
        display: flex;
        flex-direction: column;
        z-index: 9;
        left: 0;
        top: 0 !important;
        display: none;
		overflow-y: scroll;
		padding-bottom: 200px !important;
    }
    .search-and-lg {
        position: absolute;
        bottom: 50%;
        left: 25px;
        z-index: 999;
    }
    .menu-item {
        color: #000;
    }
    .popup-content {
        width: 100%;
    }
    .page-title {
        font-size: 32px;
        text-align: center;
        width: 100%;
    }
    .banner .btn-read-more {
        margin: 0px auto;
    }
    .info-tab-item.active {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: start;
    }
    .popup-content {
        padding: 0 2rem 2rem;
    }
    .list-car-footer {
        grid-template-columns: repeat(2, 1fr);
    }
    .floating-content, .floating-content-register{
        display: none;
    }
	ul#menu-main-menu {
		display: flex;
		flex-direction: column;
		align-items: start !important;
        background: #fff;
        width: 88%;
        height: 100vh;
        justify-content: start !important;
	}
	ul#menu-main-menu > li {
		width: 100%;
		line-height: 2.5;
		padding-left: 20px;
	
	}
	ul#menu-main-menu > li::before, ul#menu-main-menu > li::after {
		display: none;
	}
	ul#menu-main-menu > li a {
		color: var(--color-title);
		text-align: start;
	}
	ul#menu-main-menu .sub-menu{
		display: block;
		background: none;
		position: relative;
		top: unset;
		left: unset;
		width: 100%;
	}
	ul#menu-main-menu .mega-menu .sub-menu {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 8px;
		height: 200px;
		overflow-y: scroll;
	}
    .ur-product-grid, .single-product-info, .list-news {
        grid-template-columns: 1fr;
    }
    .contact-section .contact-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    /* Input padding nhỏ hơn */
    .contact-section .contact-input {
        padding: 10px 12px;
    }

    /* Các hàng về 1 cột */
    .contact-section .row > div {
        margin-bottom: 15px;
    }

    /* Khoảng cách group */
    .contact-section .contact-group {
        margin-bottom: 15px !important;
    }

    /* Nút submit rộng 100% */
    .contact-section .contact-submit {
        width: 100%;
        padding: 14px !important;
        font-size: 17px;
    }
    .footer-menu {
        grid-template-columns: repeat(2,1fr);
    }
    .footer-menu a{
        border: 1px solid #fff;
    }
    .footer-middle-menu  {
        flex-direction: column;
        align-items: start !important;
    }
    .footer-social {
        justify-content: start !important;
        margin-bottom: 30px;
    }
    .btn-close-menu {
        position: absolute;
        top: 25px;
        right: 10px;
        z-index: 99;
        background: none;
        border: none;
    }
    .gtranslate_wrapper  {
        align-items: center;
        display: flex;
    }
    .banner .col-12 {
        padding: 0px;
    }
    .cat-thumb img {
        width: 60%;
        height: auto;
        margin: 0px auto;
        display: block;
    }
}