@media all and (max-width: 1200px) {	
	#navMenu .container{
		max-width: 100%;
	}
	#navbarNavDropdown .nav-item{
		font-size: 0.8rem;
	}
	header .container {
		max-width: 100%;
	}
}
@media all and (max-width: 1150px) {
	
}
@media all and (max-width: 1024px) {
	#navMenu .navbar-nav li:nth-child(1){
		display: none;
	}
	#navMenu .nav-item::after {
	    display: none;      
	}
	#navMenu .navbar-toggler{
		background: #FFF !important;
	}  
	#navMenu a{
		padding-left: 0;
	}
}
@media all and (max-width: 960px) {
	.pt-5, .py-5{
		padding-top: 3vw!important;
	}
	.title-sub{
		margin-top: 3vw!important;
	}	
	#home .widget,.home-feel{
		display: none;
	}
}
@media all and (max-width: 768px) {	
	.home-about .img-fluid{
		display: none;
	}	
	.search .navbar-toggler{
		display: block !important;
	}
}
@media all and (max-width: 600px) {
	/*head*/
	header .cart-box .box .viewed{
		padding-left: 0;
		min-width: 30px;
		padding-right: 0;
		border: 0;
	}
	header .cart-box .box .viewed a{
		opacity: 0;
	    overflow: hidden;
	    height: 30px;
	    width: 30px;
	}
	header .cart-box .box .cart{
		min-width: 55px;
		padding-left: 0;
	}
	header .cart-box .box .cart div:nth-child(2) a{
		display: block;
		height: 40px;
		width: 40px;
		opacity: 0;
	}
	header .cart-box .box .cart div:nth-child(2) p{
		display: none;
	}
	header .hotline{
		display: none;
	}
	header div.container{
		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 2vw !important;
	}
	header div.container .logo{
		height: auto;
		width: calc(100% - 145px);
		background-size: auto 100%;
    	background-position: left;
	}
	header .search{
		padding: 0;
		display: flex;
	}
	header .search p{
		display: none;
	}
	header .container{
		flex-wrap: wrap;
	}
	header .container div:nth-child(1){
		order: 1;
	}
	header .container > div:nth-child(2){
		order: 3;
		width: 100%;
	}
	header .container > div:nth-child(2) form{
		flex-wrap: nowrap;
	}
	header .container > div:nth-child(2) form input{
		width: calc(100% - 92px);
	}
	header .container div:nth-child(3){
		order: 2;
	}
	#navMenu{
		display: none;
	}
	
	/*#head*/
	.sale-today .box-sale-today .img{
		width: 100%;
		height: auto;
	}
	.box-incentives .img{
		width: 100%;
		height: auto;
	}
	.home-news .img{
		width: 100%;
		height: auto;
	}
	.title {
	    position: relative;
	    padding-bottom: 4vh;	    
	    font-size: 8vw;
	}
	.title::after {	   
	    top: 8vh;
	    height: 27px;
	}	
	[class^="col-"]{
		padding-left: 4vw;
    	padding-right: 4vw;
	}
	.row{
		margin-right: -4vw;
    	margin-left: -4vw;
	}
	.home-feel{
		display: none;
	}
	footer .nav{
		display: none;
	}
	footer{
		border-top: 5px solid var(--main);
	}
	/*page*/
	.page .container .col-xl-3{
		order: 2;
		margin-top: 5vw;
	}
	.breadcrumb{
		margin-bottom: 0vw;
	}
	.info-shop div:nth-child(2) {	   
	    background: url(../images/icon/daily.png) 24px 4px no-repeat;
	    padding-left: 70px;
	    min-height: 45px;
	    line-height: 35px;
	}
	.info-shop div:nth-child(3) {
	    background: url(../images/icon/huongdan.png) 27px 0px no-repeat;
	    padding-left: 70px;
	    min-height: 45px;
	    line-height: 35px;
	}
}
@media all and (max-width: 480px) {	
	

}
@media all and (max-width: 320px) {
	
}

@media print {
}
/* chế độ tối */
@media (prefers-color-scheme: dark) {
  
}
/* chế độ tắt hiệu ứng */
@media (prefers-reduced-motion: reduce) {
    transform: none;
}
/* chế độ trình duyệt không có hover */
@media(hover: none) {
    
}

@media all and (min-width: 992px) {
}