@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.hienthi{ display: none; }
	.khonghienthi{ display: block; }
	ul, li{
		list-style: none;
	}
	a{text-decoration: none; color: #3F779E;}
	a:hover{
		color: #BB0000;
	}
	div.noidungtin img{ 
		width: 99%;
		text-align:center;
		padding: 10px 0px;
	 }
	 div.noidungtin table, td{
	 	border:0;
	 	cellpadding:0;
	 	cellspacing:0;
	 }

	
	.container_menu{
		width: 97%;
		margin:0 auto;
	}
	ul.owl-carousel li{
		width: 100%;
	}
	ul.owl-carousel li h2{
		font-family: "Roboto-Condensed";
		font-size: 1.4em;
		font-weight: 100;
		color: #C4964F;
		line-height: 1.5em;
	}
	div.info{
		padding:0px;
		font-family: "Roboto-Condensed";
		font-size: 1em;
		text-align: justify;
	}
	div.info2{
		padding:0px;
		font-family: "Roboto-Condensed";
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.icon1{
		background:url(../images/icon.png) no-repeat left center;
		background-size: auto 100%;
		width: 25px;
		height: 25px;
		float: left;
		margin-right: 10px;
	}
	div.logobottom{
		margin: 0 auto;
		width:80%;
		height: 150px;
		overflow:hidden;
		position:relative;
		z-index:1;	
		margin-bottom:10px;	
		margin-top:10px;
		text-align:center;
	}
	div.logobottom img{
		height: 100%;
	}
	div.img_thums{
		float: left;
		width:100%;
		height: 180px;
		overflow:hidden;
		position:relative;
		z-index:1;	
		text-align:center;
		margin-bottom: 20px;
	}
	.content_index{
		width: 100%; 
		float: right;
	}
	.content_index img{
		width: 100%;
	}
	.content_index2{
		width: 100%; 
		float: right;
	}
	.content_index2 img{
		width: 100%;
	}
	.content_index3{
		width: 50%;
		float: left;
		position: relative;	
	}
	.content_index3 img{
		width: 100%;
	}
	div.info3{

		padding:0px;
		
		position: absolute;
		bottom: 2em;
		font-family: "Roboto-Condensed";
		font-size: 1.5em;
		text-transform: uppercase;
		line-height: 2.5em;
		height: 2.5em;
		width: 100%;
		text-align: center;
		color: #fff;
		z-index: 99;
		background:url(../images/bg_trans.png) repeat;
	}
	
	div.img_list2{
		display:block;
		width:100%;
		height: 400px;
		overflow:hidden;
		position:relative;
		z-index:1;
		margin-right:10px;
		text-align:center;
		}
		div.img_list2 img{
		position:relative;
		margin:0 auto;
		height:100%;
		}
	div.img_list3{
		display:block;
		width:100%;
		height: 300px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		}
		div.img_list3 img{
		position:relative;
		margin:0 auto;
		height:100%;
		}
	.icon2{
		float:right;
		width:25px;
		height:25px;
		margin-right:2%;
	}
	.thumbnail{
		margin: 0 auto;
		width:90%;
		height: 90px;
		overflow:hidden;
		position:relative;
		z-index:1;
		text-align:center;
		
	}
	#footer{
		width:100%;
		margin:auto;
		
	}
	#menu-bot{
		
		border-top:solid 3px #ECCF2F;
		background: url(../images/bg-footer.png) repeat center top;
	}
	#menu-bot ul li{
		
		line-height: 35px;
		padding: 0px 15px 0px 15px;
		font-weight: bold;
	}
	#footer-1{
		border-bottom:solid 1px #ECCF2F;
		background: #ECECEC;
	}
}