@media only screen and (max-width:1330px) {
	.item-albumhome:nth-child(7){ position: absolute;right: 0; top: 320px }
}

@media only screen and (max-width:1200px) {
	.right-head { display: flex; }
	.menu-res, #hamburger, .logo-header-rp { display: block; }
	.wrap-content2 { width: calc(100% - 30px); }
	.slick-prev { left: 0 !important; }
	.slick-next { right: 0 !important; }
	.main_ava::before, .main_ava::after, .menu, .header-top-right, .header-right, .logo-header { display: none; }
	.body-main { overflow-x: hidden; }
	.header { padding: 5px 0; border-top: 2px solid var(--color-main); }
	.header-mid { width: 100% }
	.logo-header-rp{ margin-right: 10px }
	.logo-header-rp img, .banner-header img { height: 60px }
	.main_ava { margin-left: 150px }
	.abouthome { padding: 140px 0 60px; margin-top: -70px }
	.title-about p { font-size: 40px }
	.box-albumhome span:nth-child(1){ position: relative; top: 0; left: 0; transform: unset; margin-bottom: 20px; font-size: 40px; width: 100%; text-align: center; }
	.box-albumhome{ justify-content: space-between; gap: 10px; min-height: auto}
	.item-albumhome{ aspect-ratio: 21 / 14 !important; width: calc((100% - 20px)/3) !important; margin: 0 !important; position: relative !important; height: auto !important ; top: unset !important; right: unset !important ; border-width: 4px}
	.header.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: #FEF6E1 }
}
@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 { font-size: 40px; }
	.abouthome { padding: 100px 0 40px; }
	.title-newshome { font-size: 40px }
	.slick-tableprice .slick-prev,.slick-product .slick-prev { width: 35px; height: 35px; background: url('../images/left.png') !important; background-size: 35px !important }
	.slick-tableprice .slick-next,.slick-product .slick-next { width: 35px; height: 35px; background: url('../images/right.png') !important; background-size: 35px !important }
}
@media (max-width:992px) {
	.othernews { position: initial; }
	.time-news, .main_ava { display: none; }
	.footer-news { width: 100% !important; margin-bottom: 30px; }
	.about-left { width: 100%; margin-bottom: 20px }
	.about-right { width: 100%; margin: 0; gap: 10px; }
	.about-right > a { width: calc(65% - 5px) }
	.img-about { width: calc(35% - 5px); display: flex; flex-wrap: wrap; gap: 10px; }
	.about-right a, .about-right a img { border-radius: 10px; }
	.detail-right { width: 100%; }
	.detail-left { display: none }
	.title-main span { font-size: 30px }
	.desc-bestseller h3 { font-size: 25px }
	.bestseller, .footer,.albumhome,.newshome { padding: 40px 0; }
	.tableprice { padding: 20px 0 40px }
}
@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; }
	.tableprice::before, .menuhome::before { display: none }
	.title-newshome { font-size: 30px; margin-bottom: 15px }
	.newshome-left { width: 100%; margin-bottom: 20px }
	.newshome-right { width: 100% }
	.slick-feedback .slick-dots{ text-align: center; }
}
@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: 17px }
	.price-product{ font-size: 18px ; line-height: 40px; margin-bottom: -30px}
}
@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; }
	.date-news { display: none }
	.info-news { width: 100% }
	.title-newshome { font-size: 25px; padding-bottom: 5px }
	.info-news h3 a { font-size: 16px }
	.slick-newshome { margin-left: -6px; margin-right: -6px; }
	.slick-newshome .col-12 { padding: 0 6px; }
	.item-albumhome{ width: calc(50% - 5px) !important }
	.box-albumhome span:nth-child(1){ position: relative; margin-bottom: 10px; font-size: 30px;}
	.slick-advertise,.item-advertise,.item-advertise img { border-radius: 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-about { font-size: 22px }
	.title-producthome span, .title-main span,.title-pro-detail,.price-new-pro-detail { font-size: 25px }
	.title-about span { font-size: 16px; margin-bottom: -5px }
	.title-about p { font-size: 35px }
	.info-news h3 a { font-size: 14px }
	.title-footer{ font-size: 30px }
	.col-product{ margin-bottom: 30px !important }
}
@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% }
}