@media (min-width:870px) {
	.mota_sanpham .desc_content{width: 100%;}
	.danhmuc_sanpham2{width: 270px;max-width: 24%;}
	.sanpham_box_in{width: 850px;max-width: 76%;}
	.danhmuc_sanpham2{position: relative;}
	.grid-pro-detail {
		margin-bottom: 3rem
	}
	.danhmuc_trangsp{position: sticky;top: 15px;}
	.title_trangtin span {
		clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 100%, 0% 100%);
		padding: 3rem 5rem 0px 0px;
	}
}
@media (max-width:1150px) {.desc_content{padding: 0 10px;}.gap-5px{gap: 7px;width: 140px;justify-content: end;}}
@media (max-width:1024px) {
	.pic_sanpham img{margin: auto;}
	.content_slide{top: 50%;}
	.desc_slide{padding: 20px;}
	.pic2_slide{display: none;}
	.content-main .container_product {
		margin: -5px;
	}
	.boxProduct {
		grid-template-columns: 1fr 1fr;
		gap: 10px
	}
	.name-product {
		font-size: 14px
	}
	.footer-powered {
		text-align: center
	}
	#footer-map {
		height: 30vh
	}
	.wrap-main.wrap-home {
		padding: 0
	}
	.wrap-main {
		padding: 0 10px
	}
	.filter_block ul {
		display: none
	}
	.footer-news {
		margin-bottom: 1rem
	}
	.container_product {
		margin: -5px auto;
	}
	.item_product {
		width: calc(50% - 10px);
		margin: 5px;
	}
	.item_news {
		width: 100% !important;
		margin: 10px 5px !important;
	}
	.item_news .hover_sang2 {
		height: 100%;
	}
	.item_news .hover_sang2 img {
		height: 100% !important;
		object-fit: cover;
	}
	.header {
		display: none;
	}
	.grid-pro-detail .row {
		margin: 0 !important;
	}
	.right-pro-detail,
	.left-pro-detail {
		padding: 0 !important;
	}
	.flex_mmenu {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 0;
	}
	.container_news_index {
		margin: -5px auto;
	}
	.item_news_index {
		width: calc(50% - 10px);
		margin: 5px;
	}
	.container_quote {
		margin: -5px auto;
	}
	.item_quote {
		width: calc(50% - 10px);
		margin: 5px;
	}
	.footer-copyright {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.footer-statistic {
		width: 100%;
		text-align: center;
	}
	.container_newsletter {
		width: 100%;
	}
	.wap_video,.wap_fanpage{width: 100%;max-width: 100%;text-align: center;}
	.wap_fanpage{margin-top: 15px;}
	.box_baiviet{gap: 10px;}
	.info_baiviet_top{min-width: auto;padding: 20px 10px;}
	.pic_baiviet-top{min-width: 40%;}
}
@media (max-width:870px) {
	.title_trangtin span{padding: 3rem 0 0 0 ;}
	.title_trangtin{text-align: center;}
	.title_trangtin{
		position: relative;
	}
	.support-online{
		display: none;
	}
	.wap_gioithieu{
		display: none;
	}
	.wrap-content {
		padding-left: 10px !important;
		padding-right: 10px !important
	}
	.box_baiviet{gap: 10px;grid-template-columns: repeat(2,1fr);}
	.slick_tintuc,.slick_taisao{margin: 0px -5px;}
	.taisao_content{padding: 20px 10px 10px 10px;margin: 5px;}
	.wrap-main{margin: 20px auto;}
	.sanpham_content_detail .pic_sanpham{text-align: center;}
	.sanpham_content_detail .pic_sanpham img{width: auto;}
	.grid-pro-detail{padding: 30px 10px;}
	.info_sanpham_detail{width: 100%;max-width: 100%;}
	.info_sanpham{padding: 10px 10px;}
	.info_sanpham .flex-btn-prd{  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;flex-direction: column;gap: 10px;}
	.sanpham_content{padding:0 0 10px;}
	/* .pic_sanpham img{width: 100%;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 50% 100%, 0 calc(100% - 70px));} */
	.info_sanpham,.pic_sanpham{width: 100%;max-width: 100%;}
	.sanpham_content .d-flex{flex-direction: column;padding: 0;}
	.danhmuc_sanpham2{display: none;}
	.logo-mb {
		padding: 0 20px;
		display: block;
		text-align: center;
		margin: 10px 0 20px 0;
	}
	.logo-mb img {
		max-width: 100px
	}
	.thongtin-mb ul {
		padding: 0 10px !important;
	}
	.thongtin-mb ul li {
		list-style: none;
		color: #55585a;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}
	.thongtin-mb ul li i {
		font-size: 16px;
		margin-right: 10px;
		color: var(--maincolor);
		width: 35px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--maincolor);
		border-radius: 5px;
	}
	.hidden_mobi,
	#arcontactus,
	#messages-facebook,
	.quick_contact {
		display: none;
	}
	.hidden_destop {
		display: block;
	}
	.menu_baophu {
		background: #000;
		opacity: 0.8;
		z-index: 998;
		left: 0px;
		top: 0px;
		position: fixed;
		width: 100%;
		height: 100%;
		display: none;
	}
	.icon_menu_mobi {
		color: var(--maincolor);
		font-size: 25px;
		text-decoration: none;
		display: block;
		cursor: pointer;
		margin: 0;
		width: 30%;
		height: 40px;
		text-align: left;
		line-height: 40px;
	}
	.icon_menu_mobi i {
		margin-top: 0 !important;
		line-height: revert;
	}
	.home_mobi {
		color: #fff;
		text-decoration: none;
		float: right;
		font-size: 20px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	.logo-mobi {
		display: flex;
		width: 90px;
		transition: 0.5s;
		align-items: center;
	}
	.logo-mobi img {
		width: 100%;
	}
	.menu_mobi.menu-fix{position: fixed;}
	.menu {
		display: none
	}
	.menu-res {
		display: block
	}
	.comment-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.comment-item-poster {
		width: auto;
		margin-right: 0px;
		margin-bottom: 0.5rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.comment-item-letter {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		margin-bottom: 0
	}
	.comment-item-name {
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 10px
	}
	.comment-item-information {
		width: 100%
	}
	.price-procart {
		display: none
	}
	.price-procart-rp {
		display: block
	}
	.quantity-procart {
		text-align: right
	}
	.top-cart {
		margin-bottom: 2rem
	}
	.search-res-mmenu {
		position: relative;
		width: auto;
		display: flex;
		align-items: center;
	}
	.search-res-mmenu .icon-search {
		width: 40px;
		height: 40px;
		cursor: pointer;
		color: var(--maincolor);
		font-size: 17px;
		margin: 0px;
		margin-top: 0px;
		line-height: 40px;
		text-align: center;
		border: none;
	}
	.search-res-mmenu .icon-search.active {
		background: #fff;
		border-radius: 5px;
		color: var(--maincolor);
	}
	.search-res-mmenu .search-grid {
		position: absolute;
		top: 100%;
		right: 0;
		width: 0px;
		height: 30px;
		overflow: hidden;
		background: #fff;
		border: 1px solid #e6e6e6;
		z-index: 2;
		opacity: 0;
		border-radius: 25px;
		line-height: normal;
		box-shadow: 0 0 4px 2px inset #e6e6e6;
	}
	.search-res-mmenu .search-grid p {
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
		outline: none;
		border: none;
		margin: 0px;
		font-size: 14px;
		display: block;
		color: var(--maincolor);
		line-height: 30px;
		text-align: center
	}
	.search-res-mmenu .search-grid input {
		width: calc(100% - 30px);
		float: right;
		line-height: 28px;
		outline: none;
		border: none;
		color: #000;
		font-size: 13px;
		background: transparent;
	}
	.search-res-mmenu .search-grid input::placeholder {
		color: #797979
	}
	.menu_mobi {
		color: #fff;
		font-size: 18px;
		text-decoration: none;
		padding: 0px 10px;
		width: 100%;
		display: block;
		cursor: pointer;
		position: relative;
		top: 0;
		z-index: 999;
		background: #fff;
		box-shadow: 0px 0px 7px var(--maincolor);
	}
	.menu_mobi_add {
		display: block;
		position: fixed;
		left: -100%;
		top: 0;
		background: #ffffff;
		z-index: 99999;
		color: #fff;
		height: 100vh;
		overflow-y: scroll;
		line-height: 1.5;
		padding-top: 40px;
		padding-bottom: 20px;
		width: 85%;
		min-width: 140px;
		max-width: 440px;
		transition: 0.5s;
		border-right: 1px solid #e6e6e6;
	}
	.menu_mobi_add::-webkit-scrollbar {
		width: 2px;
	}
	.menu_mobi_add::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 0%);
		border-radius: 10px;
	}
	.menu_mobi_add::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px var(--maincolor);
	}
	.menu_mobi_active {
		left: 0;
		transition: 0.5s;
	}
	.menu_mobi_add ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.menu_mobi_add ul li.li-tim {
		display: none
	}
	.menu_mobi_add ul li h2 {
		font-size: 17px;
		margin-bottom: 0
	}
	.menu_mobi_add ul li b {
		display: inline-block;
		vertical-align: top;
		margin-right: 8px
	}
	.menu_mobi_add ul li b img {
		display: inline-block;
		vertical-align: top;
	}
	.menu_mobi_add ul li a {
		color: #191919;
		display: block;
		border: 1px solid rgb(132 132 132 / 20%);
		padding: 10px 40px 10px 20px;
		position: relative;
		font-size: 16px;
		margin-bottom: 10px;
		border-radius: 5px;
		transition: 0.5s !important;
	}
	.menu_mobi_add ul li a.active2 {
		color: #fff;
		box-shadow: 0 0 0 25px var(--maincolor) inset;
	}
	.menu_mobi_add ul li a i {
		position: absolute;
		right: 12px;
		transform: rotate(90deg);
		width: 20px;
		height: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		background: var(--maincolor);
		color: #fff;
		border-radius: 50%;
		top: 12px;
	}
	.menu_mobi_add ul li a.active2 i {
		transform: rotate(0deg);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		background: #fff;
		color: var(--maincolor);
	}
	.menu_mobi_add ul ul {
		display: none;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.menu_mobi_add ul li ul li a {
		padding-left: 20px;
		color: #6f6f6f
	}
	.menu_mobi_add ul li ul li ul li a {
		padding-left: 20px;
	}
	.load-menu {
		padding: 0 10px;
	}
	.menu_mobi_add ul li:last-child a {
		margin-bottom: 0;
	}
	.thongtin-mb {
		margin-top: 20px;
	}
	.load-menu ul li {
		position: relative;
		left: -100%;
		transition: 0.5s;
	}
	.menu_mobi_active .load-menu ul li:nth-child(2n) {
		left: 0%;
		transition-delay: 0.6s;
	}
	.menu_mobi_active .load-menu ul li:nth-child(2n+1) {
		left: 0%;
		transition-delay: 0.3s;
	}
	.close_menu {
		position: absolute;
		top: 5px;
		right: 5px;
		font-size: 15px;
		background: var(--maincolor);
		width: 25px;
		text-align: center;
		line-height: 25px;
		cursor: pointer;
		border-radius: 5px;
	}
	.content-main img {
		height: auto !important;
	}
	.template-pro .row {
		margin: 0 -10px;
	}
	.info-header,
	.hotline-header {
		display: none
	}
	.email-header {
		display: none
	}
	.info-header:nth-child(3) {
		display: block
	}
	.social-header {
		width: auto
	}
	.search {
		width: 97%;
		margin: auto;
		border: 1px solid var(--maincolor);
		margin-top: 10px;
		display: none
	}
	.album,
	.video {
		width: calc(50% - 10px) !important;
		margin: 5px !important;
	}
	.name-product {
		font-size: 15px
	}
	.left-intro {
		width: 100%
	}
	.right-intro {
		width: 100%;
		margin-top: 15px
	}
	.footer-news:nth-child(1),
	.footer-news:nth-child(2),
	.footer-news:nth-child(3),
	.footer-news:nth-child(4) {
		width: 100%;
		margin-top: 15px
	}
	.cart-pro-detail a {
		width: 100%;
		text-align: center;
	}
	.cart-pro-detail a:first-child {
		margin-right: 0px;
		margin-bottom: 0.5rem
	}
	.cart-pro-detail a i {
		display: none
	}
	.newshome-best {
		width: 100%;
		display: none
	}
	.newshome-scroll {
		width: 100%
	}
	.header-bottom .wrap-content {
		padding: 10px
	}
	.btn-zalo,.btn-footer,
	.btn-phone {
		display: none
	}
	.scrollToTop,
	.js-facebook-messenger-box {
		right: 5px
	}
	.title-main span {
		font-size: 22px;
	}
	.title-intro {
		margin-bottom: 15px
	}
	.footer-article .wrap-content {
		padding: 20px 10px
	}
	.cart-fixed {
		bottom: 350px
	}
	.owl-theme .owl-dots .owl-dot span {
		height: 6px;
		width: 20px
	}
	.wrap-cart {
		flex-wrap: wrap
	}
	.top-cart,
	.bottom-cart {
		width: 100%;
		border-right: 0px;
		padding-right: 0px;
		margin-right: 0px;
		padding: 0 15px
	}
	.top-cart {
		margin-bottom: 30px
	}
	.slick-prev {
		left: 10px
	}
	.slick-next {
		right: 10px
	}
	.copyright,
	.statistic {
		width: 100%
	}
	.footer-powered .wrap-content {
		flex-wrap: wrap
	}
	.owl-carousel .owl-stage-outer {
		width: 100%
	}
	div.css_flex_video,div.run-slick {
		margin: 0 -5px !important;
	}
	.btn-map {
		bottom: 230px;
		right: 10px;
		display: none
	}
	div.box-tintuc-video {
		padding: 20px 10px
	}
	.time-news {
		display: none
	}
	.pic-newshome-normal {
		width: 40%
	}
	.info-newshome-normal {
		width: 57%
	}
	.wrap-partner {
		padding: 15px 10px
	}
	.wrap-partner .prev-carousel {
		left: 11px;
		position: absolute;
		z-index: 9;
		margin-bottom: 0
	}
	.wrap-partner .next-carousel {
		right: 11px;
		position: absolute;
		z-index: 9;
		margin-bottom: 0
	}
	.desc-news {
		-webkit-line-clamp: 2
	}
	.contact-text {
		width: 100%;
	}
	form#form-contact {
		width: 100%;
	}
	.mota_sanpham{padding: 20px 10px;}
}
@media (max-width:700px) {
	.mota_sanpham{display: none;}
	.left-pro-detail,
	.right-pro-detail {
		width: 100% !important;
	}
	.left-pro-detail {
		margin-bottom: 10px;
	}
}
@media (max-width:700px) {
	.info_sanpham_detail h3{text-align: center;}
	/* .title_trangtin span{padding-left: 10px;} */
	.info_baiviet h3, .info_baiviet_top h3{font-size: 1.5rem;}
	.pic_baiviet-top img ,.pic_baiviet-top{
		clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
	}
	.baiviet_top{margin-bottom: 1rem;}
	.pic_baiviet-top, .pic_baiviet-top img{min-width: auto;}
	.banner_trangtrong img{height: 300px;object-fit: cover;display: none;}
	.info_baiviet_top{padding: 20px 10px;gap: 5px;}
	.pic_baiviet-top,.info_baiviet_top{width: 100%;max-width: 100%;}
	.baiviet_top .d-flex{flex-direction: column;}
	.info_baiviet{padding: 1rem;}
	.box_baiviet{grid-template-columns: 1fr;gap: 15px;}
	.wap_1200{padding: 0px 10px;}
	.news .news-image {
		margin-bottom: 1rem
	}
	.procart-label {
		font-size: 13px
	}
	.name-procart a {
		font-size: 13px
	}
	.top-contact {
		flex-wrap: wrap;
		padding: 0 15px
	}
	.top-contact .form-contact,
	.top-contact .article-contact {
		width: 100%;
		margin: 0px
	}
	.top-contact .article-contact {
		margin-bottom: 30px
	}
	.price-procart,
	.procart-label .quantity-procart p:first-child {
		display: none
	}
	.price-procart-rp,
	.procart-label .quantity-procart p:last-child {
		display: block
	}
	.quantity-procart {
		width: 25%;
		text-align: right;
		margin-right: 0px
	}
	.info-procart {
		width: 65%
	}
	.wap_video,.wap_fanpage,.danhmuc_sanpham,.wrap_sanpham,.info_gioithieu,.pic_gioithieu{width: 100%;max-width: 100%;}
	.title-fanpage,.title-trangchu h2{font-size: 25px;}


	.taisao_content h3{font-size: 15px;line-height: 22px;}
	.wap_banner{display: none;}
	.info_gioithieu,.wap_video{margin-bottom: 20px;}
	.slick_noibat .product{margin: 0px 5px;}
	.name-news a,.info_tintuc span,.info_tintuc h3{font-size: 15px;}
	.wap_intro,.wap_sanpham{padding: 40px 0px;}
	.tintuc_content{margin: 5px;}
	.title_trangtin span{font-size: 2.5rem;}
	.content_slide{zoom: 0.6;}
	.pic_sanpham img{height: 350px;object-fit: cover;}
}
@media (max-width:425px) {.content_slide{zoom: 0.4;}}
@media (max-width:350px) {
	.icon_menu_mobi{width: 40px;}.gap-5px{margin-left: auto;}
}