@media only screen and (max-width: 1024px) {
	.top-right ul li a {
    color: #f00;
    font-size: 16px;
}
	#wapper{
		width: 100%;
		overflow:hidden;
	}
	.container{
		width: 100%;
	}
	.menu ul li a {
    padding: 0px 15px
	}
	.ibaogia-bottom{
		min-height: 65px
	}
	.hotro{
		width: 100%;
	}
	.dkbaogia-right {
    float: left;

    padding-right: 15px;
	}
	.menupc>ul>li>a {
    
    padding: 0 25px;
    }
	.quytrinh-text {

    padding-top: 34px;
}
.idichvu-name h3 a {
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: ruby-text;
}
}


@media only screen and (max-width: 991px) {
	.col-md-3.main-left{
display:none	}
	#blog-area .col-lg-9.col-md-9{
			width:100%;
			padding-left:15px;
		float:left;
	}
	.col-md-4.item{
		width:33.33333333333333%;
		float:left
	}
	.menupc>ul>li>a {
    padding: 0 5px;
}
.col-md-4.colquytrinh,.col-md-4.idichvu,.col-md-3.idichvu{
	float:left;
	width:33.33333333333%;
}
.quytrinh-img {
    float: left;
    margin-right: 15px;
    width: 80px;
}
.quytrinh-text {
    float: left;
	padding-top:20px;
width: calc(100% - 100px);}
	.ibanner.ibannery{
		width:50%;
		float:left
	}
	.ibanner.ibannerx{
		width:50%;
		float:left
	}
	.ibanner-text p{
		font-size:13px;
		line-height:15px !important
	}
	.col-md-3.col-logo{
		float: left;
		width:15%;
	}
	.col-md-9.col-banner{
		float: left;
		width: 85%;
	}
	.ibanner.ibannerx{
		padding-left: 0px;
		width: 50%;
				float:left
	}
	.menu ul li a {
    padding: 0px 15px;
    font-size: 12px;
	}
	.formsearch{
		min-width:200px;
		margin-right:15px
	}
	#nav .container{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.col-md-3.colbaogia{
		width: 50%;
		float: left;
		margin-bottom: 10px;
	}

		.col-md-6.about-left{
				width: 100%;
		float: left;
		
	}
	.col-md-6.about-right{
				display: none;
		
	}
	.congtrinh-list .col-md-3.item{
		float: left;
		width: 33.33333333333%;
	}
	.col-md-6.dkbaogia-left{
		padding: 20px !important;
			width: 100%;
		float: left;
	}
	.col-md-6.dkbaogia-right{
		padding: 20px !important;
				width: 100%;
		float: left;
	}
	.col-md-6.thicong-left{
		width: 50%;
	}
	.col-md-6.thicong-right{
		width: 50%;
	}
	.col-md-8.tintuc-left{
		float: left;
		width: 65%;
	}
	.col-md-4.tintuc-right{
		float: left;
		width: 35%;
	}
	.ithicong-overlay{
		padding: 15px !important
	}
	.thongke ul{
		float: left;
	}
	.col-md-6.footer-adong{
		width: 50%;
		float: left;
	}
	.col-md-3.footer-right{
		width: 50%;
		float: left;
	}
	.col-md-4.footer-right{
		width: 50%;
		float: left;
	}
		.nhansu .col-md-4{
		float:left;
		width:33.333333333333333%;
	}
}


@media only screen and (max-width: 767px) {
	.col-md-10.col-menu{
		display:none !important
	}
	.menupc{
		display:none !important
	}
.col-md-4.top-left{
	width:100%;
	text-align:center;	display:none !important
}
.top-right-box{
	text-align:center;
}
.top-right ul {
    margin-top: 0px;
    float: none;
    margin: 0 auto;
}
.col-md-4.top-left ul{
    margin: 0 auto;
    width: 100%;
    float: none;
    display: ruby;
}
.box-timkiem {
  
    margin-top: 5px;
    margin-bottom: 5px;
}

.header-top{
	padding:0px !important
}
.top-right ul{
	 margin-top: 0px;
}
.col-md-4.top-right{
	display:none !important
}
.col-md-4.top-right,.col-md-4.col-logo{
	width:100%;
	float:left;
}
	.top-left ul {

    margin-top: 0px;
}
	.nhansu .col-md-4{
		float:left;
		width:50%;
	}
	#cssmenu #menu-button.menu-opened:before, #cssmenu #menu-button.menu-opened:after {
  
    background: #111;
	}
	#about {
    float: left;
    width: 100%;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 150px;
}
#about .col-md-7{
	margin-top:20px;
}
ul.utieuchi li {
  
    width: 100%;

}
#dangky .default-form .row {
   
    margin-bottom: 0px;
	margin:0px;
}
#dangky .default-form input {
   
    margin-bottom: 15px;
}
.col-md-6.colfanp,.col-md-4.tinright{
	clear:both;
}
.boxcolchon h4{
	min-height:45px;
}
.col-md-4.tinright{
	margin-top:20px;
}
.foleft {
    float: left;
    width: 100%;
    padding: 25px 15px !important;
   
}
.foright {
    float: left;
    width: 100%;
   
   
}
.titmain h1 {
    
font-size: 24px;}
.col-md-4.colservice.coltintuc{
	float:left
}
.detail-left {
    float: left;
    width: 100%;
	margin:0px;
}
.detail-right {
    float: left;
    width: 100%;
	margin-top:20px;
}
.col-md-4.tinright iframe{
	width:100% !important;
	height:240px;
}
.col-md-3.idichvu{
	  float: left;
    width: 50%;
}
.col-md-3.colchon{
	 float: left;
    width: 50%;
}
#about h2, .titmain h2{
  
font-size: 24px;}
.top-right {
    float: left;
    width: 100%;
}
.box-timkiem,.top-right-box{
    width: 100%;
    float: left;
}
.box-timkiem #keyword{
	 width: 100%;  float: left;
}
	.menu{
		display: none;
	}
	#cssmenu{
	display: block;
}
#cssmenu{
background: #ed1c24;    clear: both;}
#cssmenu #menu-button{

    float: right;
    margin-top: -45px;
    color: #fff !important;
    min-width: 100px;

}
#cssmenu #menu-button:before {
  
    background: #fff;
 
}
#cssmenu #menu-button:after {
  
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;

}
.itembox .item-name h3{
	height:48px;
	line-height:24px;
	overflow:hidden
}
#cssmenu{
	float: left;
	width: 100%;
	clear: both;
}

.col-md-6.footer-adong {
    width: 100%;
    float: left;
}
.col-md-3.footer-right {
    width: 50%;
    float: left;
}
.hotro{
	min-height: 100px;
}
}
@media only screen and (max-width: 639px) {
.col-md-4.tintuc-right{
	width:100% !important
}
.congtrinh-list .col-md-3.item {
    float: left;
    width: 50%;
}
.col-md-6.thicong-left {
    width: 100%;
    margin-bottom: 15px;
}
.col-md-6.thicong-right {
    width: 100%;
    padding-left: 15px;
}
.col-md-8.tintuc-left {
    float: left;
    width: 100%;
}
.col-md-4.tintuc-right {
    float: left;
    width: 100%;
}
.col-md-3.item {
  float: left;
    width: 50% !important;	
}

}

@media only screen and (max-width: 567px) {
	.col-md-3.col-logo {
    float: left;
    width: 20%;
   

}
.col-md-3.col-logo img{
	margin: 0 auto
}
.col-md-9.col-banner {
   width: 80%;
   padding-left:5%;
}
.ibanner.ibannery{
	display:none !important
}
.ibanner.ibannerx{
	width:100% !important
}
.ibanner-text p {
    font-size: 14px;
    line-height: 20px !important;
}
.about-list ul li{
	padding-right: 0px !important
}
.hotro{
	margin: 0px !important;
	padding: 15px !important
}
}


@media only screen and (max-width: 479px) {
	.quytrinh-img {
    float: none;
    width: 35px;margin:0 auto !important
}
.quytrinh-text h3 a {
    font-size: 13px;
    color: #333;
}
.quytrinh-text {
    float: left;
    padding-top: 0px;
    width: 100%;
	text-align:center;
}
.col-md-4.idichvu, .col-md-3.idichvu {
    float: left;
    width: 50%;
}
	.about-list ul li a {
		font-size:12px;
	}
	.congtrinh-title h2 {
    font-size: 24px;

    line-height: 30px;
}
.tintuc-title a{
	margin-top:0px !important
}
.tintuc-title{
	    font-size: 24px;

    line-height: 30px;
}
	.col-md-3.colbaogia {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.ibaogia-top {

    padding: 10px !important
    
}
.ibaogia-img{
	width: 40px;
}
.col-md-6.dkbaogia-right {
    padding: 0px !important;}
 .formdk-right button{
 	white-space: nowrap;
 }
.ibanner-text p {
    font-size: 13px;
    line-height: 15px !important;
}
.ibanner-text h2 {
	font-size:15px !important
}
.ibanner-img{
	margin-right:1px !important
}
.footer-title h2{
	font-size:18px;
}
.footer-title h3{
	font-size:18px;
}
}

@media only screen and (max-width: 380px) {
	.ibaogia-bottom{
	min-height:82px !important
}
.ibaogia-text {
    
    width: calc(100% - 50px);
    float: left;
}
	.congtrinh-list .col-md-3.item {
    float: left;
    width: 100%;
}
.ihotro-img{
	display: none;
}
.xthicong.duanx {
    float: left;
    width: 100%;
    margin:0px !important;
    margin-bottom: 25px !important;
}

	}