body { min-width: 0 !important; max-width: 100% !important; } 
@media (max-width: 1024px){
 .slideshow { margin: 0; } 
 .control-owl { display: none; } 
#messages-facebook { display: none; } 
.btn-frame { display: none; } 
.menu { display: none; } 
.header { display: none; } 
.breadCrumbs .wrap-content .breadcrumb { padding: 0; } 
.DRMenu_nav { display: flex; } 
.flex_slide { flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin: 0; min-height: 0; gap: 8px; } 
.slideshow { width: 100% } 
.slide_right { width: 100%; height: auto; overflow: hidden; aspect-ratio: unset; padding: 0 4px; } 
.box_slider { margin: 0; padding: 0; } 
.slick_banner_qc .slick-slide { margin: 0 4px; } 
 }
 @media (max-width: 768px){
 .content-responsive img, .content-responsive iframe, .content-responsive source, .content-responsive figure { width: auto !important; height: auto !important; max-width: 100%; overflow: hidden; } 
.breadCrumbs .wrap-content { padding: 0.2rem 15px 0.3rem; font-size: 14px; } 
.breadcrumb-item { line-height: normal; } 
.col_category {width: 100%;position: relative;top: unset;order: 2;margin-top: 12px;} 
.col_content { width: 100%; position: relative; top: unset; order: 1; } 
div#wrap_delivery { left: 10px; transform: scale(.8); transform-origin: left; } 
.col_content .grid_product, .grid_product { grid-template-columns: repeat(2, calc((100% + 0px) / 2 - 0px)); grid-gap: 10px 0px; } 
.flex_footer { flex-wrap: wrap; } 
.fcol1 { width: 100%; margin-bottom: 20px; } 
.fcol2 { width: 48%; margin-bottom: 20px; } 
.fcol3 { width: 100%; margin-bottom: 20px; } 
.fcol4 { width: 100%; } 
.footer_main { background-size: cover; } 
.flex_bottom { height: auto; flex-direction: column; align-items: center; text-align: center; padding: 5px 0; } 
.top { display: none; } 
.header { display: none; } 
.grid_product .sp__item:nth-child(1), .grid_product .sp__item:nth-child(6) { border-left: none; } 
.grid_product .sp__item:nth-child(odd) { border-left: 1px solid #CECECE; } 
.media_left { width: 100%; margin-bottom: 20px; } 
.media_right { width: 100%; } 
 }
 @media (max-width: 500px){
 #hamburger { width: 30px; } 
.owl-pro-detail { padding: 0px 0px; } 
.grid-pro-detail { margin-bottom: 0.5rem; } 
#tabsProDetailContent { padding: 10px 0 !important; } 
.box-readmore { padding: 5px 10px; margin-bottom: 0.8rem; } 
.content-responsive h1 { font-size: 16.5px; line-height: normal; } 
.content-responsive h2 { font-size: 16px; line-height: normal; } 
.content-responsive h3 { font-size: 15.5px; line-height: normal; } 
.content-responsive h4 { font-size: 15px; line-height: normal; } 
.content-responsive h5 { font-size: 14.5px; line-height: normal; } 
.content-responsive h6 { font-size: 14px; line-height: normal; } 
.title-main { margin-bottom: .5rem; } 
.col_content .grid_product, .grid_product { grid-template-columns: repeat(2, calc((100% + 0px) / 2 - 0px)); grid-gap: 8px 0; } 
#popup-booking { max-width: 100%; padding: 15px; border-radius: 8px; } 
.booking_title { font-size: 20px; line-height: 1; margin-bottom: 15px; margin-top: 10px; font-weight: 900; } 
.form_booking { gap: 8px; } 
.form_booking input { width: 100%; height: 40px; padding: 0 10px; font-size: 13px; } 
.form_booking textarea { height: 50px; padding: 10px; font-size: 13px; } 
.form_booking input[type="submit"] { font-size: 15px; } 
#wrap_delivery { left: 5px; transform: scale(.65); } 
.footer_main { padding: 20px 0 20px; } 
.ft_txt { line-height: normal; } 
.ft_content { line-height: 1.5; } 
.news-name { margin-top: 0.8rem; } 
.wrap-main { margin: 10px auto; } 
.search-res .icon-search { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } 
.title_desc { font-size: 12px; letter-spacing: normal; width: 100%; padding: 0; } 
.wrap_title { margin-bottom: 10px; padding-bottom: 0; } 
.wrap_newsnb { padding: 20px 0; } 
.ft_desc { font-size: 30px; margin-bottom: 5px; } 
.footer_title { font-size: 13px; margin-bottom: 8px; } 
.footer-ul li { margin-bottom: 8px; padding-bottom: 0; list-style-position: inside; border-bottom: none; } 
.sp__txt { padding: 6px 0 0; } 
.sp__items { border-radius: 10px; padding: 5px; } 
.sp__name h3 { font-weight: 500; font-size: 13px; margin-bottom: 4px; min-height: 40px; } 
.sp__price_new span { font-size: 10px; margin-left: 5px; } 
.sp__price { font-size: 11px; } 
.sp__price span { font-size: 12px; } 
.sp__price_old { font-weight: 400 !important; } 
.tabs-pro-detail { margin-top: 0.5rem !important; } 
.right-pro-detail.mb-4, .attr-pro-detail { margin-bottom: 0.5rem !important; } 
.attr-pro-detail { list-style: none; padding: 0px; font-size: 13px; } 
.tabs-pro-detail .nav-tabs .nav-link { font-size: 13px; } 
.attr-pro-detail { font-size: 13px; } 
.flex_slide { gap: 6px; } 
.wrap_spbc { padding: 20px 0 0; } 
.border_spbc { padding: 6px; } 
.spbc_title { gap: 5px; font-size: 18px; padding: 3px 5px 7px; } 
.spbc_title img { height: 25px; } 
.box_spbc { padding: 8px 8px; } 
.spbc_more { margin-top: 8px; font-size: 13px; padding: 6px 12px; } 
.sp__item { padding: 5px; } 
.wrap_splistnb { padding: 20px 0 15px; } 
.splistnb_nav { border-top: 2px solid var(--c1); gap: 0px; margin-bottom: 10px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } 
.splistnb__title { height: auto; line-height: normal; padding: 6px 10px; font-size: 15px; } 
.splistnb__title::before { width: 20px; height: 100%; background-position: left; } 
.spcat { gap: 5px 10px; padding: 8px; } 
.spcat__item { font-size: 14px; } 
.spcat__line { height: 15px; } 
.sp__addcart { width: 32px; height: 32px; font-size: 14px; } 
.wrap_tagsnb { padding: 15px 0; } 
.tags_nav { padding: 10px; gap: 6px 20px; } 
.tags__item { font-size: 13.5px; } 
.tags__item.active { font-size: 14px; } 
.wrap_media { padding: 20px 0; } 
.media_title { font-size: 20px; margin-bottom: 8px; } 
.news_left { width: 100%; margin-bottom: 10px; } 
.media_line { margin-bottom: 12px; } 
.fcol1 { gap: 10px; } 
form.nlt_form { margin-top: 5px; } 
.footer-ul li a {font-size: 12.5px;} 
.footer_title {font-size: 14px;} 
 }