body { min-width: 0 !important; max-width: 100% !important; } 
.wrap_mheader { display: none; } 
.wrap_mmenu { display: none; } 
.td_mobile { display: none; } 
@media (max-width: 1024px){
#hamburger { display: block; } 
.menu-head { display: none; } 
.wrap-menu { display: none; } 
.cart-head { padding: 5px; font-size: 12px; } 
.header { padding: 10px 0px; } 
.flex-product-main { display: block; } 
.flex-product-main .left-product { position: fixed; z-index: 999; top: 0px; left: 0px; transform: translateX(-250px); bottom: 0px; overflow-x: hidden; background: #fff; box-shadow: 0px 0px 5px #000; transition: all 0.5s; } 
.flex-product-main .left-product.show { transform: translateX(0px); } 
.flex-product-main .right-product { width: 100%; } 
.grid-product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } 
.filter { display: none; } 
.head-menu a { display: block !important; width: 100%; text-align: center; } 
.head-menu a img { height: 70px; max-width: 100% !important; width: 100%; } 
.menu { display: none; } 
.wrap_top { display: block; background: var(--c1); } 
.wrap_mheader { display: flex; } 
.wrap_mmenu { display: flex; } 
.flex_top { gap: 20px; height: auto; width: 100%; padding: 6px; } 
.flex_top .box_login { display: none !important; } 
.swiper-button-next, .swiper-button-prev { display: none !important; } 
#bottom { background: var(--c1); } 
.flex_bottom { height: 60px; border-radius: 0; padding-right: 0; filter: none; background: var(--c1);text-align: center; } 
}
@media (max-width: 768px){
.wrap_header { display: none; } 
.news-left { width: 100%; } 
.news-right { width: 100%; margin-top: 30px; padding: 10px; } 
.gutter-x-20 { --bs-gutter-x: 10px; } 
.flex-about { flex-wrap: wrap; } 
.content-about { width: 100%; } 
.photo-about { margin-top: 20px; width: 100%; text-align: center; } 
.flex-video { flex-wrap: wrap; } 
.wr-video { width: 100%; } 
.wr-form { width: 100%; margin-top: 20px; } 
.item-news { padding: 5px; } 
.ds-news h3 { font-size: 14px; } 
.text-cart { display: none; } 
.grid-pro-detail { display: block; } 
.grid-pro-detail .left-pro-detail { width: 100%; padding: 0px; border-right: none; } 
.slick_photo1 { text-align: center; } 
.grid-pro-detail .right-pro-detail {width: 100%;margin-top: 1rem;} 
.grid-product, .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
.info-footer .flex-footer { display: block; } 
.box-footer { width: 100% !important; margin-top: 20px; } 
.top__items { display: none; } 
.top_lang { width: 100%; display: flex; justify-content: center; } 
.about_content { width: 100%; margin-bottom: 20px; } 
.about_photo { width: 50%; margin: 0px auto; } 
.about_logo { left: unset; right: -30px; top: -60px; transform: scale(0.5); } 
.box_video { width: 100%; margin-bottom: 20px; } 
.box_fanpage { width: 100%; max-width: 500px; margin: 0px auto; } 
.box_doitac { width: 100%; margin-bottom: 20px; } 
.box_kiemdinh { width: 100%; padding: 20px 30px 5px; margin-top: 0; } 
.flex_media { height: auto; } 
.fcol1 { width: 100%; margin-top: 0px; } 
.flex_footer { display: flex; flex-wrap: wrap; gap: 20px; } 
.fcol2, .fcol3 { width: calc( ( 100% - 20px ) / 2 ); } 
.fcol4 { width: 100%; } 
.bacsi__item { max-width: 100%; } 
}
@media (max-width: 500px){
.td.td_mobile.td_info { display: block; width: 50%; } 
.td_desktop { display: none; } 
.td_mobile { display: block; } 
.wrap_mmenu { padding: 5px 10px; } 
.grid-pro-detail .pro-detail-name {font-size: 1.2rem;margin-bottom: 1rem;} 
.title-detail .page { font-size: 1.2rem; } 
.flex_top { gap: 0px; height: auto; padding: 3px 0; } 
.top_lang .lang { height: 23px; width: auto; border-radius: 5px; } 
.top_lang .lang img { height: 100%; width: auto; } 
.header_logo img { max-height: 70px; } 
.wrap_about { padding: 40px 0 20px; animation: animatedBackground 400s linear infinite; } 
.about_title { font-size: 25px; margin-bottom: 5px; } 
.about_desc { font-size: 14px; line-height: 1.7; } 
.about_link { margin-top: 10px; zoom: 0.6; } 
.about_photo { width: 80%; } 
.wrap_about { overflow: hidden; } 
.about_photo::before { zoom: 0.3; } 
.about_photo::after { background-size: 95%; } 
.wrap_productBC { padding: 20px 0 20px; background: none; } 
.product_nav h2 { font-size: 20px; } 
.product_nav .link { zoom: 0.65; } 
.product__content { padding: 8px 6px; } 
.product__name a { font-size: 14px; } 
.product__item .addcart span { display: none; } 
.wrap_productNew { padding: 20px 0; } 
.wrap_productDB { padding: 20px 0 20px; background: #fff; } 
.wrap_service { padding: 20px 0; } 
.title_main { font-size: 20px; } 
.title_desc { font-size: 22px; margin-top: 0; } 
.wrap_title { padding-bottom: 12px; margin-bottom: 12px; } 
.service__img { margin-bottom: 12px; } 
.service__name a { font-size: 14px; margin-bottom: 6px; } 
.service__desc { font-size: 14px; line-height: 1.5; margin-bottom: 10px; } 
.service__link { zoom: 0.65; } 
.wrap_media { padding: 20px 0; } 
.video_title, .fanpage_title { font-size: 25px; margin: 0px auto 12px; } 
.khachhang_slide .swiper-button-prev, .khachhang_slide .swiper-button-next { display: none; } 
.khachhang_slide { width: 100%; margin-left: 0; } 
.wrap_khachhang { padding: 20px 0; } 
.news__name a { font-size: 14px; margin-bottom: 6px; } 
.news__desc { font-size: 14px; line-height: 1.5; margin-bottom: 10px; } 
.news__link { zoom: 0.65; } 
.footer_main { padding: 20px 0 20px; } 
.flex_footer { display: flex; flex-wrap: wrap; gap: 20px 20px; } 
.fcol1 { width: 100%; } 
.fcol2 { width: 100%; } 
.fcol3 { width: max-content; max-width: 165px; flex: 1; } 
.fcol4 { flex: 1; } 
.product_slide .swiper-button-prev, .product_slide .swiper-button-next { display: none; } 
.footer_title { font-size: 16px; margin-bottom: 8px; } 
.ft_name { font-size: 16px; margin-bottom: 8px; } 
.ft_txt { font-size: 14px; } 
.footer-ul li { margin-bottom: 10px; } 
.footer-ul li a, .footer-ul li span { font-size: 14px; } 
.footer { padding-bottom: 60px; } 
.flex_bottom { font-size: 10px; padding: 8px 0; height: auto; display: flex; justify-content: center; } 
.wrap-user { width: 100%; max-width: 100%; border-radius: 0; box-shadow: none; padding: 0; background: #fff; } 
.title-user { margin: 0px 0 10px; } 
.title-user span { font-size: 25px; } 
.right_info { width: 100%; padding: 15px 15px; } 
span.name-user-info { display: none; } 
.header_cart:hover svg path { fill: yellow; } 
.header-user-content { display: none; } 
.sort-select { margin: 00px 0px; zoom: 0.70; } 
.wrap_bacsi { padding: 20px 0; } 
.wrap_title::before { transform: scale(0.5); transform-origin: bottom; } 
.bacsi__name { font-size: 14px; } 
.wrap_cty { margin: 20px 0; } 
.cty_title { font-size: 20px; padding-left: 12px; margin-bottom: 12px; } 
.cty_title::before { bottom: 2px; width: 2px; height: 20px; } 
.doitac__item { margin-bottom:10px; } 
.box_kiemdinh { border-radius: 20px; padding: 15px 10px 5px; } 
.kiemdinh__name { font-size: 14px; min-height: 38px; } 
.kiemdinh__item { margin-bottom: 10px; } 
.about_wc { font-size: 25px; } 
.about_title { font-size: 20px; margin-bottom: 8px; } 
.tieuchi__name { font-size: 14px; margin-bottom: 6px; } 
.tieuchi__desc { font-size: 13.5px; line-height: 1.5; } 
.wrap_productNB { padding: 20px 0 20px; } 
.wrap_feedback { padding: 20px 0; } 
.feedback__item { padding: 15px; } 
.news__time svg { display: none; } 
.news__time { align-items: center; font-size: 12px; margin-bottom: 10px; } 
.wrap_blog { padding: 20px 0; } 
.ft_desc { font-size: 25px; } 
.fcol3 { width: 100%; max-width: 100%; flex: unset; } 
.fcol4 { width: 100%; } 
.box_app { left: 8px; gap: 8px; transform: scale(0.65); transform-origin: left center; } 
}