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;
}


 }

@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: 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: 15px; margin-bottom: 12px; } 
.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; } 
.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: 15%;
}

.h_banner {
    width: 83%;
}


 }