/* Responsive */
@media (max-width: 1001px){
 #hamburger { display: block; } 
 .mb-none { display: none !important; } 
 .mb-block { display: block !important; } 
 .header { padding: 0.1px; } 
 .logo-header { margin-bottom: 0; padding: 5px 0; width: 100%; } 
 .search-res .icon-search { color: #fff; } 
 .scrollToTop { bottom: 80px; right: 10px; } 
 footer { margin-bottom: 50px; } 
 }
 @media (max-width: 768px){
 .footer-news , .col-left , .col-right { -ms-flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; } 
 .footer-news, .image-fanpage { text-align: left !important; } 
.tabs::before, .tabs::after, .section-aboutus::after { display: none; } 
.form-section, .section-contact { flex-wrap: wrap; } 
.form-section select, .form-section input { width: 100%; } 
.items-contact { width: 100%; } 
.section-contact { gap: 20px; } 
.wrap-parts::after, .wrap-battery::after { opacity: 0.7; } 
.wrap-search { margin-top: 30px; } 
.title-detail-product { min-height: auto; } 
.grid-pro-detail { margin-bottom: 1rem; } 
.search-auto { width: calc(100% - 160px); } 
.search { width: 100%; border-radius: 5px; } 
.search p { width: 20px; height: 20px; background: var(--color-white); color: var(--color-title); justify-content: start; } 
.search input { font-family: var(--font-medium); width: calc(100% - 20px); font-size: 14px; padding: 5px 10px; color: #333; border-radius: 10px; border: none; } 
.search input::placeholder { font-family: var(--font-medium); font-size: 13px; } 
#google_language_translator { width: 106px; margin: 0; } 
.search-result { max-height: 250px; } 
.show-search { top: 55px; border: 1px solid #d3d3d3; border-radius: 0; } 

}
 @media (max-width: 550px){
 .filter-bar { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
 .filter-bar .btn { min-width: 100%; grid-column: 2 span; } 
 .dropdown, .dropend, .dropstart, .dropup { width: 100%; } 

.filter-popup { min-width: 100%; background: #fff; max-height: 200px; transform: translate3d(-0px, 40px, 0px); } 
.filter-popup .btn { border-radius: 0; } 

.title-main h1, .title-main h2, .title-main span { margin-left: 5px !important; margin-right: 5px !important; font-size: 25px; } 
 }
 
 @media (max-width: 440px){
 .grid-product { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
.product .price-new { font-size: 14px; } 
.product .price-old { padding: 0 0 0 5px; font-size: 13px; } 
.mb\:40 { margin-bottom: 15px; } 
.tab { padding: 5px 10px; font-size: 18px; border-radius: 10px; min-width: 40% } 
.search-container { padding: 10px; } 
.tabs { margin-bottom: 10px; } 
.lang img { width: 30px; } 
.form-section select, .form-section input { min-width: 100%; padding: 5px 15px; border-radius: 10px; height: 40px; font-size: 15px; } 

.search-btn { height: 35px; padding: 5px 15px; min-width: max-content; border-radius: 10px; transition: background 0.3s; font-size: 15px; font-family: var(--font-medium); } 
 }
 
 @media (max-width: 369px) { } 

 @media (max-width: 768px){
 .scroll-auto { justify-content: start !important; overflow-x: auto !important; padding-bottom: 10px; } 
 .scroll-auto span { min-width: max-content; } 
 .scroll-auto::-webkit-scrollbar { height: 3px; } 
 }