body { min-width: 0 !important; max-width: 100% !important; } 
nav.wrap_mmenu { display: none; } 
@media (max-width: 1024px) { nav.wrap_mmenu { display: block; } 
 #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; } 
header { display: block; /* background: #fff; */position: relative; } 
.menu ul.flex { display: none; } 
.flex_header { height: auto; padding: 10px; } 
.logo-menu { display: block; width: 100px; height: 100px; align-self: flex-start; transition: all .2s ease; } 
.wrap_mmenu { display: block; width: 100%; background: var(--c1); padding: 0; position: sticky; top: 0; z-index: 1001; } 
.flex_mmenu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px 0; gap: 10px; } 
.mmenu_search { flex: 1; background: #fff; height: 40px; border-radius: 0.5rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; overflow: hidden; } 
.mmenu_lang { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 10px; } 
.mmenu_search input { width: calc( 100% - 45px ); height: 40px; border: none; padding: 0 12px; } 
.mmenu_search label { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; } 
.mmenu_lang a { display: block; border-radius: 0.5rem; overflow: hidden; } 
.mmenu_lang a img { height: 40px; width: auto; } 
 }

@media (max-width: 769px){
 .gutter-x-20 { --bs-gutter-x: 10px; } 
.flex-about { flex-wrap: wrap; } 
.content-about { width: 100%; } 
.photo-about { margin-top: 0; width: 100%; text-align: center; order: 5; } 
.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; margin-bottom: 1.2rem; } 
.slick_photo1 { text-align: center; } 
.grid-pro-detail .right-pro-detail { width: 100%; } 
.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; } 
.productListNB__name a { font-size: 32px; } 
.flex_footer_top { flex-wrap: wrap; } 
.footer_top__col { width: 48%; max-width: 300px; } 
.banner_page .wrap-content { padding: 0; } 
.attr-pro-content { display: block; width: 100%; overflow: scroll; } 
.news-left { width: 100%; margin-bottom: 1rem; border: none; padding: 0; } 
.news-right { position: relative; top: 0; width: 100%; padding: 0; order: 5; } 
.wrap-content { overflow: hidden; } 
.pagination { zoom: 0.80; } 
.content-responsive { display: block; width: 100%; font-size: 14px; padding-bottom: 0.75rem; } 
.content-responsive img { max-width: 100%; height: auto !important; } 
 }

@media (max-width: 500px){
 .grid-pro-detail .pro-detail-name { font-size: 1.2rem; margin-bottom: 0.25rem; } 
.title-detail .page { font-size: 1.2rem; } 
.flex_header { padding: 5px; } 
.flex_mmenu { padding: 5px 0; gap: 8px; } 
.mmenu_lang a img { height: 30px; } 
.mmenu_lang { gap: 8px; } 
.mmenu_search { height: 35px; } 
.mmenu_search input { width: calc( 100% - 35px ); height: 35px; padding: 0 10px; font-size: 13px; } 
.mmenu_search label { height:35px; width:35px; } 
.wrap_mmenu .wrap-content { padding: 0px 10px; } 
.swiper-button-next, .swiper-button-prev { display: none; } 
.wrap_about { padding: 20px 0; } 
.photo-about { width: 100%; border: 5px solid #000; margin-bottom: 1rem; } 
.content-about--title { font-size: 40px; margin-bottom: 0; } 
.content-about--desc { font-size: 20px; margin-bottom: 10px; } 
.content-about--content { line-height: 1.6; } 
.wrap_productBC { padding: 20px 0; } 
.title_main { font-size: 25px; } 
.wrap_title { margin-bottom: 15px; } 
.product .pic-product { margin-bottom: 10px; } 
.product .name-product a { font-size: 14px; } 
.product .price-new { font-size: 14px; } 
.wrap_productListNB { margin: 20px 0; } 
.grid_productListNB { width: 100%; display: grid; grid-template-columns: repeat(6, calc((100% + 8px) / 6 - 8px)); grid-gap: 8px; } 
.productListNB__txt { background: rgba(0, 0, 0, 0.5); padding: 8px; } 
.productListNB__name a { font-size: 20px; text-align: center; } 
.wrap_gifNB { margin: 20px 0; } 
.btn_viewmore { padding: 8px 20px 8px; margin: 20px auto 30px; font-size: 14px; } 
.wrap_videos { padding: 20px 0; } 
.box_video_top { width: 100%; height: auto; aspect-ratio: 1366/600; } 
.box_video_bottom { margin-top: 10px; } 
.item-videos { border: 5px solid #fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px; margin: 5px; } 
.videosFirst:before { background-size: 10%; } 
.item-videos:before { background-size: 20%; } 
.wrap_feedback { padding: 20px 0; } 
#feedbackTop { margin-bottom: 1rem; } 
.feedbackBottom__content { font-size: 14px; line-height: 1.6; margin-bottom: 0.5rem; } 
.feedbackBottom__name { font-size: 15px; margin-bottom: 3px; } 
.wrap_newsNB { padding: 20px 0; } 
.footer_main { padding: 20px 0 20px; } 
.footer_title { font-size: 14px; margin-bottom: 8px; } 
.ft_line { margin-bottom: 12px; } 
.footer-ul li { margin-bottom: 6px; } 
.footer-ul li a { font-size: 13px; } 
.footer_top__col.product { width: 100%; order: -1; text-align: left; margin-bottom: 1.2rem; } 
.footer_top__col:nth-child(4) { width: 100%; margin-top: 1.5rem; max-width: 100%; } 
.nlt-desc { margin-bottom: 12px; font-size: 12px; } 
.flex_footer { align-items: flex-start; margin-top: 25px; padding-top: 25px; display: flex; flex-wrap: wrap; gap: 1.5rem; } 
.fcol1 { width: 100%; } 
.fcol4 { width: 100%; } 
.thongke { font-size: 12px; padding: 0; } 
div#bottom { padding-bottom: 75px; } 
.productListNB__items:nth-child(1) { display: block; grid-column: 6 span !important; } 
.productListNB__items { grid-column: 3 span !important; } 
.breadCrumbs { font-size: 12px; } 
.pagination { zoom: 0.75; } 
.tabs-pro-detail .tab-content { padding: 10px; } 
.title-detail { margin: 0rem auto 1rem; } 
.title-detail .detail { font-size: 1.2rem; } 
.popupWarning_title { font-size: 1.1rem; } 
.attr-pro-action { gap: 8px; } 
.pro-action__btn { padding: 8px 10px 9px; font-size: 14px; width: 100%; text-align: center; } 
.winestory__items { flex-direction: column; } 
.winestory__photo { width: 100%; border: 3px solid #000; } 
.winestory__txt { width: 100%; } 
.swiper.swiper-auto.my-5 { margin: 0 !important; } 
.winestory__name { font-size: 30px; margin-bottom: 12px; } 
.winestory__wc { font-size: 30px; } 
.winestory__desc { font-size: 14px; line-height: 1.8; } 
.winestory__signature { font-size: 25px; margin-top: 12px; } 
 }