@media (min-width: 1200px) { } 
@media (max-width: 1200px) { } 
@media (max-width: 1024px) {body { width: 100vw; } 
.flex_top { width: 100%; } 
.menu { display: none; } 
.menu-res { display: block; height: auto; background: #fff; position: sticky; top: -1px; z-index: 1001; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; } 
.menu-bar-res { height: auto; padding-top: 3px; padding-bottom: 3px; } 
#hamburger:before, #hamburger:after, #hamburger span { background: var(--c2); } 
.btn-frame { display: none; } 
div#messages-facebook { display: none; } 
.search-res .icon-search { color: var(--c2); } 
.mmenu_cart { display: block; width: 45px; color: var(--c2); position: relative; text-align: center; } 
.mmenu_cart svg { width: 40px; height: 40px; } 
.mmenu_cart span { width: 20px; height: 20px; position: absolute; bottom: -5px; right: 0; border-radius: 100%; background: var(--c1); font-size: 14px; color: #fff; display: flex; font-weight: 900; align-items: center; justify-content: center; } 
.mmenu_center { flex: 1; margin: 0 15px; text-align: center; } 
.mmenu_logo { display: block; width: 100%; height: 115px; transition: all 0.2s linear; margin: 0px auto; } 

.mmenu_logo img { width: auto; height: 100%; } 
.mmenu_search { width: 100%; height: 0; transition: all 0.2s linear; overflow: hidden; align-items: center; display: flex; } 
.search { width: 100%; background: #fff; height: 45; border-radius: 5px; margin-left: 0; } 
.menu-res.scrolled .mmenu_logo { height: 60px; overflow: hidden; transition: all 0.2s linear; transform: scale(0.6); transform-origin: top; } 
.menu-res.scrolled .mmenu_center { height: 72px; transition: all 0.2s linear; } 
.menu-res.scrolled .mmenu_search { width: 100%; height: 55px; transition: all 0.2s linear; overflow: hidden; } 
.btn_datlich { position: fixed; left: 5px; bottom: 20%; right: unset; z-index: 1000; } 
.top_center { display: none; } 
.top_right { display: block; width: 0; } 
.top_left { width: 100%; } 
.top__hotline { display: none; } 
.top_search { display: none; } 
 }
@media (max-width: 768px){
 .control-owl { display: none; } 
.grid_product.page { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } 
.grid_product { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } 
.gt_content { width: 100%; margin-bottom: 25px; } 
.gt_images { width: 60%; margin-bottom: 20px; } 
.wrap_feedback { width: 100%; padding: 25px 0; } 
.wrap_video { width: 100%; } 
.banner_spnb { display: none; } 
.show_spnb { width: 100%; position: relative; } 
.nlt_form::before { display: none; } 
.nlt_title { padding-left: 0; margin-bottom: 20px; text-align: center; } 
form.nlt_form { padding-left: 25px; } 
.flex_footer { flex-wrap: wrap; padding-bottom: 25px; } 
.fcol1 { width: 100%; margin-bottom: 20px; } 
.fcol2 { width: 100%; margin-bottom: 20px; } 
.fcol3 { width: 100%; } 
#bottom .flex_cpy { flex-direction: column; } 
#bottom { font-size: 12px; line-height: 2; padding: 10px 0; height: unset; } 
.wrap_gioithieu { background: #e9fcfe; } 
.gt__link { margin-bottom: 0; color: var(--c2); } 
.gt__desc { font-size: 14px; margin-bottom: 10px; } 
.grid_feedback { grid-template-columns: repeat(2, calc((100% + 20px) / 2 - 20px)); grid-gap: 20px; } 
.border_form { width: 60%; } 
.datban_title { font-size: 15px; } 
.cty_left { width: 100%; margin-bottom: 0; order: 5; margin-top: 20px; } 
.cty_right { width: 100%; } 
.btn_datlich { bottom: 10%; } 
.wrap_popup .border_form { width: 100%; padding: 10px; height: 100%; } 
.wrap_popup .form_datban textarea { height: 60px; } 
.wrap_popup_booking .border_form { width: 100%; padding: 10px; height: 100%; } 
.wrap_popup_booking .form_datban textarea { height: 60px; } 
.box_banggia { width: 97%; margin: auto; float: none; } 
.box_bgia { font-size: 14px; } 
.box_bgia2 { font-size: 13px; } 
.datban_name { font-size: 20px; } 
.form_popup .datban_title { color: #fff; font-size: 16px; } 
.grid_news { grid-template-columns: repeat(2, calc((100% + 15px) / 2 - 15px)); grid-gap: 15px; } 
#popup .wrap_popup a { height: auto; } 
#popup .wrap_popup a img { height: auto; object-fit: contain; } 
 }
@media (max-width: 500px){
 .wrap-content { overflow: hidden; } 
.wrap-main { margin: 10px auto; } 
.grid_product.page { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
.grid_product { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
.top__item.hotline { display: none; } 
.top__item.add { width: 100%; } 
.top__item span { flex: 1; } 
.top__item span { flex: 1; font-size: 12px; line-height: 1.3; } 
.wrap_gioithieu { padding: 25px 0; } 
.wrap_dichvu { padding: 20px 0; } 
.wrap_title::before { height: 25px; background-size: contain; } 
.wrap_title { padding-top: 10px; margin-bottom: 12px; } 
.title_main { font-size: 22px; } 
.title_desc { font-size: 12px; margin-top: 2px; } 
.dv__txt { padding: 10px 8px; } 
.dv__name { font-size: 14px; margin-bottom: 5px; } 
.dv__desc { line-height: 1.3; } 
.media_title { font-size: 22px; margin-bottom: 12px; } 
.fb__img { margin-bottom: 8px; } 
.fb__name { font-size: 14px; } 
.wrap_media { padding: 25px 0; } 
.wrap_tieuchi { padding: 25px 0; } 
.tc__name { font-size: 14px; margin-bottom: 8px; } 
.tc__desc { line-height: 1.3; } 
.wrap_spnb { padding: 25px 0; } 
.sp__name { font-size: 14px; margin-bottom: 3px; } 
.sp__price { font-size: 15px; } 
.wrap_newsletter { padding: 25px 0; } 
.nlt_name { font-size: 22px; } 
.nlt_desc { font-size: 13px; } 
form.nlt_form { padding: 8px !important; } 
.col_input { width: 100%; position: relative; } 
.col_input input:last-of-type { margin-bottom: 10px; } 
.col_input input { margin-bottom: 10px; } 
.wrap_newsnb { padding: 25px 0; } 
.n__name { font-size: 14px; } 
.n__time { font-size: 12px; margin-bottom: 0px; } 
.n__desc { font-size: 14px; line-height: 1.3; margin-bottom: 10px; } 
#bottom { font-size: 10px; line-height: 1.5; padding: 8px 0; } 
.news-name { margin-top: 1rem; } 
.title-main span { font-size: 23px; } 
.top_slogan { height: 30px; line-height: 30px; font-weight: 700; font-size: 12px; } 
.topbar .wrap-content { padding: 0; } 
.title_name { font-size: 22px; } 
.gt_images { width: 80%; } 
.gt__wc { font-size: 30px; } 
.gt__name { font-size: 22px; line-height: 1.2; margin-bottom: 10px; padding-bottom: 10px; } 
.grid_feedback { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
.fb__items { padding-left: 10%; } 
.fb__img2 { border: 2px solid #fff; bottom: 75px; transform: rotate(-20deg) translateX(0px); } 
.fb__txt { width: 100%; text-align: center; padding-top: 0; padding-left: 0px; margin-bottom: 10px; } 
.fb__img { border: 3px solid var(--c2); } 
.fb__desc { font-size: 12px; } 
.wrap_datlich { padding: 20px 0; } 
.flex_datlich { display: flex; flex-direction: column; } 
.banner_dl { width: 100%; margin-bottom: 20px; } 
.border_form { width: 100%; padding: 12px; height: 100%; } 
.form_datban input { width: 100% !important; height: 35px; border: 1px solid #d4d4d4; margin-bottom: 8px; padding: 0 10px; padding-left: 45px; font-size: 12px; } 
.form_datban input[type='submit'] { height: 35px; font-size: 15px; } 
.wrap_popup a { height: 460px; display: block; } 
.wrap_popup a img { width: 100%; height: 100%; object-fit: cover; } 
.wrap_popup_booking a { height: 460px; display: block; } 
.wrap_popup_booking a img { width: 100%; height: 100%; object-fit: cover; } 
.btn_datlich { bottom: calc( 40px + 10px ) !important; } 
.grid_tieuchi { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
.tc__items { padding: 15px 10px; } 
.footer_main { padding: 30px 0 0; } 
.ft_name { font-size: 22px; } 
.ft_txt { font-size: 14px; line-height: 1.8; } 
.footer_title { font-size: 15px; position: relative; margin-bottom: 10px; padding-top: 0; } 
.flex_chinhanh { display: flex; flex-direction: column; } 
.chinhanh_list { width: 100%; height: 300px; overflow-y: scroll; overflow-x: hidden; padding-left: 10px; margin-bottom: 0; order: 5; margin-top: 20px; } 
.tc__img { margin-bottom: 10px; } 
.tc__name { font-size: 13px; margin-bottom: 0; } 
.tc__items { padding: 10px 8px; } 
.wrap_cty { padding: 25px 0; } 
.cn__items { padding: 10px 8px; margin-bottom: 5px; line-height: 1.6; font-size: 13px; } 
.chinhanh_show { width: 100%; height: 500px; } 
.wrap_chinhanh { padding: 10px 0 20px; } 
.title-main { margin-bottom: .8rem; } 
.grid_news { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
h3.news__name { font-size: 14px; } 
.news__txt { padding: 5px; } 
.footer_slogan { font-size: 13px; } 
.custom-social-proof { bottom: calc( 40px + 20px + 30px) !important; left: 5px !important; transform: scale(0.8); transform-origin: bottom left; } 
.newsletter_logo a { height: 100px; } 
.newsletter_logo a img { object-fit: contain; } 
 }