@media only screen and (max-width: 1024px) {
	#wapper{
		width: 100%;
		overflow:hidden;
	}
	.container{
		width: 100%;
	}
	.menupc ul li a {
   
    padding: 0px 10px;
	}	
.banner h2 {
		font-size: 20px;
	}
	#nav .menupc ul li a {
    padding: 0px 6px;}
}


@media only screen and (max-width: 991px) {
	.col-logo{
		float: left;
		width: 20%;
	}
	.col-banner{
float: left;
		width: 80%;
	}
	.col-search p{
		display:none
	}
	.col-search {
    float: left;
    width: 100%;
}

.app-figure {
    width: 100% !important;
    margin: 0px !important;
    padding: 0;
}
#nav .menupc ul li{
	max-width:10%;
	    height: 45px;
    overflow: hidden;
}
#nav .menupc ul li a{
	line-height:22px;

}
.col-md-4.col-info{
	float:left;
	width:33.333333333333%;
}
.col-md-4.col-bando,.col-md-4.col-baogia{
	float:left;
	width:33.333333333333%;
}
.col-md-3.main-left{
	display:none !important
}
.blog-single-area .col-lg-9{
	padding-left:15px;
}
}


@media only screen and (max-width: 767px) {
	button.btcart {
		padding:5px 5px !important;
		font-size:13px !important
	}
	.col-md-3.isanpham{
	float:left;
	width:50%;
}
	
	.menupc{
		display: none;
	}
	#cssmenu{
	display: block;
	float: left;
	width: 100%;
	clear: both;
}
#cssmenu{
background: #872023;}
#cssmenu #menu-button{
	
}
.col-banner{
	padding-top:0px;
}
.col-md-4.col-info{
	float:left;
	width:100%;
}
.col-md-4.col-bando,.col-md-4.col-baogia{
	float:left;
	width:100%;
}
#mainsp .owl-prev{
	left:35px;
}
#mainsp .owl-next{
	right:35px;
}
.col4item {
    float: left;
    width: 33.33333333%;
}
.isanpham .isanpham-text h3 {
    font-size: 14px;
}
.isanpham .isanpham-text h3{
	height:60px;
	line-height:20px;
	
}
}
@media only screen and (max-width: 639px) {
	.col-logo{
		float: left;
		width: 30%;
	}
	.col-banner{
float: left;
		width: 70%;
	}
	.banner h2 {
    font-size: 16px;
}
 .isanpham-text h3 {
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 20px;
}
.detail-left {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.detail-right {
    float: left;
    width: 100%;
    margin-right: 0%;
}
}

@media only screen and (max-width: 567px) {
	.banner p{
		display:none;
	}
}


@media only screen and (max-width: 479px) {

}
@media only screen and (max-width: 400px) {
.col4item {
    float: left;
    width: 50%;
}

	}