@media only screen and (max-width:1200px) {
	.right-head { display: flex; }
	.menu-res, #hamburger, .logo-header-rp { display: block; }
	.slick-prev { left: 0 !important; }
	.slick-next { right: 0 !important; }
	.sloganheader, .menu, .header-right, .more-aboutright { display: none !important; }
	.body-main { overflow-x: hidden; }
	.header-left { width: 100% }
	.logo-header img, .banner-header img { max-height: 60px; }
	.header-bottom { padding: 5px 0; }
	.header-bottom.fix { z-index: 99; -webkit-box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); -moz-box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); box-shadow: 0px 5px 5px 0px rgb(148 145 148 / 38%); position: fixed; top: 0; left: 0; width: 100%; -webkit-animation: fadeInDown 1.3s ease backwards; -moz-animation: fadeInDown 1.3s ease backwards; -o-animation: fadeInDown 1.3s ease backwards; -ms-animation: fadeInDown 1.3s ease backwards; background: url("../images/bg-header.jpg") no-repeat top center; background-size: 100% 100%; }
	.marquee-content { width: 100%; font-size: 20px; }
	.box-video > span{ font-size: 35px; left: 30px}
}
@media (max-width:1024px) {
	.menu.fix { position: relative; }
	.contact-input { margin-bottom: 15px; }
	.flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
	.mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
	.content-text img { height: auto !important; }
	.padding-top-bottom { padding: 2rem 0; }
	.pad-top { padding-top: 2rem; }
	.pad-bottom { padding-bottom: 2rem; }
	.mg-top { margin-top: 2rem; }
	.mg-bottom { margin-bottom: 2rem; }
	.title-detail-main { font-size: 20px; }
	.btn-frame { display: none; }
	.pad-bottom { padding-bottom: 2rem !important; }
	.pad-top { padding-top: 2rem !important; }
	.padding-top-bottom { padding: 2rem 0 !important; }
	.title-main,.title-feedback { font-size: 40px; }
	.title-feedback{ margin: 0 0 20px }
	.box-video > span{ font-size: 30px; left: 0; top: 0;transform: none;writing-mode: unset;width: 100%; text-align: center; position: relative; display: block; margin: 0 0 10px }
	.box-video{ padding: 10px }
}
@media (max-width:992px) {
	.othernews { position: initial; }
	.time-news, .about-right::before, .abouthome::after,.menuhome::before,.box-menuhome-right::before { display: none; }
	.footer-news { width: 100% !important; margin-bottom: 30px; }
	.about-left,.box-menuhome-left { width: calc(50% - 15px);  }
	.about-right,.box-menuhome-right { width: calc(50% - 15px); }
	.title-about span { font-size: 60px }
	.title-about h3 { font-size: 40px }
	.detail-right { width: 100%; }
	.detail-left { display: none }
	.title-main1 span{ font-size: 25px }
	.title-main span,.title-newshome span,.title-feedback { font-size: 30px }
	.title-feedback{ line-height: 50px }
	.bestseller, .footer, .albumhome, .newshome, .feedback-video, .branchhome,.menuhome { padding: 30px 0; }
	.abouthome{ padding: 20px 0 30px; }
	.box-footer, .footer-news { text-align: center; }
	.logo-ft, .fanpage { display: inline-block !important; margin: 0 auto }
	.social-footer { justify-content: center !important }
	.box-footer::before { display: none; }
	.footer-news:nth-child(2) { max-width: 100%; padding: 0 }

	.slick-newshome .slick-prev { width: 40px; height: 40px; background: url('../images/left.png') !important; left: 0 !important;  background-size: 100% 100% !important }
	.slick-newshome .slick-next { width: 40px; height: 40px; background: url('../images/right.png') !important; right: 0 !important;background-size: 100% 100% !important }
	.slick-product-bottom .slick-prev { width: 40px; height: 40px; background: url('../images/left.png') !important; left: 0 !important;  background-size: 100% 100% !important }
	.slick-product-bottom .slick-next { width: 40px; height: 40px; background: url('../images/right.png') !important; right: 0 !important;background-size: 100% 100% !important }
	.slick-newshome { margin-left: -8px; margin-right: -8px; }
	.slick-newshome .col-12 { padding: 0 8px; }
	.title-album span { font-size: 30px; }
	.title-album p { font-size: 40px; }
	
	.box-video { padding-right: 0 }
	.box-feedback-video::before { display: none }
	.title-branch { font-size: 25px; margin: 0 0 10px }
	.options, .selected { font-size: 16px }
	.info-product-top h3 a{ font-size: 30px }
	.slick-product-top::before{ display: none; }
	.box-menuhome-right{ padding: 10px }
}
@media (max-width:850px) {
	.left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
	.left-pro-detail, .right-pro-detail { width: 100%; margin: 0px; border: none; padding: 0; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.info-about { width: calc(67% - 10px) }
	.box-feedback { width: 100%; margin-bottom: 20px; }
	.box-video { width: 100%; margin-top: 0 }
	.item-feedback { align-items: start !important }
	.img-feedback { width: calc(35% - 10px) }
	.info-feedback { width: calc(65% - 10px) }
	.info-product-top h3 a{ font-size: 25px }
	.slick-feedback{ max-width: 100% }
	.slick-feedback .slick-prev{ top: 50% }
	.slick-feedback .slick-next{ top: 50% }
}
@media (max-width:767px) {
	.desc-news.text-split { -webkit-line-clamp: 2; }
	.title-tableprice { font-size: 25px; margin-bottom: 5px }
	.item-tableprice { border: 4px solid #fff; border-radius: 20px; }
	.item-tableprice img { border-radius: 20px; }
	.item-product { border-radius: 15px; padding: 8px }
	.img-product a, .img-product a img { border-radius: 12px }
	/*.info-product h3 { margin-bottom: 10px }*/
	.info-product h3 a { font-size: 16px }
	.price-product, .price-bestseller { font-size: 18px;}
	.title-about { margin: 0 0 10px }
	.title-about span { font-size: 40px; line-height: 1.4; margin: 0 0 5px }
	.title-about h3 { font-size: 25px }
	.desc-about { margin: 0 0 15px }
	.row-product { margin-left: -7px; margin-right: -7px; }
	.row-product > div { padding-left: 7px; padding-right: 7px; margin-bottom: 35px !important }
	.branchhome-right { display: none; }
	.branchhome-left { width: 100% }
	.box-branchhome-left { padding: 10px; border-radius: 15px }
	.img-branchhome a, .img-branchhome a img { border-radius: 10px; overflow: hidden; }
	.box-menuhome-left { width: 100%; margin: 0 0 20px }
	.box-menuhome-right { width: 100%; }
	.about-left { width: 100%; margin-bottom: 20px }
	.about-right { width: 100%; }
	.item-producthome > span.price-producthome{ font-size: 25px }
	.slick-feedback .slick-prev { width: 25px; height: 25px; background: url('../images/left1.png') !important; left: 0 !important;  background-size: 100% 100% !important }
	.slick-feedback .slick-next { width: 25px; height: 25px; background: url('../images/right1.png') !important; right: 0 !important;background-size: 100% 100% !important }
	.info-news{ padding: 15px 20px }
	.info-news h3 a{ font-size: 16px }
	.slideshow-item a,.slideshow-item a img{ border-radius: 10px; overflow: hidden; display: block}
	.logo-header img, .banner-header img { max-height: 45px; }
	.title-main{ margin-bottom:15px; }
}
@media (max-width:675px) {
	.title-main { font-size: 25px; }
	.desc-bestseller h3 { font-size: 20px }
	.slick-product { margin-left: -7px; margin-right: -7px; }
	.slick-product .col-12 { padding: 0 7px 20px; }
	.date-news { display: none }
	.info-news { width: 100% }
	.title-newshome{ margin: 0 0 15px }
	.info-news h3 a { font-size: 16px; line-height:22px; height:44px }
	.slick-newshome { margin-left: -6px; margin-right: -6px; }
	.slick-newshome .col-12 { padding: 0 6px; }
	.img-product-top{ width: 100%; margin: 0 auto 20px; max-width: 300px; }
	.info-product-top{ width: 100% }
	.item-product-bottom{ padding: 15px }
	.info-product-bottom span{ font-size: 20px }
	.producthome,.menuhome { padding: 30px 0 }
	.item-producthome h3{ font-size: 17px }
	.item-producthome > span.price-producthome{ font-size: 20px }
	.box-video > span{ font-size: 25px }
	.item-albumhome:nth-child(1),.item-albumhome:nth-child(5) { height: 180px }
	.item-albumhome:nth-child(2),.item-albumhome:nth-child(4) { height: 280px }
	.item-albumhome:nth-child(3),.item-albumhome:nth-child(6) { height: 230px }
	.item-news::before { display: none; }
	.item-news { border: 1px solid var(--color-main); background: #fff; border-radius: 20px; overflow: hidden; }
	.img-news,.info-news{ width: 100% ; margin: 0}
	.info-news{ padding: 15px }
	.more-item-news,.more-news{ font-size: 13px }
	.more-news svg,.more-item-news svg{ width: 7px !important; height: 14px !important}
	.more-about { width: 130px; line-height: 40px; font-size:13px; }
	.about-left .more-about{ float:right; }
	.more-about svg{ width: 20px !important; height:20px !important }
	.title-about h3 { font-size:20px; line-height:1.4 }
	.tab-product span{ border-radius:5px; line-height:35px; padding: 0 15px }
}
@media (max-width:576px) {
	.toast-cus { left: 5px; width: calc(100% - 10px); }
	.box-readmore { width: calc(100% - 5px); }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.title-feedback, .title-main span,.title-newshome span, .title-pro-detail, .price-new-pro-detail { font-size: 25px }
	.title-main1 span{ font-size: 20px }
	.title-newshome span{ font-size: 25px }
	.info-news h3 a{ font-size: 14px }
	.title-footer { font-size: 20px }
	.col-product { margin-bottom: 30px !important }
	.info-about { width: 100%; margin-bottom: 20px }
	.img-info-about a, .img-info-about a img, .about-right { border-radius: 20px }
	.about-right a, .about-right a img { border-radius: 15px }
	.info-feedback span { margin: 10px 0; font-size: 14px }
	.info-product-top h3 a { font-size: 20px }
	.info-feedback h3 { font-size: 18px }
	.img-info-about { width: 100% }
	.img-feedback{ padding: 5px; border-radius: 15px }
	.img-feedback span, .img-feedback span img{ border-radius: 10px }
	.info-feedback svg{ display: none }
	.box-albumhome{ gap: 10px; }
	.item-albumhome{ width: calc(50% - 5px); height: 200px !important; margin: 0 !important }
	.info-news h3{ margin: 0 0 10px }
	
}
@media (max-width:440px) {
	.info-product h3 a { font-size: 16px }
}
@media(min-width:400px) and (max-width:580px) {
	.col-product, .col-news { width: 50% }
}