body { min-width: 0 !important; max-width: 100% !important; } 
.wrap_mmenu { display: none; } 
@media (max-width: 1024px){
 #hamburger,
.widget_menu_mobile { display: block; } 
.menu-head,
.widget-menu,
.widget-menu,
.menu_side { display: none !important; } 
.cart-head { padding: 5px; font-size: 12px; } 
.flex-product-main { display: block; } 
.flex-product-main .left-product { position: relative; bottom: 0px; transition: all 0.5s; width: 100%; margin-bottom: 20px; } 
.flex-product-main .left-product.show { transform: translateX(0px); } 
.flex-product-main .right-product,
.slide_banner { width: 100%; } 
.grid-product,
.grid-product-hot { display: grid; gap: 10px; } 
.filter { display: block; } 
.row-20,
.row-30 { margin: 0 -5px; } 
.col-20,
.col-30 { padding: 0 5px; } 
.mg-b-30,
.mg-b-20 { margin-bottom: 10px; } 
.fix_head .big_menu { padding: 10px 0; } 
.header_right { display: none; } 
.menu { display: none; } 
.wrap_mmenu { display: flex; } 
.mm_translate { flex-shrink: 0; } 
.custom_slide .swiper-button-prev, .custom_slide .swiper-button-next { display: none; } 

.flex-product-main .right-product { width: 100%; border: 1px solid #f1f1f1; padding: 20px; box-shadow: none; } 

.flex-product-main .right-product { padding: 12px; } 

.wr-search .item-search { font-size: 14px; } 

.wr-search p { font-size: 15px; } 
 }
@media (max-width: 991px){
 .grid-product-hot { grid-template-columns: repeat(4, 1fr); } 
.w_p_l { width: 100%; } 
.box-footer:nth-child(1) { width: 60%; order: 1; } 
.box-footer:nth-child(2) { width: 100%; order: 3; margin: 20px 0; } 
.box-footer:nth-child(3) { width: 100%; order: 4; margin-bottom: 20px; } 
.box-footer:nth-child(4) { width: 100%; order: 5; } 
.box-footer:nth-child(5) { width: 35%; order: 2; } 
.footer-ul li { width: auto; min-width: calc(50% - 5px); } 
 }
@media (max-width: 850px){
 .news-left { width: 100%; } 
.news-right { width: 100%; margin-top: 30px; padding: 10px; } 
.grid-partner { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; } 
 }
@media (max-width: 769px){
 .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 { border: 1px solid #f7e9e9; } 
.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%; font-size: 14px; } 
.item_banner:not(:last-child) { margin-bottom: 3.3%; } 
.grid-product,
.grid-product-hot,
.grid-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
.info-news { padding: 10px; min-height: 176px; } 
.info-news h3::after { left: -10px; } 
.more-news,
.info-news .desc { margin-top: 8px; } 
.box-news-home { padding: 5px; } 
.widget-news .swiper { margin: 0 -5px; } 
.grid-partner { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } 
.flex_footer { flex-wrap: wrap; gap: 20px 0; } 
.fcol1 { width: 100%; } 
.fcol2 { width: 48%; } 
.fcol3 { width: 48%; } 
.fcol4 { width: 48%; max-width: 48%; } 
.fcol5 { width: 48%; max-width: 48%; } 
.footer-social { display: flex; gap: 10px; justify-content: flex-start; } 
.payment__items { max-width: 80px; } 
.footer { padding-bottom: 60px; } 
 }
@media (max-width: 767px){
 .info-news { min-height: 136px; } 
.title-main span,
.title-detail h1,
.title-main h1,
.title-detail h2,
.title-main h2 { font-size: 24px; } 
.title-main { margin-bottom: 10px; } 
.title-main-home h2 { font-size: 18px; } 
 }
@media (max-width: 576px){
 .grid-partner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } 
.banner,
.slideshow,
.box-footer:nth-child(1) { width: 100%; } 
.all-banner { display: flex; margin: 0 -5px; margin-top: 10px; } 
.item_banner:not(:last-child) { margin: 0; } 
.item_banner { width: calc(100% / 3); padding: 0 5px; } 
.name-cri { font-size: 15px; } 
.avt-cri { max-width: 50px; } 
.w-content-cri { width: calc(100% - 60px); } 
.box-footer:nth-child(5) { width: 100%; margin-top: 20px; } 
.footer-article { padding: 30px 0; } 
.flex_header { height: auto; gap: 10px; padding: 10px 0; } 
.header_left { max-width: 30%; } 
.header_center { flex: 1; } 
.wrap_mmenu { background: var(--c1); padding: 5px 15px; gap: 15px; } 
.google_translator { gap: 5px !important; } 
div#hamburger { flex-shrink: 0; } 
.widget__all_slide { position: relative; padding: 0; } 
.widget__all_slide .wrap-content { padding: 0; width: 100%; margin: 0; } 
.slideshow, .slider_img { border-radius: 0; } 
.widget-product-hot { padding: 20px 0; } 
.title-main-home { margin-bottom: 12px; } 
.pagination { margin: 12px 0px 0px; } 
.pagination .page-item .page-link { min-width: 30px; height: 30px; font-size: 0.8rem; padding: 0 5px; } 
.wrap_service { padding: 20px 0; } 
.title_main { font-size: 20px; } 
.wrap_title { margin-bottom: 12px; } 
.projects { --gap:8px; --w:calc( 100vw - 30px ); --w-center:calc( 100vw - 30px ); } 
.service__txt { padding: 8px 5px; } 
.service__name a { font-size: 14px; } 
.custom_slide.projects { height: auto !important; } 
.wrap_projects { padding: 20px 0 25px; } 
.projects__name a { font-size: 14px !important; padding: 8px 5px !important; } 
.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } 
.projects { --gap:0px; --w:auto; --w-center:auto; } 
.projects .swiper-wrapper { display:flex; align-items:center; gap:var(--gap); } 
.projects .swiper-slide { box-sizing:border-box; flex:0 0 var(--w); transition:flex-basis .5s ease; contain: layout paint style; opacity: 0; } 
.projects .swiper-slide.swiper-slide-active,
.projects .swiper-slide.swiper-slide-next,
.projects .swiper-slide.swiper-slide-prev { opacity: 1 !important; } 
.projects .swiper-slide.center { flex:0 0 var(--w-center); } 
.projects__txt { position: relative; left: 0; bottom: 0; width: 100%; background: var(--c2); } 
.wrap_newsNB { padding: 20px 0; } 
.custom_slide.newsNB { width: 100%; margin-left: 0px; } 
.footer_main { padding: 20px 0 20px; } 
.ft_name { font-size: 25px; margin-bottom: 5px; margin-top: 0; } 
.ft_name::before { top: 10px; width: 3px; height: 19px; } 
.ft_txt { font-size: 14px; line-height: 1.5; } 
.footer_title { font-size: 15px; padding-left: 12px; margin-bottom: 8px; } 
.footer_title::before { top: 4px; width: 3px; height: 15px; } 
.footer-ul li a { font-size: 13.5px; margin-left: -7px; transform: translateY(1px); } 
.footer-ul li { min-width: 100%; margin-bottom: 10px; } 
.footer-social { gap: 5px; } 
.fsocial__items { gap: 6px; margin-bottom: 5px; font-size: 13.5px; } 
.payment__items { max-width: 54px; } 
.flex_bottom { font-size: 12px; height: auto; padding: 10px 0; } 
.btn-cartDesk { bottom: 120px; transform: scale(0.7); right: 5px; } 
.scrollToTop { width: 30px; height: 30px; bottom: 75px; right: 15px; } 
.toolbar { padding: 6px !important; } 
.box_thuctinh a { padding: 3px 6px 2.5px; font-size: 14px; } 
.price-new-pro-detail { font-size: 1.35rem; } 
 }
@media (max-width: 575px){
 .grid-partner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
.banner__bottom, .banner, .time-newshome { display: none; } 
.title-main span, .title-detail h1, .title-main h1, .title-detail h2, .title-main h2 { font-size: 20px; } 
.info-project { padding: 10px; } 
.name-project { font-size: 15px; } 
.grid-product, .grid-product-hot, .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
.show nav > .d-none { display: flex !important; justify-content: center; width: 100%; } 
 }