@media only screen and (max-width: 1015px) {
	.wrap{
		width:800px;
	}
	#header{
		padding:0 0 10px;
		margin-top:69px;
	}
	#nav{
		background-color: #464445;
		left: 0;
		margin: auto;
		padding: 10px 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 800px;
	}
	#nav:after{
		display:block;
		content:"";
		clear:both;
	}
	#wrap-logo{
		margin-top:10px;
	}
	#control-navimobile{
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 41px;
		font-weight: bold;
		line-height: 30px;
		margin-left:10px;
	}
	#navi-mobile {
		background-color: #FFFFFF;
		box-shadow: 1px 1px 1px #CCCCCC;
		left: 0;
		min-height: 100%;
		position: absolute;
		top: 0;
		width: 80%;
		z-index: 99999;
		padding:10px;
		/*display:block;*/
	}
	#wrap-language {
		float: right;
		margin-right: 10px;
		position: absolute;
		top: -57px;
		z-index: 9999;
	}
	.item-intro [class*="span"]{
		width: 31.9149%;
		margin-left: 2.12766%;
	}	
	.item-intro .item-img img{
		width:auto;
	}
	.item-prohome [class*="span"]{
		width: 23.4043%;
		margin-left: 2.12766%;
	}	
	.main .span3{
		width:23.4043% !important;
	}
	.main .span9{
		width:74.4681% !important;
		margin-left:2.12766% !important;
	}
	.pro-item{
		width:23.4043% !important;
		margin-left:2.12766% !important;
	}
	.pro-item:first-child{
		margin-left:0 !important;
	}

	/*********************************navi************************************/
	#wrap-navi{
		left: 0;
		margin-top: 0;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 99;
		display:none;
	}
	#navi{
		margin-top:0;
	}
	#navi ul, #navi ul ul{
		position:relative;
		left:0;
		border-left:0;
		border-top:0;
	}
	#navi li{
		border-radius:0;
		width:100%;
	}
	#navi > li a{
		background-color:#464445;
		color:#FFFFFF;
		border-radius:0;
		border-bottom:solid 1px #FFFFFF;
	}
	#navi ul li:hover > a{
		background-color:#575757;
	}
	#navi > li:first-child a{
		border-top:solid 1px #FFFFFF;
	}
	#navi > li:last-child a{
		border-bottom:0;
	}
	#navi li:hover ul{
		display:none;
	}
	#navi ul ul {
		display:block !important;
	}
	#navi i{
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 27px;
		position: absolute;
		right: 10px;
		text-align: right;
		top: 10px;
		width: 41px;
	}
	
	/*********************************footer************************************/
	#top-footer > [class*="span"]{
		padding:20px 0;
	}
}
@media only screen and (min-width: 819px) {
	/*********************************navi************************************/
	/*#wrap-navi{
		display:block !important;
	}
	#navi ul{
		display:none;
	}*/
}
@media only screen and (max-width: 818px) {
	
	.wrap, #nav{
		width:437px;
	}
	.item-intro [class*="span"] {
		padding-left:0;
		padding-right:0;
	}
	.item-prohome [class*="span"]{
		padding-bottom:0;
	}
	.item-prohome [class*="span"]:last-child{
		padding-bottom:34px;
	}
	#wrap-homeservices .wrap [class*="span"]{
		width:100%;
	}
	#news [class*="span"]:first-child, #services [class*="span"]:first-child, #product [class*="span"]:first-child{
		display:none;
	}
	#contact [class*="span"], #news [class*="span"], #services [class*="span"], #product [class*="span"]{
		width:100%;
		margin-left:0;
	}
	#product-image{
		float:none;
		width:100%;
	}
	.image-wrap{
		margin:auto;
	}
	#product-info{
		margin-left:0;
	}
	.item-intro [class*="span"]{
		margin-left:0;
		margin-top:10px;
		border:none;
	}
	#logoimg img {
		position:relative;
	}
	/*********************************product************************************/
	#wrap-prohome .wrap [class*="span"], #wrap-otherproduct [class*="span"]{
		width:48.9362%;
	}
	#wrap-prohome .wrap [class*="span"]:nth-child(odd){
		margin-left:0;
	}
	.mousetrap{
		width:auto !important;
		height:auto !important;
	}
	.group-item{
		margin-bottom:0;
	}
	.pro-item{
		width:48.9362% !important;
		margin-bottom:10px;
	}
	.pro-item:nth-child(odd){
		margin-left:0 !important;
	}
	.main .span9{
		width:100% !important;
		margin-left:0 !important;
	}
	
	/*********************************about************************************/
	#about-cat{
		display:none;
	}
	
	/*********************************search************************************/
	#search {
		position: relative;
		margin-top:30px;
		width:100%;
	}
	/*********************************contact************************************/
	#wrap-formcontact{
		margin-top:15px;
	}

	/*********************************footer************************************/
	#top-footer > [class*="span"]{
		padding-bottom:0;
		width:100%;
		margin-left:0;
	}
	#top-footer [class*="span"]:last-child:not(.btn){
		padding-bottom:40px;
	}
}
@media only screen and (max-width: 470px) {
	.wrap, #nav{
		width:300px;
	}
	.image-wrap{
		width:100% !important;
		height:auto !important;
	}
}