@media screen and (-webkit-min-device-pixel-ratio:0) {
	#diez  { color: blue  }
}

@media (min-width: 980px) {
	#bottom ,.banner ,#news-events ,#contentarea,#contentarea2,.menutop  {width:1000px;}
}
@media    (min-width: 769px)  {
		#diez  { background:red; color:#fff; text-align:center; padding-top:20px; font-family:tahoma;
				height:300px; width:500px; margin:auto;
		}
}

	


@media    (min-width: 480px) and (max-width:768px) {
	#diez  {
		background:Yellow; 
		color:#fff; 
		text-align:center; 
		padding-top:20px; 
		font-family:tahoma;
		height:300px; 
		width:90%;
		padding:5%; 
		margin:auto;
	}
}

@media (max-width: 768px){
	.wlquan .lqitem{ float:left; width:50%; }
	
	
	.shop-category-item-price ,
	.shop-category-item-link {
		
		text-align: center!important;
	}
	#contentarea ,#wrapper ,#news-events{ /* background:#000 ; */width:100%; }
	#news-events .column-events-1 ,
	#news-events .column-events-2 ,
	#news-events .column-events-3 { 
		width:100%;
		border-bottom:1px solid #ccc; 
		background: #fff;   
		height: auto;
	}
	 
	
	 
	
	
	
	#news-events .latestnewslastnew, #news-events .newsflash,
	#news-events .column-events-2 .newsflash, 
	#news-events .column-events-2 .latestnewslastnew,
	#news-events .column-events-3 .newsflash, 
	#news-events .column-events-3 .latestnewslastnew
	{	width:100%; padding:0;}
	
	#news-events .newsflash  {
		width:90%; padding:0 5%;
		
	}
	
	#bottom  {
		height:auto; width:100%;
	}
	#bottom .information,
	#bottom .bottom1,
	#bottom .bottom2,
	#bottom .bottom3 {
		float:left; width:50%;
		
	}
	
	
	#main ul.sp_home li {
		width:47%;padding: 0;
		text-align: center;	
		
	}
	#main .sp_home a p {
		font-size: 12px;
		line-height: 11.2px;
		margin-bottom: 0;
		margin-top: 0;
		text-align: left;
		width: 100%;
		text-transform: uppercase;
		text-align: center;
	}
	ul.sp_home img {
		height: 203px;
		padding-left: 0px; 
		padding-top: 6px;
		width: 203px;
	}
	#main ul.sp_home li:hover {
		background: url("../images/personal/bg-li2.png") no-repeat scroll center;
	}
	#contentarea .image .label_skitter {
		color: #000000;
		/* float: right; */
		height: 133px;
		/* margin-left: 705px; */
		position: absolute;
		top: 112px;
		width: 185px !important;
		z-index: 999;
		/* right: 20px!important; */
		left: auto!important;
		right: 91px!important;
		top: 113px;
	}
	/* Menu */
	#header .menutop ul.menu {}
	#header .menutop ul.menu li{display: block;text-align: left;}
	#header .menutop ul.menu li{}
	#header .menutop ul.menu li span{padding:12px 27px}
	.navbar-toggle {
		position: relative;
		float: left!important;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		margin-left: 45px;
		border: 1px solid #ccc;
	}
	.navbar-collapse.in {
		overflow-y: hidden!important;
	}
	/* End Menu */
	
/* }


@media  (max-width: 480px)  {
	 */
	.banner .logo {
		width: 100%;
		text-align: center;
	}
	
	#menu2 { display:none}
	#seach { width: 96%;padding: 2%;}
	#seach .customlket{ display: none;}
	#seach form{ width: 100%;padding: 0;}
	.searchseach { width:100%;} 
	#mod-search-searchword {     width: 99%;
		padding: 0;
	margin: 0; text-indent: 10px;}
	.searchseach label { display:none;} 
	.wlquan .lqitem{ float:left; width:50%; }
	.categoryVitem li{ width:50%; float:left; text-align:center;}
	.hasanpham { float:left; width:100%;} 
	.divfright { float:left; width:100%;} 
	
	#bottom ,#news-events {width:100%;}
	#contentarea { /* background:red ; */width: 100%;}
	.banner .logo {  text-align: right;float: right;}
	#header { overflow:hidden;}
	#header>.banner { float:right;}
	#header>.menutop { float: left;margin-top: -125px;}
	.banner, .banner, .menutop { width:auto;}
	
	
	
.navbar-collapse.in { background:rgb(236, 236, 236)}
	
	.banner .bannercenter { float:left; width:100%; display:none;}
	.banner .bannerright { float:left; width:100%; }
	.bannercenter ul li.tt {
		width: 50%;
		text-align:center;
	}
	#header .menutop ul.menu ul { display:none;}
	#bottom .information,
	#bottom .bottom1,
	#bottom .bottom2,
	#bottom .bottom3 {
		float:left; width:100%;
		
	}
	#main ul.sp_home li {
		width:44%;padding: 0;
		text-align: center;	
		
	}
	#main .sp_home a p {
		font-size: 12px;
		line-height: 11.2px;
		margin-bottom: 0;
		margin-top: 0;
		text-align: left;
		width: 100%;
		text-transform: uppercase;
		text-align: center;
	}
	ul.sp_home img {
		height: 203px;
		padding-left: 0px; 
		padding-top: 6px;
		width: 203px;
	}
	#main ul.sp_home li:hover {
		background: url("../images/personal/bg-li2.png") no-repeat scroll center;
	}
	#contentarea .image .label_skitter {
		color: #000000;
		/* float: right; */
		height: 133px;
		/* margin-left: 705px; */
		position: absolute;
		top: 112px;
		width: 185px !important;
		z-index: 999;
		/* right: 20px!important; */
		left: auto!important;
		right: 91px!important;
		top: 113px;
	}
	.left {
		width:100%;
		text-align:center;
	}
	  #wrapper .item-page {
	  width: 90%;
  padding: 5%;
	  }
	#news-events{
		width: 96%;
		padding: 0 2%; display:none;
	}
	
	#menu2 { display:none}
		#diez  {
			background:#fc9; 
			color:#fff; 
			text-align:center; 
			padding-top:20px; 
			font-family:tahoma;
			height:300px; 
			width:90%;
			padding:5%; 
			margin:auto;
		}
	#bottom .information { padding-left:0;}
	
	
	
	
}

@media  (max-width: 480px)  { 
	ul.sp_home img {height: 170px;}
}
@media  (max-width: 360px)  {
	#seach { /* overflow:hidden; */ width:100%;}
	#seach .customlket{ width:100%; text-align:center}
	#seach form{ width: 100%;
		text-align: center;
		float: initial;
		display: block;
	clear: both;}
	.searchseach {
		float: initial;
		color: #fff;
		width: 90%;
		text-align: center;
		margin: auto;
		text-align: center;
	}
	#mod-search-searchword { width: 100%;
	margin: 0; }
}