@media only screen and (max-width: 1024px) {
	#wapper{
		width: 100%;
		overflow:hidden;
	}
	.col-btall p{
		font-size:13px;
		letter-spacing:-0.5px;
	}
	.col-btall {
    padding-top: 10px;
    padding-left: 0px;
}
	.col-namecompany h2{
		font-size:32px !important
	}
	.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 15px;

}
.company-left {
    padding-left: 15px;
    padding-top: 44px;
}
.vitri i{
	margin-top:0px;
	margin-right:15px;
}
.col-md-4.boxitem h3 {
    min-height: 85px;
    text-align: center;
}
.bchon h4{
	font-size:16px;
}
.bchon {
padding: 10px 3px;}
#video {
  
    min-height: 500px;

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

.col-callbox .iconbox{
	margin-right:10px;
}
.col-md-4.col-logo{
	width:25%;
}
.logobox{
	height:80px !important
}
.menu ul li a {
	
}
.dichvu-text h3 a {
	font-size: 18px;
}
.header .container:before{
	display:none !important;
}
.header .container:after{
	display:none !important;
}
.header .container{
	padding-left:0px !important;
	padding-right:0px !important
}
.iconbox-text a{
	font-size:13px;
}
.col-md-8.col-menu{
	width:75%;	
}
}


@media only screen and (max-width: 991px) {
    .single-blog-post img{
        width:auto !important;
         height:auto !important;
    }
	.col-menu {
    float: left;
    width: 100%;
}
	.col-md-2.col-logo{
		float:left;
		width:20%;
	}
	.col-md-6.col-timkiem{
		float:left;
		width:60%;
	}
	.col-md-4.col-callbox{
		display:none !important
	}
	    .menu ul li a {
padding: 0px 12px;        font-size: 13px;
    }
	.col-md-3.bchonx {
		float:left;
		width:25%;
	}
	.col-md-7.cauhoi-right{
	width:70%;
		float:left;	
	}
	    .col-md-4.dichvu.catdichvu {
        float: left;
        width: 50%;
    }
	.col-md-5.cauhoi-left{
		width:30%;
		float:left;
	}
	.itemads{
		float:left;
		width:50%;
		padding-left:10px !important;
		padding-right:10px !important;
		margin-top:10px !important
	}
	.bchonx{
		font-size:10px;
	}
	.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;
	}
	.menu ul {
   
    margin-right: 25px;
}

	.catdichvu .dichvu-text {
  
    padding: 0px;
    padding: 0px !important;
}
.catdichvu .xemt:after{
	width:40%;
}
.col-md-9.content-left{
	float:left;
		width:70%;
}
.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%;
}
.col-md-4.colul-right {
	display:none !important
}
.top-bar{
	padding-right:10px;
}
.logobox{
}
.about-right h2, .about-right h1{
	font-size:34px;
}
ul.ulchon li{
	width:50%;
	margin-bottom:15px;
}
.dichvu-text .dichvu-text-right h3{
	margin-top:10px;
}
.col-md-3.boxwhy{
	width:25%;
	float:left;
}
.boxts{
	clear:both;
	        float: left;
        width: 100%;
}
.col-md-4.colduan{
		width:33.3333333333%;
	float:left;
}
.bdangky{
	padding-left:15px;
	padding-right:15px;
	clear:both;
}
.col-md-6.form-left{
	float:left;
	width:50%;
}
.col-md-6.form-right{
	float:left;
	width:50%;
}
.col-md-3.main-left{
	float:left;
	width:30%;
}
.col-lg-9.col-md-9.col-sm-12.col-xs-12{
		float:left;
	width:70%;
}
.col-btall {
padding-top:0px !important;
        display: inline-flex;
    }
.col-btall p{
	margin-right:15px;
	margin-left:15px;
}
.dichvu-text .dichvu-text-right h3 {
      
        min-height: 50px;
    }

    .col-md-6.about-right {
        float: left;
        width: 100%;
    }
.col-md-6.about-left {
        float: left;
        width: 100%;
    }
	.col-md-2.boxwhy .tieude{
		font-size:15px;
	}
	.col-md-3.catdichvu{
	   float: left;
        width: 33.33333333333%;	
	}
	.col-md-2.diemden {
  float: left;
        width: 33.33333333333%;	
}
.col-md-2.boxwhy {
    width: 20%;
    text-align: center;float: left;
}
.col-md-6.bkhachhang{
	  float: left;
        width: 50%;	
}
.ckhachhang-img{
	width:90px;
}
.col-md-3.colttin{
	  float: left;
        width: 50%;	
		margin-bottom:15px;
}
}



@media only screen and (max-width: 767px) {
	.col-btall{
		display:none !important
	}
	    .col-md-3.bchonx {
        float: left;
        width: 50%;
    }
	.block-content table{
		max-width:100% !important;
		width:100% !important;
		font-size:x-small !important
	}
	.block-content table tr, .block-content table th, .block-content table span, .block-content table div, .block-content table p, .block-content table thead{
	
		font-size:x-small !important;
				margin:1px !important
	}		
	    .dichvu-text .dichvu-text-right h3 {
        height: 50px;
        overflow: hidden;
    }
		.tinright{
			margin-top:15px;
		}
	.tinright iframe{
		width:100% !important
	}
	.boxwhy h3{
		height: 40px;
        overflow: hidden;
	}
	    .col-lg-9.col-md-9.col-sm-12.col-xs-12 {
        float: left;
        width: 100%;
		padding-left: 15px;
    }
	    .col-md-4.col-logo {
        width: 35%;
    }
	    .col-md-8.col-menu {
        width: 65%;
    }
	.top-bar .iconbox-img img{
		width:20px
	}
.col-md-8.colul-left{
	float:left;
		width:50%;
}

.top-bar {
        height: 45px !important;
        padding-right: 20px;
    }
.box-timkiem #keyword {
        height: 45px;
        min-width: 240px;
    }
	.col-md-6.about-left{
			float:left;
		width:100%;
		padding-right:5px !important;
		padding-left:5px !important
	}
	.col-md-6.about-right{
			float:left;
		width:100%;
	}
	ul.menupc{
		display: none;
	}
	#nav .menu{
		display: none;
	}
	#cssmenu{
		display: block;
		    float: left;
    width: 100%;
    clear: both;
	}
	#cssmenu {
    background: #2b77d4;
		}
	#cssmenu #menu-button{
		color: #fff;
		font-size: 0px;
	    margin-bottom: 0px;
		background:none  !important;
		       
				        position: relative;
        z-index: 99;
	}
	#cssmenu #menu-button:before{
		background: #fff
	}
	.header .container{
		padding-right:10px !important
	}
	#cssmenu #menu-button:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
	}
	#cssmenu #menu-button{
        font-size: 13px !important;
        min-height: 47px;
    
	}
	.col-menu {
    float: left;
    width: 100%;
    z-index: 0;
	}
	.logobox {
    z-index: 999;
	        position: relative;
	}
	.header{
	        
		z-index:2
	}
	.dichvu-text h3 a{
		font-size:15px;
	}
	.col-md-3.main-left{
		display:none !important
	}
	.boxts{
		padding-left:15px;
		padding-right:15px;
	}
	.col-md-3.boxwhy{
		padding-left:6px;
		padding-right:6px;
	}
	#cssmenu > ul > li > a{
		background: #2b77d4
	}
	.col-menu {
    padding-right: 0px;
    padding-left: 0px;
	}
	#cssmenu #menu-button.menu-opened:before {

    background: #009159;
  
	}
	#cssmenu #menu-button.menu-opened:after{
		background: #009159;
	}
	#headbottom{
		border-top:1px solid #dedede;
	}
	.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:#438de7;
		color:#fff !important
	}
	    .col-md-9.content-left {
        float: left;
        width: 100%;
    }
	.box-ttvan ul.bcall li {

    padding: 12px 20px;

}
.col-md-2.boxwhy {
        width: 33.333333333%;
        text-align: center;
        float: left;
    }


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

	    .col-namecompany h2 {
        font-size: 24px !important;
    }
	.box-ttvan ul.bcall {
   
    display: block;

}
    .col-md-2.diemden {
        float: left;
        width: 50%;
    }
    .col-md-6.bkhachhang {
        float: left;
        width: 100%;
		margin-bottom:10px;
    }
.box-ttvan ul.bcall li{
	margin-bottom:10px;
}
}

@media only screen and (max-width: 567px) {
	.col-md-5.cauhoi-left{
		display:none !important
	}
	.col-md-7.cauhoi-right{
		width:100% !important
	}
	.tin-one {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.tin-two {
    float: left;
    width: 100%;
	margin-top:20px;
}
	.col-md-4.col-logo {
        width: 45%;
    }
	.iconbox.boxemail{
		display:none !important
	}
		.top-bar ul li:last-child{
		display: none;
	}
	.col-md-8.col-menu {
        width: 55%;
    }
	.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;
    }
	    .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;
    }
	.dichvu-img img{
		 width:100%;
	}
	    .col-md-4.dichvu.catdichvu {
        float: left;
        width: 50%;
    }
	.col-md-3.colf1 {
        float: left;
        width: 100%;
    }
	    .col-md-3.boxwhy {
        width: 50%;
        float: left;
    }
	.col-md-4.colf1 {
        float: left;
        width: 100%;
    }
	.news-list-des {
    
    width: 100%;

}
	.news-list-xemthem {
    float: left;
    width: 100%;
}
	.top-bar ul li{
		display:none;
	}
	.col-md-4.colduan {
        width:100%;
        float: left;
    }
	.top-bar ul li:first-child{
		display:block;
	}
}

@media only screen and (max-width: 479px) {
	    .col-md-4.col-logo {
        width: 50%;
    }
	    .col-md-8.col-menu {
        width: 50%;
    }
	.colfmap iframe{
		width:100% !important
	}
		.logobox img {
    max-height: 105px;
	}
	.tin-one {
    float: left;
    width: 100%;
    margin-right: 0%;
}
	.tin-two {
    float: left;
    width: 100%;
    margin-right: 0%;
}
	.col-md-6.form-left {
        float: left;
        width: 100%;
    }
		.col-md-6.form-right {
        float: left;
        width: 100%;
    }
	.col-md-4.colduan {
       
        padding-left: 20px;
        padding-right: 20px;
    }
	.tieude{
		font-size:13px;
	}
	.col-logo {
    float: left;
    width: 80%;
	}
		p.slohx{
		padding-left:100px !important
	}
	    .col-namecompany h2 {
        font-size: 20px !important;
		margin-top:15px;
    }
	#ttuvan .box-ttvan {
    padding: 35px 30px;
}
.col-md-2.boxwhy {
        width: 50%;
        text-align: center;
        float: left;
    }
	.tin-one-text h3 a {
    font-size: 14px;
}
}
@media only screen and (max-width: 400px) {
	.top-bar ul li:last-child{
		display: none;
	}
	.col-md-4.dichvu.catdichvu {
        float: left;
        width: 100%;
    }
	.news-list-name {
    float: left;
    width: 100%;
    margin-bottom: 8px;
}
	.news-list-img {
    float: left;
    width: 100%;
    margin-right: 0%;
}
	.logobox img {
        max-height: 70px;
        padding: 5px;
	}
	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;
	}
}