@media only screen and (max-width:1300px) {
	.title-album{ position: relative;width: 100%; text-align: center; margin-bottom: 20px }
	.box-albumhome span:nth-child(2){ top: 56% }
}
@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; }
	.timework, .menu, .header-top-right, .header-right, .logo-header,.lantern-wrap,.abouthome::after { display: none; }
	.body-main { overflow-x: hidden; }
	.header { padding: 5px 0; }
	.header-mid { width: 100% }
	.header-top{ justify-content: space-between !important }
	.logo-header-rp{ margin-right: 10px }
	.logo-header-rp img, .banner-header img { height: 60px }	
	.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; }
	.box-albumhome span:nth-child(2){ display: none; }
	.box-albumhome{ gap: 10px; min-height: auto }
	.item-albumhome{ width: calc((100% - 20px) / 3) !important; margin: 0 !important; position: relative !important; top: 0 !important; height: 300px !important}
	.item-albumhome:nth-child(6),.item-albumhome:nth-child(7){ width: calc(50% - 5px) !important; }
}
@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; }
	
}
@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%; }
	.about-right{ padding: 10px }
	.img-info-about{ top: 0 }
	.title-about span{ font-size: 20px }
	.title-about p{ font-size: 30px; }
	.title-about h3{ font-size: 60px }
	
	.detail-right { width: 100%; }
	.detail-left { display: none }
	.title-main span { font-size: 30px }	
	.bestseller, .footer,.albumhome,.newshome,.feedback-video,.branchhome,.abouthome { padding: 40px 0; }
	.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 }

	.newshome-left{ width: 100% ; margin-bottom: 20px; text-align: center;}
	.title-newshome{ margin-bottom: 20px; font-size: 40px }
	.title-newshome p{ display: inline-block; }
	.more-news{ margin: 0 auto }
	.newshome-right{ width: 100% }
	.slick-newshome .slick-prev { width: 40px; height: 40px; background: url('../images/left1.png') !important; left: 0 !important; opacity: 1; z-index: 9; top: 45%; background-size: 100% 100% !important}
	.slick-newshome .slick-next { width: 40px; height: 40px; background: url('../images/right1.png') !important; right: 0 !important; opacity: 1; top: 45%; background-size: 100% 100% !important}
	.slick-product .slick-prev { width: 40px; height: 40px; background: url('../images/left1.png') !important; left: 0 !important; opacity: 1; z-index: 9; background-size: 100% 100% !important}
	.slick-product .slick-next { width: 40px; height: 40px; background: url('../images/right1.png') !important; right: 0 !important; opacity: 1; 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 > span{ display: none }
	.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 }
}
@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) }
}
@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 ; line-height: 40px; margin-bottom: -30px}

	.title-about span{ font-size: 16px }
	.title-about p{ font-size: 20px; }
	.title-about h3{ font-size: 40px }
	.info-bestseller h3 a{ font-size: 16px }
	.item-bestseller{ padding: 8px }
	.row-product { margin-left: -7px; margin-right: -7px; }
	.row-product > div { padding-left: 7px; padding-right: 7px; margin-bottom: 35px !important}
	.title-newshome{ font-size: 30px }
	.more-news{ font-size: 16px;width: 220px }
	.item-albumhome{ height: 200px !important; border-width: 4px }
	.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; }
	.price-contact{ font-size: 16px !important; }
}
@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 { 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; }
	
}
@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: 30px }
	.info-news h3 a { font-size: 14px }
	.title-footer{ font-size: 30px }
	.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-feedback h3{ font-size: 20px }

	.img-info-about{ width: 100% }
}
@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% }
}