/* Responsive */
@media (min-width: 1280px) {
	/*.index1 .product{
        width: 273px!important;
    }*/
    .index1{
    padding: 30px 0px 50px;
}
	.index4{
    padding: 40px 0px;
}
	.index4 .tieude{
		margin-bottom: 50px;
	}
	.index5{
    padding: 30px 0px;
}
	.index5 .tieude{
    margin-bottom: 50px;
}
	.footer-copyright, .footer-powered .right{
		padding: 0px;
	}
}

@media (max-width: 1220px) {
	.footer-powered .wrap-content {
		padding: 15px 10px;
	}
	.page_trong {
		padding: 30px 10px;
	}
}

@media (max-width: 1024px) {
	.wrap-d {
		width: 95% !important;
	}
	.wrap-main {
		width: 95% !important;
		overflow: hidden;
	}
	.hotline-header {
		display: none;
	}
	.menu {
		display: none;
	}

	.menu-res {
		display: block;
		background: var(--color-red);
	}
	.menu_fix_res {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 13;
		/* background: #d7a32f; */
	}
	.max-width {
		width: 95%;
	}
	.header {
		background-color: #feb62e;
		display: none;
	}
	.footer-article .wrap-content {
		width: 95% !IMPORTANT;
	}
	.footer-copyright {
		text-align: center;
		width: 100%;
	}
	.footer-statistic {
		text-align: center;
		width: 100%;
	}
	.cart-mobi {
		position: relative;
		background: #fff;
		width: 40px;
		height: 40px;
		padding: 7px;
		border-radius: 50%;
	}

	.cart-mobi i {
		font-size: 28px;
		color: #fff;
	}
	.cart-mobi .count-cart {
		transform: translate(-50%, -50%);
		top: 63%;
		left: 0%;
		right: initial;
	}
	.menu-res .hotline-header {
		display: inline-block;
		padding-left: 0px;
		background: transparent;
	}
	.menu-res .hotline-header span {
		color: #fff;
		font-size: 22px;
	}
	.product {
		/* width: unset!important; */
	}
	.product > .box {
		padding-bottom: 9px;
	}
	.product .chatzalo {
		width: calc(93% - 4px);
		position: relative;
		left: 8px;
		margin-bottom: 0px;
	}
	.product .addcart {
	}
	.title-main > span,
	.page_trong .title-main > span {
		font-size: 30px;
	}
	.newsletter-button {
		text-align: center;
	}
	.footer-article .wrap-content {
		flex-wrap: wrap;
	}
	.footer-news:nth-child(1) {
		/* width: 100%; */
		margin-bottom: 25px;
		padding-top: 0px;
		padding-right: 10px;
	}
	.footer-powered .wrap-content {
		flex-wrap: wrap;
		justify-content: center !important;
	}
	.copyright,
	.statistic {
		display: block;
		width: 100%;
		text-align: center;
	}
	.grid-pro-detail {
		margin-bottom: 20px;
	}
	.menu {
		display: none;
	}
	.menu-res {
		display: block;
	}
	img {
		height: auto !important;
	}
}

@media (max-width: 850px) {
	.logo-menu-res{
		display: block;
		background: #000;
	}
	.logo-menu-res >a {
        display: block;
        text-align: center;
    }
	.logo-menu-res img {
        width: 30%;
    }
	.danhmuc .box{
    max-height: 218px;
    overflow-y: scroll;
}
	.index1 .tieude{
		font-size: 17px;
	}
	.index1 .noidung{
		font-size: 14px;
		line-height: 20px;
	}
	.index2 .wrapbox .left{
		max-width: 35%;
	}
	.index2 .wrapbox .right{
		width: 64%;
	}
	.index4 .right h3 {
    line-height: 14px;
}
	.index4 .right h3 >a{
		font-size: 14px;
	}
	.index4 .right h5{
    font-size: 13px;
    line-height: 20px;
}
	.news {
		width: 100%;
		float: none !important;
	}
	.index1 .box {
		/* width: 50%; */
		margin-bottom: 10px;
	}
	.dambao{
		overflow-x: scroll;
		scrollbar-width: thin;
	}
	.dambao .wrap {
    width: 1188px;
}
	.content-mainsp * iframe{
		max-width: 100%;
	}
	.footer-news {
		/*width: 50% !important;*/
	}
}

@media (max-width: 768px) {
	.title-main > span,
	.page_trong .title-main > span {
		font-size: 26px;
	}
	.pic-news {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.info-news {
		width: 100%;
		float: none;
	}
	.left-pro-detail,
	.right-pro-detail,
	.top-contact .form-contact,
	.top-contact .article-contact {
		width: 100%;
		margin: 0px;
	}
	.left-pro-detail,
	.top-contact .article-contact {
		margin-bottom: 30px;
	}
	.toolbar {
		display: block;
	}
	.footer-title {
		margin-bottom: 20px;
	}
	.content-about {
		padding: 0px 0px 0px 0px;
	}
	.footer-powered .flex {
		display: block !important;
	}
	.footer-copyright {
		text-align: center;
		width: 100%;
	}
	.footer-statistic {
		text-align: center;
		width: 100%;
	}
	.title-main {
		margin-bottom: 25px;
	}
	.slider-nav .slick-next,
	.slider-nav .slick-prev {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.danhmuc{
		display: none;
	}
	.slideshow{
    width: 100%;
    border-radius: 0;
    margin-bottom: 15px;
}
	.quangcao1{
		display: none;
    width: 29%;
    padding-right: 0px;
}
	.index2 .tieude .left{
    padding: 6px 15px;
}
	.index2 .right{
    margin-top: 0px;
    margin-bottom: 4px;
}
	.index2 .right .dmcap2{
    font-size: 11px;
    padding: 5px 10px;
}
.index2 .right .xemtatca {
    padding: 5px 10px;
    font-size: 11px;
}
	.index2 .wrapbox .left{
    display: none;
}
	.index2 .wrapbox .right{
    width: 100%;
}
	.index4 .left{
    /*display: none;*/
    margin-bottom: 15px;
}
	.index5 .wrapbox{
    margin: 0px;
}
	.product > .box .noidung h3{
    font-size: 14px;
}
	.price-new, .price-regular{
    font-size: 14px;
}
	.price-old{
    font-size: 13px;
}
	.footer-title {
		font-size: 20px;
	}
	.footer-ul {
		list-style: none;
		padding: 0px;
		margin: 0px 0px 20px;
		/* line-height: 34px; */
		margin-left: 0px;
	}
}

@media (max-width: 480px) {
	.logo-menu-res {
		text-align: center;
		padding:10px 5px;
	}
	/*.logo-menu-res img {
		width: 30%;
	}*/
	.search-res .search-grid{
    height: 36px;
}
	.search-res .search-grid input{
    line-height: 35px;
}
	.search-res .search-grid p{
    height: 35px;
}
	.slideshow{
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0px;
}
	.quangcao1{
    display: none;
}
	.tieude span{
    font-size: 18px;
}
	.index1{
    margin-bottom: 20px;
}
	.index2 .tieude .left{
    /* display: block; */
    /* margin-bottom: 6px; */
}
	.index2 .tieude .right >a{margin-top: 6px;margin-left: 0;/* margin-bottom: 6px; */}
	.index4 .box{
    padding: 0px;
    margin-bottom: 30px;
}
	.index4 .right .xemtatca{
		width: 151px;
        display: block;
        margin: 15px auto;
	}
	.index5 .wrapbox{
		padding: 0px;
	}
	.index5 .box{
    padding: 5px;
}
	.product > .box .noidung .gia{
		flex-wrap: wrap;
	}
	.box-right{
    padding: 10px 20px;
}
	.news{
    padding: 5px 18px;
}
	.news .inner {
    overflow: hidden;
}
	.pic-news,
	.info-news {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
		margin: 0px;
	}
	.info-news {
		margin-top: 15px;
	}
	.top-contact .form-contact .button-contact .file-contact span b {
		max-width: 105px;
	}
	.price-old {
		font-size: 15px;
		margin-left: 30px;
	}
	.dambao{
		margin-top: 10px;
	}
	.dambao .box img{}
	.dambao .box .ten{font-size: 11px;}
	.dambao .box .mota{font-size: 11px;}
	.nhanvien .box{
		margin-bottom: 6px;
	}
	.footer-content{
    font-size: 13px;
}
	.footer-ul li a{
		font-size: 13px;
	}
	.footer-article .wrap-content {
		/*padding: 50px 0px 0px !important;*/
	}
	.footer-ul li {
		line-height: 19px;
	}
	.btn-zalo,
	.btn-phone,
	.js-facebook-messenger-box {
		display: none;
	}
	.producthot .product {
		margin-bottom: 1rem;
	}
	.footer-article {
		padding: 20px 0;
	}
	.search-res {
		flex: 1;
		margin: 0 20px;
	}
}

@media (max-width: 460px) {
	.cart-pro-detail a {
		width: 100%;
	}
	.cart-pro-detail a:first-child {
		margin-right: 0px;
		margin-bottom: 0.5rem;
	}
	.cart-pro-detail a i {
		display: none;
	}
	.footer-article .wrap-content {
		padding: 0px 0px 15px 0px;
	}
	.newsletter {
		width: 100%;
	}
}

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

@media (max-width: 360px) {
	.cart-pro-detail {
		flex-wrap: wrap;
	}
	.cart-pro-detail a {
		width: 100%;
		text-align: center;
		margin: 0px !important;
		font-size: 12px;
	}
	.cart-pro-detail a:first-child {
		margin-bottom: 5px !important;
	}
	.cart-pro-detail a i {
		display: none;
	}
}