@media screen and (max-width: 480px){
	.product .item{width: 100%;}
}

@media screen and (min-width: 320px){
	.da-thumbs li{width: 50%;}
	#menu{
		background: rgb(224, 225, 226);
		padding: 0px 15px;
	}
	.ct1{
		padding-bottom: 20px;
		text-align: center;
	}
}

@media screen and (min-width: 480px){
}

@media screen and (min-width: 540px){
	#lang{text-align: right;}
	#lang a{}
	#hotline{position: absolute; bottom: 0px; right: 30px;}
	.hotline1 {
  		text-align: right;
		position: absolute;
		top: 10px;
		right: 50px;
		margin-top: 0px;
	}
}

@media screen and (min-width: 640px){
	.title .font-lisu { display: inline-block; padding-right: 25px; }
	footer #f-content{margin-right: 250px;}
	footer #f-statics{display: block;}
	.da-thumbs li{width: 33.3333336%;}
}

@media screen and (min-width: 768px){
	.item{padding: 0px 4px;}
	.footeri{padding: 0px 25px 0px 0px;}
}

@media screen and (min-width: 992px){
	#cssmenu.ddsmoothmenu ul li a{
		padding: 0px 15px 10px;
		background: url(../images/li-menu.png) no-repeat right center;
	}
	#cssmenu.ddsmoothmenu ul li:nth-child(6) a{
		background: none;
	}
	#cssmenu.ddsmoothmenu ul li ul{padding: 10px 0px; text-align: left;}
	#cssmenu.ddsmoothmenu ul li ul li a{width: 230px;}
	.da-thumbs li{width: 25%;}
	nav{position: absolute;}
	#menu{padding: 0px;}
	.ct1, .ct2{
		float: left;
		width: 50%;
	}
	.ct1{
		padding-right: 10px;
		padding: 0px;
		text-align: left;
	}
	.ct2{
		padding-left: 10px;
		border-left: 1px solid #747474;
	}
	.fixed {
	    position: fixed;
	    z-index: 1000;
	    top: 0px;
	    display: inline;
	    width: 100%;
	    max-width: 100%;
	    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
	}
	.fixed img{
	    max-height: 49px;
	    margin-left: 50px;
	}
}

@media screen and (min-width: 1200px){
	#menu{
		background: transparent;
	}
	#cssmenu.ddsmoothmenu ul li a{padding: 15px 35px;}
	.items{width: 20%;}
}
@media (min-width: 1201px) and (max-width: 1366px){
	.container {width: 1330px; }
}
@media screen and (min-width: 1366px){
	.container {width: 1330px; }
}