/* ---- Cơ bản hoặc mobile mở cái này ra ----*/

/* body{min-width: 0;max-width: 1024px;} 

.w-menu{min-width: 0;max-width: 1024px;} 

.wrap-content{width: calc(100% - 20px);} 

.menu-res{display: block;} */

/* Responsive */
@media (max-width: 1024px) {

	.youtube-nav .youtube-item {
		width: UNSET;
		margin: 0 5px;
		display: block;
	}

	.youtube-for {
		padding: 0;
		margin-bottom: 15px;
	}

	.youtube-nav {
		position: initial;
		width: 100%;
		transform: unset;
	}

	.tieuchi-wrapper {
		margin-top: 30px;
	}

	.header-right>img {
		display: none;
	}

	.header-left {
		width: calc(100% - 50px);
	}

	.logo-info {
		display: none;
	}

	.hotline-box {
		display: none;
	}

	.header-right {
		width: 50px;
	}

	h2.newsHot-title span {
		font-size: 30px;
	}

	.header-bottom {
		padding: 5px 0px;
	}

	.gioithieuHot-owl2 {
		display: none;
	}

	.news-grid {
		gap: 10px;
	}

	.dichvuHot-info {
		width: 100%;
		padding: 10px;
	}

	.dichvuHot-pic {
		border-radius: 0;
	}

	p.tieuchi-numb {
		margin: 0;
	}

	.hotline-header {
		display: none;
	}

	.w-menu {
		display: none;
	}

	.toolbar2 {
		display: block;
	}

	.search-icon {
		display: block !important;
	}

	.sanpham-left {
		display: none;
	}

	.sanpham-right {
		width: 100%;
	}

	p.baiviet-title span {
		font-size: 14px;
	}

	.baiviet-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.footer-news {
		width: 100% !important;
		margin-bottom: 20px;
	}

	.footer-article {
		padding: 30px 0px;
		overflow: hidden;
	}


	.productListHot-wrap {
		padding: 0 15px;
	}

	.productAjax-grid {
		padding: 0 15px;
		grid-template-columns: repeat(4, 1fr);
	}

	.productAjax-grid {}

	header.header-wrapper.z-100 {
		background: #B80808;
		padding: 5px 0px;
	}

	.menu-wrapper {
		display: none;
	}

	.header-box {
		margin: 0;
	}

	.header-box .wrap-content {
		position: relative;
		padding: 12px 0px;
	}

	.slideshow {
		margin: 0;
	}

	.slideshow-owl {
		width: 100%;
		border-radius: 0;
	}

	.slideshow .wrap-content {
		width: 100%;
	}

	.logo-mm {
		display: block !important;
	}

	.logo-header {
		display: none;
	}

	.header-top {
		display: none;
	}

	p.logo-name {
		display: none;
	}

	.header-mid {
		display: none;
	}

	.logo-headee {
		display: none;
	}

	.logo-mm {
		display: block;
		width: 70px;
		margin: auto;
	}

	#hamburger {
		display: block;
	}

	.menu-head {
		display: none;
	}

	.wrap-menu {
		display: none;
	}

	.cart-head {
		padding-left: 60px !important;
		font-size: 12px;
		/* position: fixed; */
		right: 59px;
		bottom: 430px;
		z-index: 999;
	}

	.header {
		padding: 10px 0px;
	}

	.flex-product-main {
		display: block;
	}

	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}

	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		gap: 10px;
	}

	.filter {
		display: block;
	}
}

@media (max-width: 992px) {}

@media (max-width: 800px) {
	.grid-product {
		grid-template-columns: 1fr 1fr;
	}

	.newsHot-for {
		margin-bottom: 10px;
	}

	.newsHot-nav .newsHot-item {
		margin: 0 5px;
	}

	.youtube-left {
		width: 100%;
		margin-bottom: 15px;
	}

	p.map-title {
		display: none;
	}

	.footer-name1 {
		font-size: 35px;
	}

	.footer-name {
		font-size: 39px;
	}

	h2.newsHot-title {
		margin-bottom: 15px;
	}

	.newsHot-item {
		height: unset;
		margin: 5px;
	}

	.newsHot-pic {
		width: 100%;
		height: unset;
	}

	.newsHot-info {
		width: 100%;
		padding: 10px;
	}

	p.newsHot-time {
		display: none;
	}

	.newsHot-name a {
		font-size: 15px;
	}

	.tieuchi-grid {
		grid-template-columns: 1fr 1fr;
	}

	.newsHot-left {
		width: 100%;
		margin-bottom: 30px;
	}

	.newsHot-right {
		width: 100%;
	}

	h3.dichvuHot-name a {
		font-size: 15px;
	}

	p.tieuchi-numb {
		font-size: 65px;
	}

	.tieuchi-pic {
		/* width: 70px; */
		/* height: 70px; */
	}

	.tieuchi-pic img {
		/* width: 30px; */
	}

	.gioithieuHot-img {
		border-radius: 20px;
	}

	.gioithieuHot-owl {
		width: 100%;
		padding: 15px 0px;
	}

	.gioithieuHot-info {
		width: 100%;
	}

}

@media (max-width: 768px) {
	.text-cart {
		display: none;
	}

	.grid-pro-detail {
		display: block;
	}

	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}

	.slick_photo1 {
		text-align: center;
	}

	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media (max-width: 640px) {
	.news-grid {
		grid-template-columns: 1fr 1fr;
	}

}

@media (max-width: 480px) {
	.youtube-right {
		width: 100%;
	}

	.footer-name1 {
		font-size: 27px;
		margin: 10px 0px;
	}

	ul.social-ul {
		grid-template-columns: 1fr;
		margin: 30px 0px;
	}

	.social-ul li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.social-ul li .info {
		width: calc(100% - 60px);
		text-align: left;
		padding-left: 10px;
	}

	.social-ul li .img {
		margin: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.social-ul li .img img {
		width: 20px;
	}

	.albumHot-grid {}

	.bannerQC-pic {
		margin-bottom: 30px;
	}

	.albumHot-wrapper {
		margin-bottom: 30px;
	}

	.product .name-product a {
		font-size: 14px;
	}

	.product .price-product {
		text-align: center;
	}

	.newsHot-pic {
		margin-bottom: 5px;
	}

	.newsHot-for.slick-initialized.slick-slider {
		display: none;
	}

	h3.productListHot-name {
		font-size: 13px;
	}

	.productListHot-items {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.gioithieuHot-wrapper {
		margin-bottom: 30px;
	}

	.title-main span {
		font-size: 30px;
	}

	.dichvuHot-info {}

	.newsHot-wrapper {
		margin-bottom: 30px;
		padding: 30px 0px;
	}

	.product .price-new {
		font-size: 13px;
	}

	.price-product span {
		display: block;
		width: 100%;
		padding: 0 !important;
		font-size: 13px !important;
	}

	.policy__list>li {
		width: 100%;
		padding-right: 0px !important;
		border-bottom: 1px solid #f1f1f1 !important;
	}
}

@media (max-width: 414) {}

@media (max-width: 320) {}