@media (min-width: 1200px) { } 

@media (max-width: 1200px) { } 

@media (max-width: 1024px){
 .search-res .icon-search { /* background: white; */
 /* color: black; */
 /* border: 1px solid var(--c1); */
 /* border-radius: 0px; */ } 
 .search-res .search-grid p { color: var(--c2); /* border-right: 1px solid var(--c2); */ } 
 .search-res .icon-search.active { /* color: var(--c2); */
 /* border-radius: 0px; */ } 
 a#hamburger { width: 30px; } 
.logorp { width: 65px; } .gr_main_menu { display: flex; justify-content: center; } 
 .group_gioi_thieu { width: 49%; } 
 .topbar { padding: 10px 0; } 
 .gr_flex_open_phone { display: none; } 
 .fcol3 { width: 27%; } 
 .grid_album { margin-left: 20px; } 
 .grid_img_gt { width: 60%; } 
 .wrap_gioi_thieu::after { display: none; } 
 .wrap_tieu_chi { background-size: 100% 100%; } 
 .tc_right_id { width: calc(100% - 44%); } 
 .title_btn_tt { width: 39%; } 
 .wrap_gioi_thieu { background-size: 100% 100%; } 
 .group_title_gioithieu { width: 100%; padding: 50px 0; } 
 a.gioithieu__img { width: 100%; border: none; } 
 .pop_slider_2 .menu { display: none; } 
 .pop_slider .menu { display: none; } 
 .gt_static { transform: translateX(48%); width: 67%; padding-right: 34px; } 
 .footer { margin-bottom: 0px !important; } 
 ul.bg_menu { display: none; } 
 .search-res .icon-search { /* width: 40px; *//* height: 37px; *//* cursor: pointer; *//* color: black; *//* font-size: 17px; *//* margin: 0px; *//* line-height: 42px; *//* text-align: center; */ } 
 .flex_wrap_slider_noithat { display: flex; flex-wrap: wrap; flex-direction: column; } 
 .menu-res { display: block; position: sticky; top: 0px; z-index: 500; height: auto; } 
 a.btn-zalo.btn-frame.text-decoration-none { display: none; } 
 a.btn-phone.btn-frame.text-decoration-none { display: none; } 
 div#messages-facebook { display: none; } 
 .gr_mondbiet { display: flex; flex-direction: column-reverse; gap: 20px; } 
.left_title_mondacbiet { position: relative; top: 0; left: 0; width: 100%; height: 100%; } 
.right_title_mondacbiet { width: 100%; } 
.gr_sukien { display: flex; flex-direction: column; } 
.left_sukien { width: 100%; } 
.right_sukien { width: 100%; padding: 35px 25px; } 
svg.bi.bi-geo-alt { width: 20px; height: 20px; color: white; } 
.search-res .search-grid { /* border-radius: 0px; */
 line-height: normal; } 
.search.w-clear { width: 120px; border-radius: 0px; height: 30px; } 
.search input { width: calc(100% - 30px); height: 30px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; font-size: 10px; padding: 0 5px; color: black !important; } 
.search p { width: 30px; height: 30px; font-size: 14px; } 
 }

@media (max-width: 768px){
 .menu-bar-res { height: 67px; } 
 .right__sanpham { width: calc(100%); } 
 .right_daychuyensx { width: 100%; } 
 .flex_daychuyensx { display: flex; flex-direction: column; } 
 .left_daychuyensx { width: 100%; } 
 .flex_sanpham.eventsp { display: flex; flex-direction: column; } 
 .right_sanpham { grid-template-columns: repeat(2,1fr); gap: 20px; } 
.left_sanpham { width: 100%; height: 500px; } 
 .left_sanpham { width: 100%; } 
 .flex_sanpham { display: flex; flex-direction: column; } 
 .grid_listsanpham { grid-template-columns: repeat(2,1fr); gap: 20px; } 
 .right_video { width: 100%; } 
 .left_title_video { width: 100%; } 
 .wrap_video { display: flex; flex-direction: column; padding: 20px 0; } 
 .flex_gioithieu { display: flex; flex-direction: column; } 
 .left_gt { width: 100%; } 
 .right_gt { width: 100%; } 
 .gioithieu_left { width: 100%; } 
 .gr_nav_imggt { width: 100%; } 
 .lhdh_flex { display: flex; flex-direction: column; } 
 .lhdh_right { width: 100%; } 
 .flex_copyright { display: flex; text-align: center; padding: 10px 0; flex-direction: column; } 
 .flex_bottom_ft { display: inline; } 
 .right_khachhang { padding: 10px; width: 100%; } 
 .left_khachhang { width: 100%; text-align: center; } 
 .flex_khachhang { display: inline; width: 100%; } 
 .grid_albumha { display: flex; flex-direction: column; gap: 10px; } 
 .gr_khong_gianquan { padding-top: 20px; } 
 .wrap_gioi_thieu { padding: 50px 0; } 
 .wrap_gioi_thieu { padding: 50px 0; } 
 .group_gioi_thieu { width: 100%; transform: translateX(0px) translateY(0px); margin-top: 20px; } 
 .gr_img_gt { display: inline; width: 100%; } 
 .grid_album { margin-left: 0; padding-top: 20px; } 
 .flex_gioi_thieu { padding-bottom: 20px; display: flex; flex-direction: column-reverse; } 
 .title_btn_tt { width: 29%; } 
 .grid-page.w-clear { grid-gap: 15px; display: grid; grid-template-columns: repeat(2, 1fr); } 
 .footer-statistic.col-md-6 { font-size: 12px; } 
 .footer-copyright.col-md-6 { font-size: 10px; } 
 .fcol4 { width: 100%; } 
 .fcol3 { width: 100%; } 
 .fcol2 { width: 100%; } 
 .fcol1 { margin-top: 20px; width: 100%; height: 100%; margin: 10px 0; } 
 .gt_static { width: 100%; padding: 0; margin: 0; transform: translateX(0%); border: none; box-shadow: none; height: auto; } 
 .gt_static { padding: 0 50px; } 
 .flex_footer { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-start; } 
 }
@media (max-width: 500px){
    .name_spbc.text-split-1{-webkit-line-clamp: 2 !important;min-height: 42px;}
    .grid-page.w-clear{grid-gap: 10px;}
    .cart-add  img{width: 18px;}
    .cart-product span{margin-top: 5px;font-size: 12px;}
    .cart-product span:nth-child(1){width: 30%;}
    .cart-product span:nth-child(2){flex: 1;width: 68%;}
 .footer-ul { display: flex; flex-flow: row wrap; justify-content: space-between; } 
 .footer-ul li { width: calc(50% - 5px); margin-bottom: 10px; } 
 .footer-ul li a { } 
 .video-main { height: 250px; } 
 .footer-ul li a { font-size: 12px; } 
 .footer_title1 { font-size: 17px; margin-bottom: 10px; } 
 .desc_tieuchi { font-size: 12px; } 
 .name_tieuchi { font-size: 14px; margin-bottom: 5px; } 
 .wrap_tieuchi { padding: 10px 0; } 
 .wrap_daychuyensx { padding: 20px 0; } 
 .desc_blog { font-size: 12px; } 
 .name_blog { font-size: 14px; min-height: 42px; } 
 .title_daychuynsx {font-size: 20px;margin-bottom: 20px;} 
 .right_sanpham { gap: 8px; } 
 .gr_titlesp { font-size: 25px; } 
 .wrap_sanpham { padding: 20px 0; } 
 .price-new { font-size: 14px; } 
 .name_spbc { font-size: 14px; } 
 .wrap_sanphambanchay { padding: 20px 0; } 
.wrap_listsp { padding: 10px 0; } 
 .namelsp { font-size: 10px; } 
 .grid_listsanpham { grid-template-columns: repeat(3,1fr); gap: 8px; } 
 .iconl_sp { width: 50px; height: 50px; } 
 .title_gioithieu { font-size: 16px; } 
 .title_gioithieu1 { font-size: 30px; } 
 .left_linegt { display: none; } 
 .gr_descgioithieu { margin: 30px 0; } 
 .right_descgt { font-size: 14px; line-height: 1.5; width: calc(100%); } 
 .btnxemthem a { font-size: 11px; } 
 .title_bannerqc { font-size: 25px; margin-bottom: 20px; } 
 .banner_qc { min-height: 400px; margin-bottom: 0; } 
 .wrap_mondatbiet { padding: 20px 0; } 
 .name_mondb { font-size: 20px; } 
 .left_title_mondacbiet { padding: 20px; } 
 .desc_mdb { font-size: 15px; } 
 .txt_lvhd1 { font-size: 20px; } 
 .slogan1 { font-size: 15px; } 
 a.list_kgq.list_item { font-size: 15px; padding: 5px 10px; } 
 .gr_listkgq { height: auto; } 
 .wrap_khonggian { padding: 20px 0; } 
 .title_uudai { font-size: 20px; } 
 .wrap_uudai { padding: 20px 0; } 
 .title_uudai1 { font-size: 15px; } 
 .right_sukien { padding: 20px; } 
 .name_sukien { font-size: 17px; } 
 p.line_sk { margin: 10px 0; } 
 .wrap_datban::after { display: none; } 
 .wrap_datban::before { display: none; } 
 .wrap_datban { padding: 20px 0; } 
 form.nlt_form { padding: 20px; margin-top: 20px; } 
 .grid_dbn { grid-template-columns: repeat(1,1fr); gap: 20px; } 
 .lb_lhdh { font-size: 14px; } 
 .nlt_form input[type='submit'] { font-size: 15px; } 
 .wrap_hoatdong { padding: 20px 0; } 
 .name_hoatdong { font-size: 15px; } 
 .desc_hoatdong { font-size: 14px; } 
 .footer_title_name { font-size: 20px; } 
 .footer_title_ft { font-size: 15px; } 
 .left_title_video { font-size: 15px; } 
 .footer_main { padding: 20px 0; } 
 .album-name { font-size: 15px; } 
.title-main { font-size: 20px; } 
.wrap_gioi_thieu { padding: 20px 0; } 
.title_daychuynsx1 {font-size: 21px;color: #880200;text-align: start;margin-bottom: 0px;margin: 20px 0;} 
.gr_nameblog { height: auto; min-height: auto; max-height: none; padding: 10px; } 

.cart-fixed {bottom: 140px;right: 5px;}

 }