@media only screen and (max-width: 1024px) {
	#wapper{
		width: 100%;
		overflow:hidden;
	}
ul.ulpc li a {
    font-size: 13px;
    padding: 0px 2px;
	}
	#sanpham .item h3 a {
    font-size: 14px;
	}
	.item h3 {
		min-height:75px;
	}
	.tieubieu-text h3 {
    font-size: 14px;}



}


@media only screen and (max-width: 991px) {
	.col-md-10.col-menu{
		width:100%;
		    position: initial;
	}
	.hotline{
		position:absolute;
		right:15px;
		top:15px;
	}
	.col-logo img {
    max-height: 65px;
	}
	ul.ulpc li a {
    
    padding: 0px 5px;
	}
	.col-md-3.coltieubiey{
		float:left;
		width:23%;
		margin-left:1%;
		margin-right:1%;
		padding:0px !important
	}
	.tieubieu-text h3 {
    font-size: 15px;
	min-height:35px;
	}
	.maintitle h2{
		font-size:24px;
	}
	.col-md-4.lis{
		width:50%;
	float:left;
	}
	.col-md-4.colmainimg{
		display:none !important
	}
	.col-md-4.lis.lisright{
		width:50%;
	float:left;
	}
	.colsp.col-md-4{
		width:50%;
		float:left;
	}
	.col-md-6.colinfo{
		width:50%;
		float:left;
	}
	.col-md-6.colmap{
			width:50%;
		float:left;
	}
	.col-md-3.page-left{
		display:none !important
	}
	#mainsub h1{
		font-size:24px;
	}
	.col-md-4.colnewsx{
			width:50%;
		float:left;
	}
	ul.ulpc li a{
		line-height:40px !important
	}
	
}


@media only screen and (max-width: 767px) {
	ul.ulpc{
	display: none !important	
	}
	#cssmenu{
	display: block;
}
.hotmb{
	display:block;
}
#cssmenu{
background: #70A51F;}
#cssmenu #menu-button{
	
}
.hotmb{
	    float: right;
    margin-top: 15px;
    margin-right: 15px;
font-size:18px;
font-weight:900;
font-family:system-ui;
color:#fff;
}
.hotmb span{
	font-size:15px;
	font-weight:500 !important
}
a.hotline{
	padding-top:0px !important
}
.boxtieubieu {
	padding: 12px;
}

}
@media only screen and (max-width: 639px) {
.col-md-3.coltieubiey {
    float: left;
    width: 48%;
	margin-bottom:15px;
}
.col-md-4.lis {
    width: 100%;
    float: left;
}
.li-icon {
    float: left;
    width: 12%;
}
.li-text {
    width: 87%;
	padding-top: 8px;
}
.col-md-4.lis.lisright {
    width: 100%;
    float: left;
}
.pricebox a {
padding: 3px 10px;}
}
@media only screen and (max-width: 567px) {
	
}


@media only screen and (max-width: 479px) {
	.tieubieu-text h3 {
		min-height:30px;
	}
	.colsp .item .pricebox span {
    width: 100%;
    display: block;
	}
	.colsp .item .pricebox{
		padding-top:0px !important
	}
	.pricebox a{
		width:100%;
		text-align:center;
	}
	.item h3{
		font-size:15px;
		height:85px;
		overflow:hidden
	}
	.colbanggia table{
		font-size:small !important
	}
	.colbanggia table,.colbanggia table tr, .colbanggia table td, .colbanggia table span, .colbanggia table div, .colbanggia table p{
	font-size:13px !important
}
.col-md-6.colinfo,.col-md-6.colmap {
    width: 100%;
    float: left;
}

}
@media only screen and (max-width: 380px) {
	.col-md-4.colnewsx {
    width: 100%;
    float: left;
}

	}