/* Responsive */
@media(max-width:1300px){
 .wrap-content { margin: 0px 15px; } 
 }
@media(max-width:1001px){
 .header-bottom { display: none; } 
.menu { display:none; } 
.menu-res { display:block; } 
.btn-frame { display: none; } 
#messages-facebook { display: none; } 
.grid-page { grid-template-columns: repeat(3, 1fr); } 
 }
@media(max-width:850px){
 .gioithieu_left { width: 100%; margin-top: 25px; } 
.gioithieu_left1 { margin-right:0px; } 
.gioithieu_right { width: 100%; } 
 }
@media(max-width:769px){
 .logo_menu_res { display: block; } 
 .header-top { background-color: #fff; } 
.box_gioithieu { display: flex; align-items: center; flex-direction: column-reverse; } 
.logo_header { display: block !important; text-align: center; } 
.info-header, .email-header, .slogan_header { display: none; } 
.logo-header { margin: auto; padding-left: 15px; } 
.logo-header a img { width: 70%; margin: 10px; } 
.img_gioithieu { display: none; } 
.gioithieu_right { align-items: center; } 
.gioithieu_content { width: 100%; } 
.fashion { position: absolute; bottom: -8px; left: -3px; font-size: 80px; color: #ffffff4d; font-family: 'MonotonRegular'; letter-spacing: -3px; line-height: 1; } 
.grid-page2 { display: grid; grid-template-columns: repeat(3, 2fr); grid-gap: 15px 15px; } 
.box_img::before { content: ''; position: absolute; bottom: 55px; right: 615px; left: -140px; height: 1px; background: #e4e4e4; } 
.box_tintuc_video { flex-direction: column; } 
.footer-news:nth-child(1) { width: 100%; } 
.footer-news:nth-child(2) { width: 48%; } 
.footer-news:nth-child(3) { width: 48%; } 
.feedback-info { margin: 0; } 
.feedback-image-large { display: flex; margin-bottom: 5px; flex-direction: column; align-items: center; } 
.title-intro span,.feedback-name { font-size: 25px; } 
.tintuc .slogan-main1 { text-align: left; } 
.row { flex-direction: column; align-items: center; } 
.img_left { width: 45%; } 
.img_right { width: 32.7%; } 
.album_img { justify-content: space-evenly; } 
.album_name { font-size: 26px; padding-left: 0px; margin-top: 10px; margin-bottom: 10px; } 
.album_name::after { display: none; } 
.img_left_top { margin-bottom: 30px; } 
.img_left_top a { margin: 0px 10px; } 
.img_left_bottom a { margin: 0px 10px; } 
.doinet1,.gioithieu_vi { font-size: 25px; } 
.gioithieu_mota { font-size: 13px; } 
.xemthem { font-size: 13px; margin: 15px 0px 0px !important; } 
.title_h2,.title_h2a { font-size: 22px; } 
.slogan1,.slogan1a { font-size: 14px; } 
.name-product.text-split { font-size: 13px; } 
.price-new { font-size: 13px; } 
.xemthemsp { font-size: 13px; } 
.album_name { font-size: 22px; } 
.news_video_title { font-size: 22px; } 
.qr_content { font-size: 13px; } 
.footer-ul li { font-size: 13px; } 
.footer_icon { font-size: 13px; } 
.title-footer { font-size: 35px; } 
.grid-page { grid-template-columns: repeat(3, 1fr) !important; grid-gap: 15px 15px; } 
.title-main span { font-size: 28px; } 
.title-pro-detail { font-size: 15px; } 
.desc-pro-detail { font-size: 13px; } 
.title-main span { font-size: 22px !important; } 

.camnhanhachhang_index { padding: 40px 0px; } 
.album_anh { padding: 30px 0px; } 
.danhmuc_vi { font-size: 18px; } 
.gioithieu_left1 { padding: 30px 10px; } 
.tieuchi { padding: 30px 0px; } 
.header_right { display: none; } 
.sologan { width: 100%; padding: 10px 0px; } 
.contact-text { margin-bottom: 30px; } 
.gird_duan { grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; } 
.footer-copyright,.footer-statistic { text-align: center; } 
.footer_icon li { padding:5px 0px; } 

.doitac_left { padding: 42px 0px; } 
.doitac { font-size: 9px; } 
.tintuc_index { width: 100%; margin-bottom: 20px; } 
.video_index { width: 100%; } 
.tintuc_video { padding: 30px 0px; } 
.hinhanh_baogia { width: 100%; margin-bottom: 20px; } 
.btn1 { margin-top: 20px; } 
.form_lienhe { width: 100%; } 
.name-product,.price-product { font-size: 13px; } 
.grid-page { grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; } 
.dm1 li a { font-size: 13px; padding: 5.5px 18px; } 
.sanpham_chinh,.mauthietke_dep { padding: 30px 0px; } 
.gioithieu,.lienhe_baogia { padding: 30px 0px; } 
.keyframes_img { max-width:350px; } 
.xemthemchung { font-size: 13px; } 
 }
@media(max-width:440px){
 .logo_header a img { width: 25%; } 
.box_gioithieu { flex-direction: column-reverse; } 
.gioithieu_left { width: 100%; } 
.gioithieu_right::after { display: none; } 
 .info-address { font-size: 10px; } 
.logo-header a img { width: 50%; margin: 5px 35px; } 
.gioithieu_vi { font-size: 25px; } 
.gioithieu_content { width: 100%; } 
.chuongtrinhhot { padding: 20px 0; } 
.chuongtrinhhot_vi { font-size: 13px; padding: 5px; } 

.sanpham_banchay { padding: 0px 0px 0px 0px; } 
.title_h2, .title_h2a { font-size: 20px; margin-top:10px; } 
.seticons { margin: 0px 15px; } 
.grid-page2 { display: grid; grid-template-columns: repeat(2, 2fr); grid-gap: 8px 8px; } 
.hinh_demo { display: flex; flex-wrap: wrap; } 
.noidung_top { padding-bottom: 20px; text-align: center; } 
.grid-page-hoptac { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 10px; } 
.quocgia_hoptac_vi { font-size: 15px; padding: 10px; } 
.fb_box { display: flex; flex-direction: column; } 
.fb_title,.fb_cont { width: 100%; } 

.visao_chon { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } 
.visao_chon-l { width: 100%; } 
.visao_chon-r { width: 100%; margin-top: 20px; } 
.album_name { font-size: 22px; text-align: center; } 
.banner_index { margin: auto; } 
.box_title_camnhan { padding-left: 12px !important; } 
.box_img { margin-left: 30px !important; } 
.box_img::before { right: 317px; left: -102px; } 
.row1,.form_contact { flex-direction: column; } 
.vienlienhe { border: none; } 
.thuvienanh_box { width: 100%; } 
.feedback-info-large { padding: 30px 10px; } 
.quytrinh_box { padding: 45px 5px 35px; } 
.tintuc_vi,.xemthem_tt { font-size: 13px; } 
.video_fanpage { display: flex; margin-bottom: 25px; flex-direction: column; } 
.tintuc_img { width: 100%; } 
.box_tintuc_new { margin-right: 0px; margin-bottom: 10px; } 
.tintuc { margin: 20px 0px; } 
.breadCrumbs { font-size: 13px; } 
.grid-page { display: grid; grid-template-columns: repeat(2, 2fr) !important; grid-gap: 8px 8px !important; } 
.title-footer { font-size: 25px; } 
.box_footer { padding: 25px 0px; } 
.footer { margin: 0 !important; } 
.footer-news:nth-child(1) { width: 100%; } 
.footer-news:nth-child(2) { width: 100%; } 
.footer-news:nth-child(3) { width: 100%; } 


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

.keyframes_img { max-width:300px; } 
.news-image { margin-bottom:1rem; } 
.intro-news { width: 100%; margin-bottom: 30px; } 
.intro-news:last-child { margin-bottom: 0px; } 

.form_lienhe_popup_main { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } 
.form_lienhe_popup_form { width: 100%; } 
.form_lienhe_popup_qr { width: 70%; margin-top:20px; } 
.form_lienhe_popup_title img { width: 100%; margin-bottom: 20px; } 

.news_all{width: 100%;}
.form_news_inside{display: none;} 
 }
@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; } 
 }