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

	.container {
		width: 100%;
	}

	.site-header, .site-main-wrapper, .site-footer {
		max-width: 100%;
	}

}

@media all and (max-width: 980px) {
	.col-main {
		padding: 0 15px;
	}

	.page .col-sidebar, .nav-footer{
		display: none;
	}

	.nav-footer {
		border-top: 2px solid blue;
	}
	#box-search {
    bottom: 50px;
    padding-left: 170px;
}
#primary-menu .menu-ul li {
    color: white;
    font-size: 12px;
    border-right: 1px solid #a50706;
}


}


@media all and (max-width: 600px) {
	#right-sidebar{
		display: none;
	}
	.dat-hang {
    text-align: center;
    margin-top: 10px;
    padding-left: 179px;
}



}
@media all and (max-width:450px) {
	.tab-wrapper ul li{
	border-right: 0px;
}
.tab-menu{
	background: #DC1818;
}
.tab-wrapper ul{
	background: #DC1818;
}
.tab-wrapper li:hover{
	
	width:100%;
}
.tab{
	padding: 0px;
	border:1px solid #CCC;
}
.tab-wrapper ul li{
	width: 100%;
}
.dat-hang{
	   padding-left: 65px;
}
.sub-menu{
	display: none;
}
}
@media all and (max-width: 360px) {

	.cate-post-excerpt{
			text-align: justify;
	}
	.tab-wrapper ul li{
	border-right: 0px;
}
.tab-menu{
	background: #DC1818;
}
.tab-wrapper ul{
	background: #DC1818;
}
.tab-wrapper li:hover{
	
	width:100%;
}
.tab{
	padding: 0px;
	border:1px solid #CCC;
}


.dat-hang {
  
    padding-left: 60px;
}

}

@media all and (max-width: 320px) {
.dat-hang {
    
   
    padding-left: 40px;
}

}



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

	.botton-menu {
		display: block;
	}

	#primary-menu {
		display: none;
	}

	#menu-menu-chinh {

	}

	.nav-menu .menu-ul > li {
		float: none;
	}
	#box-search {
		display: none;
	}	
	#primary-menu .menu-ul{
		margin-left: 0px;
	}
	#right-sidebar{
		margin-top: 0px;
	}
	#menu-danh-muc-san-pham li:hover .sub-menu{
		display: none;
	}
	.dat-hang .add-cart{
		margin-left: 20px;
	}
}