/* Responsive */
@media(max-width:1300px){
 .wrap-content { margin: 0px 15px; } 
.header { display: block; } 
.menu { display:block; } 
.menu-res { display:none; } 
.menu-res { height: 95px; } 
 }
@media(min-width:1025px){
 .header { display: block; } 
.menu { } 
.menu-res { display:none; } 
.btn-smt { position: relative; } 
.btn-smt::before { position: absolute; width: 30px; height: 49px; content: url(../imgs/goc-dk.png); bottom: 0; left: 100%; } 
.test { clear:left; min-width: 325px; max-width: 325px; min-height: 140px; max-height:140px; } 
 }
@media(max-width:1024px){
    .flex_lsanpham {
    height: auto;
}
 .test { clear:left; min-width: 235px; max-width: 235px; min-height: 145px; max-height:145px; } 
#messages-facebook, .btn-zalo,.btn-phone { display: none; } 
.adrs { margin-left: 10px; } 
.btn-smt { position: relative; } 
.fixed { min-width: 100%; } 
.group-tc { } 
 .header { display: none; } 
.hinh-ft { width: 73%; } 
.items-tc { align-items: center; width: 101%; } 
.logo-header2 img { width: 160px; } 
.logo-header2 { margin-top: 0px; width: 20%; } 
.menu-res { display:block; height: 95px; height: auto; width: 100%; } 
.menu { display:none; } 
.name-tc { font-size: 15px; } 
.tieuchi-center { margin-right: 0px; } 
.tle-dichvu { font-size: 22px; } 
.title-tintuc { position: absolute; bottom: 245px; margin-left: 25px; z-index: 10; } 
.supmit { position: absolute; bottom: 12px; right: 7px; width: 70% !important; } 
.xemthem-tt { width: 30%; } 
.wrap-sanpham { padding: 20px 0px 0px; } 
.wrap-dichvu { padding: 20px 0px 20px; } 
.wrap-camnhan { padding: 50px 0px 70px; } 
.wrap_doitac { padding: 0px 0px 60px; } 
.toolbar { } 
.grid-page, .grid-main-dv { grid-template-columns: repeat(3, 1fr); } 
 }
@media(max-width: 850px){
 .search-res { position: relative; width:auto; height: auto; background: transparent; display: flex; align-items: center; justify-content: center; border-radius: 0%; } 
.dknt_ft::before { display: none; } 
.dknt_ft::after { display: none; } 
.dknt_ft { width: 100%; } 
.top_footer { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; } 
.ft1 { width: 100%; } 
.ft2 { width: 100%; } 
.ft3 { width: 100%; } 
.bottomft { display: flex; flex-direction: column; } 
.right_duan { width: 100%; } 
.left_duan { width: 100%; } 
.gr_duan { display: flex; flex-direction: column; } 
.img__tc { transform: translateY(0px); } 
.left_imggt { width: 100%; display: flex; justify-content: space-evenly; } 
.group_gioi_thieu { width: 100%; } 
.flex_gioi_thieu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gr_tieuchi { width: 100%; } 
.test { clear:left; min-width: 230px; max-width: 230px; min-height: 140px; max-height:140px; } 
.txt-tieude { font-size: 25px; } 
.doitac { flex-direction: column; } 
.thuonghieu { text-align: center; font-family: 'font1_b'; font-size: 30px; color: var(--var1); margin-bottom: 20px; } 
.grid-page, .grid-main-dv { grid-template-columns: repeat(2, 1fr); } 
.slogan-tieude { width: 100%; } 
.name-dichvu { height: 40px; padding-top: 5px; } 
.adrs { margin-left: 10px; } 
.btn-smt { position: relative; } 
.grid-dv { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding-top: 15px; } 
.fixed { min-width: 100%; } 
.formdk { left: 0%; width: 100%; } 
.group-tc { } 
 .header { display: none; } 
.hinh-ft { width: 100%; } 
.hinh-dt img { display: none; } 
.thuonghieu { display: block; margin: 0; } 
.items-tc { align-items: center; width: 117%; } 
.logo-header2 img { } 
.logo-header2 { margin-top: 0px; width: 30%; } 
.menu-res { display:block; height: 95px; height: auto; width: 100%; } 
.menu { display:none; } 
.name-tc { font-size: 13px; } 
.tieuchi-center { margin-right: 0px; } 
.tle-dichvu { font-size: 22px; } 
.title-tintuc { position: absolute; bottom: 185px; margin-left: 25px; z-index: 10; } 
.supmit { position: absolute; bottom: 15px; right: 0px; width: 70% !important; } 
.sdtt { font-size: 20px; } 
.pos-absolute { bottom: 35px; right: 20px; } 
.xemthem-tt { width: 40%; } 
.wrap-camnhan { padding: 50px 0px 70px; } 
.wrap_doitac { padding: 0px 0px 60px; } 
.wrap-news { padding: 20px 0px; } 
.toolbar { } 
.gr-tt { flex-direction: column !important; } 
.news-left { width: 100%; } 
.news-left a img { width: 100%; } 
.news-right { width: 100%; } 
.news-time { font-size: 11px; } 
.flex-item-tt { width: 50%; } 
 }
@media(max-width:769px) {
    .title_tc {
    font-size: 25px;
    color: var(--c2);
}
.title_tc1{
   /* color: var(--c2);*/
 } 
 .numbtc{
    background:var(--c2);;
 }
 .name_tchi{
   color: var(--c2);
 }
 .desc_tchi{
   /* color: var(--c2);*/
 }
}
@media(min-width: 440px){
 .title-dau.formdk { display: block; } 
.title-dau.formdk2 { display: none; } 
.slide-tc { display: none; } 
.tieuchi { display: block; } 
 }

@media(max-width: 440px) {li.item-chinhsach a {font-size: 14px; } 
.title_ft {font-size: 20px; } 
.center_dknt {width: 100%; } 
.newsletter-input {width: calc(100%); } 
.pnltgrip {display: flex;flex-direction: column; } 
.txtdk2 {font-size: 12px; } 
.txtdk1 {font-size: 18px; } 
.dknt_ft {display: flex;flex-direction: column;transform: translateY(0px);padding: 0px; } 
.desc_tintuc {font-size: 12px; } 
p.day {font-size: 20px; } 
.name_tintuc {font-size: 14px; } 
.wrap_tintuc {padding: 20px 0; } 
.gr__tieuchi {display: flex;flex-direction: column; } 
.desc_tchi {font-size: 12px; } 
.name_tchi {font-size: 20px; } 
.gr__tieuchi.t1 {width: 100%;margin: 20px 0;display: flex;flex-direction: column; } 
.title_tc1 {width: 100%;font-size: 12px; } 
.wrap_tieuchi { padding: 20px 0; } 
.title_tc { font-size: 25px; } 
.name_duan { font-size: 18px; } 
.desc__duan { font-size: 14px; } 
.name__duan { font-size: 20px; } 
.gr_nameduan { padding: 0 10px; height: 110px; } 
.wrap_duan { padding: 20px 0; } 
.gr_namectrinh { padding: 15px 5px; } 
.name_congtrinh { font-size: 14px; } 
.wrap_congtrinh { padding: 20px 0; } 
.gr_sanpham { padding: 5px; } 
.price-new { font-size: 14px; line-height: 1; } 
.nmae_sanpham { font-size: 14px; } 
a.wrapsp.list_item { padding: 5px; font-size: 14px; } 
.wrap_sanpham { padding: 20px 0; } 
.name_dichvu { font-size: 20px; } 
.slogandv { font-size: 14px; } 
.title_dv { font-size: 40px; } 
.wrap_dichvu { padding: 20px 0; } 
.txt_gioi_thieu_desc { font-size: 14px; } 
.txt_gioi_thieu_name_top { font-size: 30px; } 
.wrap_gioi_thieu { padding: 20px 0px; } 
.txt_gioi_thieu_name { font-size: 40px; } 
.test { clear:left; min-width: 100%; max-width: 290px; min-height: 100px; max-height:100px; } 
.footer-powered .wrap-content { padding-top:10px; padding-bottom: 9px; } 
.flex-truy-cap { flex-direction: column; align-items: center; } 
.flexx-tc { text-align: center; } 
.news-name-tt a:last-child { font-size: 12px; line-height: 0px; } 
.xemthem-tt { line-height: 30px; width: 35%; } 
.xemthem-tt a { font-size: 12px; } 
.name-ft { font-size: 35px; } 
.formdk2 { padding: 30px 35px 80px; } 
.supmit { bottom: 10px; left: 18px; width: 90% !important; } 
.title-dau.formdk { display: none; } 
.title-dau.formdk2 { display: block; } 
.phon,.clr-white .addres { font-size: 10px; margin: -5px 0px 5px; } 
.phon i, .adrs i { font-size: 12px; } 
.newsletter-input input { width: 100%; background-color: white; } 
.slogan-tieude-dangky { font-size: 10px; } 
.txt-tieude { font-size: 20px; } 
.txt-tieude p { padding: 0; } 
.tle-txt { font-size: 12px; font-family: 'font1_b'; padding: 10px 0px 5px; } 
.lh span, .lh p { font-size: 11px !important; } 
.xemthem { padding: 0; } 
.xemthem a { font-size: 12px; width: 101px; line-height: 35px; } 
.hinh-dt img { margin-right: 9px; } 
.absolute { bottom: -44px; right: -65px; } 
.txt-name { margin: 32px 25px 0px 0px; font-family: 'font1_b'; } 
.slogan-tieude { width: 100%; font-size: 10px; line-height: 20px; } 
.content-tc { font-size: 11px; } 
.adrs, .phon { margin: -10px 0px 5px; } 
.btn-smt { position: relative; } 
.grid-dv { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding-top: 15px; } 
.fixed { min-width: 100%; } 
.formdk { left: 0%; width: 100%; } 
.group-tc { } 
.gr_hotline img { width: 30px; } 
.tilte-hotline { font-size: 13px; } 
 .header { display: none; } 
.hinh-ft { width: 100%; margin: 0; } 
.items-tc { align-items: center; width: 100%; margin: 10px 0px; } 
.logo-header2 img { width: 140px; } 
.logo-header2 { } 
.menu-bar-res { height: 70px; } 
.menu-res { display:block; height: 95px; height: auto; width: 100%; } 
.menu { display:none; } 
.name-tc { font-size: 14px; } 
.tieuchi-center { margin-right: 0px; } 
.tle-dichvu { font-size: 13px; } 
.name-dichvu { padding: 5px 0px 0px; height: 23px; font-size: 10px; } 
.title-tintuc { position: absolute; bottom: 185px; margin-left: 25px; z-index: 10; } 
.sdtt { font-size: 13px; } 
.pos-absolute { top: -80px; right: 20px; } 
.xemthem-tt { width: 40%; } 
.wrap-camnhan { padding: 20px 0; } 
.wrap_doitac { padding: 0px 0px 20px; } 
.wrap-tieuchi { padding: 20px 0px 0px; } 
.wrap-dangky { padding: 30px 0px; } 
.toolbar { } 
.gr-tt { flex-direction: column !important; } 
.news-left { width: 100%; padding: 10px 0; } 
.news-left a img { width: 100%; } 
.news-right { width: 100%; } 
.flex-item-tt { width: 50%; } 
.tieuchi-left, .tieuchi-right { display: none; } 
.img-tc { width:40%; } 
.group-tc { color: white; } 




/* .n__img { width: 100%; } 
.flex-item-news { display: flex; flex-direction: column; } 
h2.title-footer { margin-bottom: 15px; padding: 0; } 
.footer-news:nth-child(2) { width: 100%; margin-bottom: 10px; } 
p.name-ft { font-size: 30px; } 
.wrap-hinhanh .txt_title { padding-bottom: 10px; } 
.banner_index { padding: 0px 0; } 
.footer-powered .flexx-tc { margin-top: 15px; } 
.flex-contact p { width: 35%; } 
 
.grid-page { padding: 10px 0px; } 
 
 .footer-powered .flexx-tc { display: flex; flex-direction: row; justify-content: center; } 
.footer-powered .wrap-content { padding-top: 9px; padding-bottom: 9px; } 
.flex-truy-cap { flex-direction: column; padding: 0px 0px 50px; } 
.lst-danhmuc { padding: 10px 0px; } 
p.name-tc { margin-bottom: 0; margin-top: 0; font-size: 18px; padding-bottom: 0; } 
.footer-article { padding: 20px 0px 0px; } 
.hinh-ft { margin-left: 0px; width: 100%; } 
.flex-item-tt .n__img { margin-right: 0px; } 
.media_title { font-size: 18px; } 
.wrap_tintuc { padding: 20px 0; } 
.wrap-hinhanh-hoatdong { margin-bottom: 0px; padding: 20px 0px; } 
.wrap-dichvu { padding: 20px 0; } 
.wrap_sanpham_right a { font-family: 'font1_m'; font-size: 13px; width: 31%; background-color: var(--var2); color: white; height: 40px; margin: 10px; } 
.wrap_sanpham_right a:before { display: none; } 
.wrap_sanpham_right a::after { display: none; } 
.wrap_sanpham_right { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; } 
.flex-title-gt { display: flex; flex-direction: column; } 
.flex-title-gt { display: flex; flex-direction: column; margin-bottom: 10px; } 
.wrap-gioi-thieu { padding: 20px 0; } 
.slide-gt { width: 100%; } 
.txt-gt { font-size: 14px; } 
.txt-gt::before { position: absolute; content: ''; left: -30%; bottom: 10px; width: 18px; height: 3px; background: var(--var1); } padding
.flex-title-gt p { font-size: 8px; width: 100%; } 
.grid-main-dv { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; } 
.grid_product { width: 100%; display: grid; grid-template-columns: repeat(2, calc((100% + 20px) / 2 - 20px)); grid-gap: 20px; } 

.logo-header2 { width: 70px; } 
.menu-res { height: 69px; } 
.menu-bar-res { height: 67px; } 
.txt_title { font-size: 15px; height: auto !important; } 
.paging-product { margin-top: 0; } 
.n__txt { margin-left: 10px; } 
.name-product.text-split { font-size: 12px; height: 30px; padding: 10px 0px 10px 0px; } 
.info-product::before { margin-right: 10px; } 
.danhmuc_sanpham li a { font-size: 13px; padding: 5px 15px; margin-bottom: 5px; } 
.box_ab1:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2 } 
.box_ab1:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; } 
.box_ab1:nth-child(3) { grid-column: 1 / 2; grid-row: 3 / 5; } 
.box_ab1:nth-child(4) { grid-column: 1 / 2; grid-row: 5 / 6; } 
.box_ab1:nth-child(5) { grid-column: 1 / 2; grid-row: 6 / 7; } 
.qc_sl1 { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:10px; } 
.title-main span { font-size: 30px; } 
.gird_duan { grid-gap: 10px 10px; } 
.grid-page { grid-gap: 10px 10px } 
.dm1 li a { padding: 5.5px 14px; } 
.gioithieu_vi { font-size: 34px; } 
.keyframes_img { max-width:300px; } 
.news-image { margin-bottom:1rem; } 
.intro-news { width: 100%; margin-bottom: 30px; } 
.intro-news:last-child { margin-bottom: 0px; } 
.wrap-dangky { padding: 0px 0px 48px; } 
.flex-contact { width: 100%; padding: 15px 0px 0px } 
.icon-social p { width: 40%; } 
.icon-social { margin-top: 5px; width: 90%; } 
.img-dk { text-align: center; margin-bottom: 0px; margin-top: 10px; width: 100%; } 
.img-dk img { width: 100%; margin-right: 0; } 
.txt-dk p { font-size: 8px; } 
.form1 { height: auto; width: 100%; } 
.input-dangky { margin-top: 0px; } 
.btn-smt input { font-size: 10px; } 
.dem { flex-direction: column; align-items:center; padding: 20px 0; } 
.dem .hinh-dt { margin-bottom: 20px; width: 200px; } 
.flex-item-tt { flex-direction: column; } 
.flex-item-tt a { margin-bottom: 20px; width: 100%; } 
.flex-item-tt .n__txt { width: 100%; margin: 0; padding-top: 10px; } 
.flex-item-tt { margin-bottom: 15px; } */ } 
@media(max-width:369px){
 .cart-pro-detail a { width:100%; } 
.cart-pro-detail a:first-child { margin-right:0px; margin-bottom:0.5rem; } 
.cart-pro-detail a i { display:none; } 
 }