@media only screen and (max-width: 1199px) {
	#max-menu-page{
		display: none
	}
	#nav-menu-page{
		display: block;
	}
	#product-page .item-slide{
		width: 33.33333%
	}
	#product-page .title-h1{
		margin-bottom: 5px;
	}
	.sort select{
		margin-bottom: 10px;
	}
	#product-detail .info .wrap-form-add button{
	  	float: initial;
	  	margin-top: 10px;
	  }
}
@media only screen and (max-width: 991px) {
	#footer .item{
		margin-bottom: 20px
	}
	#promotion .right img{
		position: relative;
		display: block;
		margin:auto;
	}
	#product-page .item-slide{
		width: 50%
	}
	#product-detail .info{
		margin-top: 30px;
	}
	.relate .item-slide{
		width: 33.3333%
	}

}
@media only screen and (max-width: 767px) {
	.item-product{
		margin-bottom: 20px
	}
	.title-main .left{
		width: 100%;
	}
	.title-main .right{
		width: 100%
	}
	#product-hot .owl-nav .owl-next{
		right: 0
	}
	#product-hot .owl-nav .owl-prev{
		left: 0
	}
	#product-hot .owl-nav > div{
		padding: 0
	}
	#product-hot .owl-nav > div i{
		width: 25px;
		height: 25px;
		font-size: 20px
	}
	#product-page .left{
		width: 100%;
		margin-bottom: 20px;
	}
	#product-page .right{
		width: 100%;
	}
	#product-detail .left{
		width: 100%;
	}
	#product-detail .right{
		width: 100%;
	}
	.relate .item-slide{
	  	width: 100%;
	  	margin-bottom: 20px;
  	}
  	#product-detail .right{
  		margin-top: 20px
  	}
}

@media screen and (max-width: 450px) {
  #header #head-header .right{
  	font-size: 12px
  }
  #product-detail .info .wrap-form-add button{
  	float: initial;
  	margin-top: 10px;
  }
}