@media only screen and (max-width: 1024px) {
	#wapper{
		width: 100%;
		overflow:hidden;
	}
	.container{
		width: 100%;
	}
	ul.menupc li a{
		padding: 0px 10px;
	}
	.box-timkiem #keyword {
    height: 45px;
    min-width: 300px;
	}
	.col-md-6.col-timkiem{
		
	}
	.col-md-6.col-timkiem{
		width:40%;
	}
	.col-md-4.col-callbox{
		width:43.333333%;
	}
	.menu ul li a {
  
    padding: 0px 20px;

}
.company-left {
    padding-left: 15px;
    padding-top: 44px;
}
.col-md-4.boxitem h3 {
    min-height: 85px;
    text-align: center;
}
#video {
  
    min-height: 500px;

}
#bando iframe {
    height: 500px;
    width: 100% !important;
}
}


@media only screen and (max-width: 991px) {
	.col-md-2.col-logo{
		float:left;
		width:40%;
	}
	.col-md-6.col-timkiem{
		float:left;
		width:60%;
	}
	.col-md-4.col-callbox{
		display:none !important
	}
	    .menu ul li a {
        padding: 0px 10px;
        font-size: 13px;
    }
	.col-md-6.about-left{
			float:left;
		width:50%;
	}
	.col-md-6.about-right{
			float:left;
		width:50%;
	}
	.col-md-4.choice{
		float:left;
		width:33.333333333%;
		padding:10px !important
	}
	.boxchoice-text p{
		min-height:50px;
	}
	.col-md-3.cboxtieuchi{
		float:left;
		width:50%;
		margin-bottom:15px;
	}
	.col-md-4.dichvu.catdichvu{
		float:left;
		width:33.3333333333%;
	}
	.catdichvu .dichvu-text {
  
    padding: 10px !important;
}
.catdichvu .xemt:after{
	width:40%;
}
.col-md-4.boxitem{
	float:left;
		width:50%;
}
.col-md-3.colboxkh{
	float:left;
		width:50%;
}
.col-md-3.colf1{
	float:left;
		width:50%;
}
.col-md-4.colf1, .col-md-6.flogo, .col-md-6.copy{
	float:left;
		width:50%;
}
}


@media only screen and (max-width: 767px) {
	.colul-right .uly{
	display:none !important
	}
	.about-right{
	padding-right:15px;
	padding-top:15px;
}
.logobox.logof img {
    max-height: 50px;
    margin: 0 auto;
}
.col-md-3.copy{
	text-align:center !important
}
#chuyennghiep .col-md-4.boxitem h3 a {
    
    font-size: 16px;
    font-weight: 400;
}
.boxtieuchi {
    padding: 30px 10px;
    background-size: cover !important;
}
.col-md-8.colul-left{
	float:left;
		width:50%;
}
.top-bar{
	height:auto !important
}
.box-timkiem #keyword {
        height: 45px;
        min-width: 240px;
    }
	.col-md-6.about-left{
			float:left;
		width:100%;
	}
	.col-md-6.about-right{
			float:left;
		width:100%;
	}
	ul.menupc{
		display: none;
	}
	#nav .menu{
		display: none;
	}
	#cssmenu{
		display: block;
	}
	#cssmenu {
    background: #111;
		}
	#cssmenu #menu-button{
		color: #fff;
		font-size: 0px;
	    margin-bottom: 0px;
		background:#111 !important
	}
	#cssmenu #menu-button:before{
		background: #fff
	}
	#cssmenu #menu-button:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
	}
	#cssmenu #menu-button{
        padding: 15px;
        font-size: 16px !important;
    
	}
	.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) {
	.linered,.captext{
		font-size:13px;
	}
	.boxcap{
		top:5%;
	}
	.boxcapright {
    width: 100%;
    float: right;
}
.boxcapright h3 {
	font-size:14px;
	margin-bottom:3px !important;
}
.boxcapright h4 {
    font-size: 20px;
	margin-bottom:3px !important;
  
}
.linered{
	margin-bottom:4px !important
}
		.top-bar ul:not(.ulx) 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%;
	}
	
	.col-md-2.col-logo {
        float: left;
        width: 30%;
    }
	.box-timkiem #keyword {
        height: 45px;
        min-width: 140px;
		width: 170px;
    }
	    .col-md-6.col-timkiem {
        float: left;
        width: 70%;
    }
	.col-md-4.boxitem {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}
	.col-md-4.choice {
        float: left;
        width:100%;
        padding: 10px !important;
    }

	    .col-md-4.dichvu.catdichvu {
        float: left;
        width: 100%;
    }
	.col-md-3.colf1 {
        float: left;
        width: 100%;
    }
	.col-md-4.colf1 {
        float: left;
        width: 100%;
    }

	.top-bar ul.ulx li:first-child{
		display:none;
	}
}

@media only screen and (max-width: 479px) {
	.colfmap iframe{
		width:100% !important
	}
		.logobox img {
    max-height: 105px;
	}
	.col-logo {
    float: left;
    width: 80%;
	}
		p.slohx{
		padding-left:100px !important
	}
}
@media only screen and (max-width: 400px) {
	
	.logobox img {
    max-height: 105px;
	}
	p.slohx{
		padding-left:100px !important
	}
	.colfmap iframe{
		width:100% !important
	}
	.col-logo {
    float: left;
    width: 80%;
	}
	.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;
	}
}