@media (min-width: 1200px) { } 
@media (max-width: 1200px) { } 
@media (max-width: 1024px){
 .flex_top { width: 100%; height: auto; padding: 3px 0; } 
.menu { display: none; } 
.menu-res { display: block; height: auto; background: var(--c1); 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: 5px; padding-bottom: 5px; } 
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; } 
.btn-frame { display: none; } 
div#messages-facebook { display: none; } 
.search-res .icon-search { color: #fff; border: 1px solid; } 
.mmenu_center { width: max-content; margin: 0 15px; text-align: center; } 
.mmenu_logo { display: block; width: max-content; height: 80px; transition: all 0.2s linear; } 
.mmenu_logo img { width: auto; height: 100%; transition: all 0.2s linear; } 
.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: 40px; overflow: hidden; transition: all 0.2s linear; } 
.menu-res.scrolled .mmenu_search { width: 100%; height: 55px; transition: all 0.2s linear; overflow: hidden; } 
.mm_right { width: 25%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } 
.mm_left { width: 25%; } 
.header_left { display: flex; width: 100%; } 
.topbar { display: none; } 
.slideshow { margin-top: 0; } 
.slideshow::before { display: none; } 
.slide_content { display: none; } 
.wrap_booking { width: 90%; } 
form.nlt_form { grid-template-columns: repeat(4, calc((100% + 10px) / 4 - 10px)); grid-gap: 10px; } 
.slide_mxh { display: none; } 
.slideshow .slick-dots { display: none; } 
.gt__name { font-size: 30px; margin-bottom: 10px; } 
.row_footer { display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; } 
 }
@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; } 
form.nlt_form { grid-template-columns: repeat(4, calc((100% + 10px) / 4 - 10px)); grid-gap: 10px; } 
form.nlt_form { grid-template-columns: repeat(2, calc((100% + 8px) / 2 - 8px)); grid-gap: 8px; } 
.form_input.fullname { order: 1; } 
.form_input.phone { order: 2; } 
.form_input.email { order: 3; } 
.form_input.ngayden { order: 5; } 
.form_input.ngaydi { order: 6; } 
.form_input.soluong { order: 4; } 
.form_input.loaiphong { order: 7; } 
.form_input.btn_sm { order: 7; } 
.gt_images { order: -1; width: 100%; margin-bottom: 20px; } 
.gt_content { width: 100%; } 
.phong__img { width: 100%; margin-bottom: 20px; } 
.phong__txt { width: 100%; } 
.frow_left { width: 100%; margin-bottom: 10px; text-align: center; } 
.frow_right { width: 100%; } 
 }
@media (max-width: 500px){
 .wrap-main { margin: 10px 0; padding: 0 15px; } 
.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; } 
.mmenu_logo { display: block; width: max-content; height: 50px; transition: all 0.2s linear; } 
.news-name { margin-top: 1rem; } 
.title-main span { font-size: 20px; } 
.title-main { margin-bottom: .5rem; } 
.wrap_booking { width: calc( 100vw - 20px ); padding: 12px; } 
.bk_icon { width: 30px; margin-right: 8px; } 
.bk__title { font-size: 17px; margin-bottom: 4px; font-weight: 500; } 
.bk__desc { font-size: 11px; } 
.bk_nav { padding-bottom: 10px; margin-bottom: 15px; } 
.form_input label { font-size: 12px; } 
.form_input input { font-size: 12px; height: 30px; } 
input.btn_form_sm { height: 50px; } 
.form_input select { height: 30px; } 
.wrap_gioithieu { padding: 20px 0; } 
.gt_images { padding: 0; background-position: bottom right; } 
.gt__wc { font-size: 13px; margin-bottom: 2px; } 
.gt__name { font-size: 25px; margin-bottom: 5px; } 
.gt__desc { font-size: 14px; line-height: 1.5; margin-bottom: 10px; padding-left: 0; } 
.gt__desc::before { display: none; } 
.btn_viewmore { padding: 8px 16px; margin-left: 0; font-size: 10px; } 
.wrap_dichvu { padding: 20px 0; } 
.title_wc { font-size: 12px; margin-bottom: 3px; } 
.title_main { font-size: 23px; margin-bottom: 5px; } 
.title_desc { font-size: 13px; margin-top: 5px; } 
.wrap_title { padding-bottom: 20px; margin-bottom: 15px; } 
.dv__txt { padding: 10px; } 
.dv__slog { font-size: 13px; margin-bottom: 3px; } 
.dv__name { font-size: 14px; margin-bottom: 5px; } 
.dv__name .text-split-1 { -webkit-line-clamp: 2 !important; } 
.dv__desc { font-size: 12px; line-height: 1.5; margin-bottom: 10px; } 
.dv__link { font-size: 10px; padding: 6px 12px; margin: 0; width: 100%; text-align: center; } 
.phong__items { margin: 20px 0; } 
.phong__icon { margin-bottom: 10px; max-width: 35px; } 
.phong__name { font-size: 16px; margin-bottom: 10px; } 
.phong__desc { font-size: 14px; margin-bottom: 15px; } 
.phong__link { grid-template-columns: repeat(4, calc((100% + 5px) / 4 - 5px)); grid-gap: 5px; } 
.phong__link a:nth-child(1) { grid-column: 1 / 3; grid-row: 2 / 3; } 
.phong__link a:nth-child(2) { grid-column: 3 / 5; grid-row: 2 / 3; } 
.phong__link a:nth-child(3) { grid-column: 1 / 5; grid-row: 1 / 2; } 
.wrap_tienich { padding: 20px 0; } 
.ti__txt { padding: 10px; } 
.ti__desc { line-height: 1.5; } 
.ti__name { font-size: 14px; margin-bottom: 12px; margin-top: 12px; } 
.ti__img { width: auto; max-width: 120px; min-height: 120px; background-size: contain; } 
.wrap_feedback { padding: 20px 0; } 
.fb__content { padding: 12px; font-size: 13px; line-height: 1.5; } 
.fb__txt { padding: 8px 8px; } 
.fb__name { font-size: 13px; margin-bottom: 3px; } 
.fb__desc { font-size: 12px; } 
.fb__img { max-width: 65px; border: 2px solid #fff; margin-right: 0; margin-top: -10px; } 
.wrap_album { padding: 20px 0; } 
.grid_album { grid-template-columns: repeat(2, 1fr); grid-gap: 5px; } 
.ab__item.ab1 { grid-column: 1 / 3; grid-row: 1 / 2; } 
.ab__item.ab2 { grid-column: 1 / 2; grid-row: 2 / 3; } 
.ab__item.ab3 { grid-column: 2 / 3; grid-row: 2 / 3; } 
.ab__item.ab4 { grid-column: 1 / 2; grid-row: 3 / 4; } 
.ab__item.ab5 { grid-column: 2 / 3; grid-row: 3 / 4; } 
.wrap_newsnb { padding: 20px 0; } 
.blog__time { left: 5px; top: 5px; font-size: 12px; padding: 5px 8px; } 
.blog__time b { font-size: 15px; } 
.blog__txt { padding: 8px; } 
.blog__name { font-size: 14px; margin-bottom: 5px; } 
.blog__desc { line-height: 1.5; margin-bottom: 0; } 
.blog__link { display: none; } 
.footer_main { padding: 30px 0 0; } 
.ft_name { font-size: 25px; margin-bottom: 10px; } 
.ft_desc { font-size: 14px; } 
.flex_footer { flex-direction: column; margin-bottom: 20px; } 
.fcol { max-width: 100%; margin-bottom: 15px; } 
.ft__item { width: 100%; } 
.ft__img { max-width: 50px; margin-right: 10px; } 
.ft__txt { line-height: 1.5; } 
.wrap_policy { padding: 10px 0 8px; } 
.f_logo img { max-width: 150px; } 
.f_mxh { padding: 15px 0px 10px; } 
div#bottom .flex_cpy { flex-direction: column; padding: 8px 0; font-size: 10px; } 
.slideshow { margin-bottom: -50px; } 
.scr { display: none; } 
 }