@media ( max-width:1024px) { 
	.container_main{
		width: 100%;
		margin:0 auto;
	}	
	.ferromenu-controller .label{
		display: none;
	}
	.hienthi{ display: block; }
	.khonghienthi{ display: none; }
	.class_mobile_position{
		position: absolute;
		z-index: -1;
	}
		
	div.banner_top{
		height: 100px;
		width: 100%;
		display:block;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
	}
	div.banner_top img{
		height: 100%;
		z-index: 9;
	}
	div.title_top{
		position: absolute;
		z-index: 999;
		right: 0;
		top: 10px;
	}
	.box_img{
		width: 19%;
		min-height: 230px;
		float: left;
		margin: 0.5%;
		border-radius: 6px;
	}
	.box_img .tieude_img{
		padding: 10px;
		line-height: 1.2em;

	}
	div.box_galery{
		float:left;
		border-radius: 6px;
		display:block;
		width:100%;
		height:180px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-bottom: 10px;
	}
	div.box_galery img{
		position:relative;
		height:80%;
		border-radius: 6px;
	}
	.sp{
		width: 19%;
		float: left;
		background-color: #E6E7E9;
		margin:0.5%;
		border-radius: 6px;
		height: 100%;
	}
	.tieude{
		font-weight: bold;
		font-size: 1.2em;
	}

	#widget{
		width: 90%;
		max-height:340px;
		overflow: auto;
		margin: 0 auto;
	}
	#widget::-webkit-scrollbar {
		width: 4px;
		height: 10px;
	}
	#widget::-webkit-scrollbar-button:start:decrement,
	#widget::-webkit-scrollbar-button:end:increment  {		
	}			
	#widget::-webkit-scrollbar-track-piece  {
		background-color: #E6E7E9;
	}			
	#widget::-webkit-scrollbar-thumb:vertical {
		cursor:pointer;
		background: #274166;
	}

	.col-1{
		width: 40%;
		float: left;
	}
	.col-2{
		width:58%;
		float: right;
	}
	.lienhe{
		color: #fff;
		font-size: 1.4em;
		font-weight: 100;
		width: 100%;
		margin: 0px 0px 1em 0px;
		height: 70px;
		text-align: left;
	}
	.news{
		width: 25%;
		float: left;
		margin: 0%;
	}
	div.img_list{
		float:left;
		display:block;
		width:100%;
		height:180px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-bottom: 10px;
	}
	div.box_galery img{
		position:relative;
		height:100%;
	}
	.tieude2{
		text-align: center;
		font-weight: bold;
		color: #000;
	}
	.nua{
	width: 45.7%;
	}
	.trai{
	float: left;
	}
	.phai{
		float: right;
	}
}
@media ( min-width:1025px) { 
	.ferromenu-controller .label{
		display: none;
	}
	.hienthi{ display: block; }
	.khonghienthi{ display: none; }
	.class_mobile_position{
		position: absolute;
		z-index: -1;
	}
	.container_main{
		width: 80%;
		margin:0 auto;
	}	
	div.banner_top{
		height: 100px;
		width: 100%;
		display:block;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
	}
	div.banner_top img{
		height: 100%;
		z-index: 9;
	}
	div.title_top{
		position: absolute;
		z-index: 999;
		right: 0;
		top: 10px;
	}
	.box_img{
		width: 19%;
		min-height: 230px;
		float: left;
		margin: 0.5%;
		border-radius: 6px;
	}
	.box_img .tieude_img{
		padding: 10px;
		line-height: 1.2em;

	}
	div.box_galery{
		float:center;
		border-radius: 6px;
		display:inline-block;
		width:100%;
		height:180px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		vertical-align: middle;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-bottom: 10px;
	}
	div.box_galery img{
		position:relative;
		height:80%;
		border-radius: 6px;
	}
	.sp{
		width: 19%;
		float: left;
		background-color: #E6E7E9;
		margin:0.5%;
		border-radius: 6px;
		height: 100%;
	}
	.tieude{
		font-weight: bold;
		font-size: 1.2em;
	}

	#widget{
		width: 90%;
		max-height:340px;
		overflow: auto;
		margin: 0 auto;
	}
	#widget::-webkit-scrollbar {
		width: 4px;
		height: 10px;
	}
	#widget::-webkit-scrollbar-button:start:decrement,
	#widget::-webkit-scrollbar-button:end:increment  {		
	}			
	#widget::-webkit-scrollbar-track-piece  {
		background-color: #E6E7E9;
	}			
	#widget::-webkit-scrollbar-thumb:vertical {
		cursor:pointer;
		background: #274166;
	}

	.col-1{
		width: 40%;
		float: left;
	}
	.col-2{
		width:58%;
		float: right;
	}
	.lienhe{
		color: #fff;
		font-size: 1.4em;
		font-weight: 100;
		width: 100%;
		margin: 0px 0px 1em 0px;
		height: 70px;
		text-align: left;
	}
	.news{
		width: 23%;
		float: left;
		margin: 1%;
	}
	div.img_list{
		float:left;
		display:block;
		width:100%;
		height:180px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-bottom: 10px;
	}
	div.box_galery img{
		margin:auto;
    	position:absolute;
    	top:0; left:0; right:0; bottom:0;
		display: inline-block;
		text-align: center;
		width:100%;
		height:auto;
				
	}
	.tieude2{
		text-align: center;
		font-weight: bold;
		color: #000;
	}
	.nua{
	width: 45.7%;
	}
	.trai{
	float: left;
}
.phai{
	float: right;
}
}