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


@media only screen and (max-width: 991px) {
		.col-md-2.coldoitac{
		float:left;
		width:20%;
	}
	.col-logo {
    float: left;
    width: 20%;
	}
	ul.menupc li a {
    padding: 0px 7px;
    font-size: 13px;
    font-weight: 600;
	}
	.header{
		height: 60px;
	}
	ul.menupc li a {
    line-height: 60px;
	}
	.col-md-3.dichvu{
		float: left;
		width: 33.3333333333%;
	}
	.col-md-4.duan{
		float: left;
		width: 33.3333333333%;
	}
	.col-md-4.colf1{
		float: left;
		width: 33.3333333333%;
	}
	.mainc-tab{
		padding-left: 20px;
		padding-right: 20px;
	}
	.mainc-content .tab-content .tab-pane.container{
		padding-left: 5px !important;
		padding-right: 5px !important
	}
	.col-md-4.news-list{
		width: 50%;
		float: left;
	}
}


@media only screen and (max-width: 767px) {
	.col-md-2.coldoitac{
		float:left;
		width:25%;
	}
	ul.menupc{
		display: none;
	}
	#cssmenu{
		display: block;
	}
	#cssmenu {
    background: #ffffff;
		}
	#cssmenu #menu-button{
		color: #7c4a27;
		font-size: 0px;
	    margin-bottom: 8px;
	}
	#cssmenu #menu-button:before{
		background: #7c4a27
	}
	#cssmenu #menu-button:after {
    border-top: 2px solid #7c4a27;
    border-bottom: 2px solid #7c4a27;
	}
	.col-menu {
    float: left;
    width: 100%;
    z-index: 0;
	}
	.logobox {
    z-index: 999;
	}
	.header{
		height: auto;
	}
	#cssmenu > ul > li > a{
		background: #7c4a27
	}
	.col-menu {
    padding-right: 0px;
    padding-left: 0px;
	}
	#cssmenu #menu-button.menu-opened:before {

    background: #7c4a27;
  
	}
	#cssmenu #menu-button.menu-opened:after{
		background: #7c4a27;
	}
	.col-md-3.dichvu {
    float: left;
    width: 50%;
	}
	
	.col-md-4.duan {
    float: left;
    width: 50%;
	}
	.col-md-6.online{
		float: left;
	}
	#cssmenu ul ul li a{
		background:#926c51;
		color:#fff !important
	}
}
@media only screen and (max-width: 639px) {

	
}

@media only screen and (max-width: 567px) {
		.top-bar ul li:last-child{
		display: none;
	}
	.title h1{
		font-size:22px !important;
}
.title h2{
	font-size:22px !important;
}
	.col-md-2.coldoitac{
		float:left;
		width:33.33333333333%;
	}
}

@media only screen and (max-width: 479px) {
	
}
@media only screen and (max-width: 400px) {
	.top-bar ul li:last-child{
		display: none;
	}
	.col-logo {
    float: left;
    width: 32%;
	}
	.col-md-4.colf1 {
    float: left;
    width: 100%;
    margin-bottom: 15px
	}
	.col-md-4.duan {
    float: left;
    width: 100%;
	}
	.col-md-6.khachhang {
    width: 100% !important;

	}
	.col-md-4.news-list {
    width: 100%;
    float: left;
	}
}