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: block; } 
.breadCrumbs .wrap-content .breadcrumb { padding: 0; } 
.DRMenu_nav { display: flex; } 
}
@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; } 
.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% + 12px) / 2 - 12px)); grid-gap: 12px; } 
.flex_footer { flex-wrap: wrap; } 
.fcol1 { width: 100%; margin-bottom: 20px; } 
.fcol2 { width: 100%; 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; } 
.h_right { display: none; } 
.flex_header { height: auto; justify-content: space-evenly; align-items: center; padding: 10px 0; gap: 10px; } 
.about_slogan { display: none; } 
.about_images { width: 100%; padding-left: 0; margin-bottom: 20px; } 
.about_content { width: 100%; } 
.post_left { width: 100%; margin-bottom: 20px; } 
.post_right { width: 100%; } 
.flex_post::before { display: none; } 
.post_title_left { text-align: center; } 
.post_title_right { text-align: center; } 
.post_title_left::before { left: 50%; transform: translateX(-50%); } 
.post_title_right::before { right: 50%; transform: translateX(50%); } 
}
@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% + 8px) / 2 - 8px)); grid-gap: 8px; } 
#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: 30px 0 20px; } 
.ft_txt { line-height: 1.5; } 
.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; padding-bottom: 10px; } 
.wrap_title { margin-bottom: 12px; padding-bottom: 10px; } 
.wrap_newsnb { padding: 20px 0; } 
.ft_desc { font-size: 30px; margin-bottom: 5px; } 
.footer_title { font-size: 15px; margin-bottom: 8px; } 
.footer-ul li { margin-bottom: 8px; padding-bottom: 0; list-style-position: inside; border-bottom: none; } 
.sp__txt { padding: 8px 6px; } 
.sp__items { border-radius: 10px; padding: 5px; } 
.sp__name h3 { font-weight: bold; font-size: 13px; margin-bottom: 6px; } 
.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; margin-left: 3px; } 
.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; } 
.quantity-pro-detail { max-width: 100px; } 
.quantity-pro-detail span { width: 30px; border: 1px solid #cccccc; } 
.quantity-pro-detail input { height: 45px; border: 1px solid #cccccc; font-size: 15px; padding: 3px; width: calc(100% - 60px); } 
.flex_header { padding: 8px 0; gap: 0; display: flex; justify-content: space-between; } 
.h_logo { display: block; width: 18%; } 
.h_banner { width: 80%; } 
.wrap_spnew { margin: 20px 0; } 
.sp__info { font-size: 12px; display: block; } 
.sp__info b { font-weight: bold; font-size: 11px; } 
.sp__bottom { gap: 5px; } 
.sp__info svg { width: 15px; height: 15px; } 
.wrap_splistnb { margin: 20px 0; } 
.category_tabs { gap: 6px; margin-bottom: 12px; } 
.tabs__item { padding: 6px 12px; font-size: 12px; } 
.about__img { width: 80%; } 
.about__wc { font-size: 14px; margin-bottom: 8px; } 
.about__name { font-size: 25px; margin-bottom: 10px; } 
.about__desc { font-size: 14px; margin-bottom: 10px; line-height: 1.6; } 
.about__content { font-size: 14px; margin-bottom: 12px; } 
.about__link { padding: 8px 16px; font-size: 13px; } 
.about__link::before { top: -10px; } 
.wrap_about { padding: 110px 0 30px; } 
.wrap_post { padding: 20px 0; } 
.post_title_left { font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; } 
.n__items .n__img { width: 45%; } 
.n__items { gap: 8px; } 
.n__name { font-size: 13.5px; line-height: normal; margin-bottom: 5px; } 
.n__time { font-size: 10px; margin-bottom: 8px; } 
.n__desc { font-size: 12.5px; line-height: 1.4; margin-bottom: 0; } 
.n__link { display: none; } 
.slick_newsnb .slick-slide { margin-bottom: 10px; } 
.post_title_right { font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; } 
.wrap_newsletter { padding: 20px 0; } 
.nlt_desc { font-size: 12px; line-height: 1.5; } 
.grid_nlt { grid-template-columns: repeat(1, 1fr); grid-gap: 8px; margin-bottom: 12px; } 
.grid_nlt input { grid-column: 1 / 2 !important; grid-row: auto !important; } 
.grid_nlt textarea { grid-column: 1 /2 !important; grid-row: auto !important; } 
.btn_form_sm { padding: 8px 16px; font-size: 13px; } 
.ft_line { height: 1px; margin-bottom: 12px; } 
.ft_name { margin-bottom: 8px; } 
.ft_mxh { gap: 8px; margin-top: 10px; } 
}