/* Responsive */
@media (max-width: 1001px){
 #hamburger { display: block; } 
 .header-mb { justify-content: center !important; } 
 .mb-none { display: none !important; } 
 .mb-block { display: block !important; } 
 .header { padding: 0; } 
 .logo-header { margin-bottom: 0; padding: 0; width: 100%; } 
 .header-banner span { width: max-content; } 
 .search-res .icon-search { color: #fff; } 
 .scrollToTop { bottom: 80px; right: 10px; } 
 .cart-button { right: 10px; } 
footer { margin-bottom: 50px; } 
 }
 @media (max-width: 850px){
 .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; } 
 .wrap-form::after, .wrap-contact { display: none; } 
 .grid-product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } 
 .section-newsletter { padding: 30px 20px; max-width: 100%; min-height: 100%; } 
 .button-form { font-size: 20px; min-width: unset; } 
 .wrap-contact, .image-newsletter { display: none; } 
 .col-contactLeft { width: 100%; border: none; } 
 .wrap-form { padding: 30px 0; background: linear-gradient(180deg, rgba(253, 247, 232, 1) 0%, rgba(255, 252, 241, 1) 100%); } 
 .col-button__contact { margin-left: 20px; margin-right: 20px; } 
 }
 @media (max-width: 550px){
 .items-fanpage { text-align: center; } 
 .items-fanpage iframe { width: 100%; } 
 .footer-powered .wrap-content { padding-top: 10px; padding-bottom: 10px; } 
 .col-button__contact { display: none; } 
 .wr-newsletter, .social-footer { justify-content: center !important; } 
 .info-news { max-width: 80%; } 
 .copyright { text-align: center !important; } 
 .slogan-index { margin-bottom: 0; font-size: 25px; } 
 .items-video video { height: 300px; aspect-ratio: 285 / 300; } 
 .footer-news:nth-child(1) { text-align: center !important; } 
 .footer-ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; } 
 .title-footer { font-family: var(--font-bold); } 
 .slogan-index { margin-top: -10px; } 
 .news-left { width: 100%; margin-bottom: 30px; } 
 .news-right { width: 100%; } 
 .ds-news { margin-left: 10px; } 

 .info-newsPost { padding: 10px 0 0 0; } 
 .inner-newsPost { padding: 10px; } 
 .name-newsPost a { font-size: 13px; color: var(--color-title); } 
 .desc-newsPost { font-size: 13px; color: #4b4b4a; font-family: var(--font-regular); line-height: 1.5; -webkit-line-clamp: 2 !important; } 
 .line-newsPost { margin: 5px auto; } 
 }
 @media (max-width: 440px){
 .info-news .desc-news { display: none; } 
.item-news .inner-info { padding: 5px 10px 5px 10px; background: linear-gradient(180deg, #FBEECE 0%, #FFFCF1 100%); border-radius: 0 30px 0 0; } 
.item-news .btn-index img { width: 30px; } 
.info-news h3 { font-size: 13px; margin: 0 !important; } 
.info-news .btn-index span { width: calc(100% - 35px); font-size: 11px; text-align: left !important; } 
.info-news .btn-index { margin-top: 0; } 


 .items-video video { width: 100%; } 
 .section-newsletter h2 { font-size: 30px; text-transform: capitalize; margin-top: -5px; margin-bottom: 0; } 
 .button-form { font-size: 20px; } 
 .form-newsletter { --bs-gutter-y: 0.5rem !important; --bs-gutter-x: 0.5rem !important; } 
 .newsletter-input textarea, .newsletter-input input { border-radius: 15px; } 
 .slogan-index { font-size: 20px; } 
 .wrap-news h2 { margin-top: -10px; margin-bottom: 0; } 
 .info-news { max-width: 90%; } 
 .contact-footer, .contact-footer span { font-size: 13px; } 
 .copyright, .social-footer span { color: var(--color-white); font-size: 14px; } 
 .col-contactLeft { padding: 15px 0 15px 0; } 
 .col-contactLeft p { font-size: 25px; } 
 .col-contactLeft span { margin-top: -5px; font-size: 15px; } 
 .section-contact { padding: 0 20px; border-radius: 100px 0 100px 0; } 
 .grid-product { grid-template-columns: repeat(2, 1fr); gap: 10px; } 
 .product .name-product a { font-size: 14px; min-height: unset; } 
 .title-aboutus h2 { margin-bottom: -15px; font-size: 45px; } 
 .title-home img { display: none; } 
 .title-home h2 { font-size: clamp(23px, 3.5vw, 45px); } 
 .info-video { flex-wrap: wrap; } 
 .info-video p { width: 100%; } 
 .maps-iframe { position: relative; height: 200px; } 
 .name-serviceList a { font-size: 20px; } 
 }
 @media (max-width: 369px) { }