@charset "utf-8";
/* CSS Document */
@media (max-width:959px){
	#wraper{
		width:95%;
	}
	#header{
		width:100%;
	}
	#header .logo{
		width:60%;
	}
	#header .logo img{
		width:100%;
	}
	#header #contac{
		width:35%;
	}
	#header #contac .tel{
		font-size:14px;
		margin-right:10px;
	}
	#header .menu{
		width:100%;
		padding:5px 0 0 0;
		background-size:100% 100%;
	}
	#header .menu a{
		padding:0 13px;
	}
	#content{
		width:100%;
	}
	#banner{
		width:100%;
	}
	#box .top{
		width:100%;
		background-size:100% 100%;
		border:0px;
	}
	#box{
		width:100%;
	}
	#box .main{
		width:97.5%;
		background-size:100% 100%;
		padding:10px;
	}
	.feature img{
		width:80%;
	}
	.feature{
		width:25%;
	}
	.article{
		width:100%;
	}
	#footer{
		background-size:100% 100%;
	}
	#footer .wraper{
		width:95%;
		background-size:100% 100%;
	}
	#box .bottom{
		width:100%;
		background-size:100% 100%;
}
p{
	width:100%;
}
table{
	width:100%;
}
tr{
	width:100%;
}
td{
	width:40%;
}
text{
	width:100%;
}
@media (max-width:640px){
	#header .menu a{
		padding:0 5px;
		font-size:14px;
	}
	#box .main{
		width:96.7%;
	}
		.gallery{
		width:45%;
	}
	.gallery img{
		width:95%;
	}
tr{
	width:96%;
}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
}
@media (max-width:480px){
	#header .menu{
		height:160px;
}
form{
	width:100%;
}
input[type=text]{
	width:100%;
}
tr td{
	width:0px;
}
td{
	width:100% !important;
}

#header .menu a{
	border-left:0px;
	width:96%;
	padding-left:10px;
	line-height:25px;
	border-bottom:1px solid #72253c;
}
.feature{
		width:40%;
	}
	#box .main{
		width:95.5%;
	}
	#footer .wraper{
		padding:10px;
	}
	.gallery{
		width:95%;
	}
	.gallery img{
		width:95%;
	}
}
@media (max-width:360px){
	#header .logo{
		width:90%;
		float:none;
		padding:0px;
		margin:0px;
	}
	#header #contac{
		width:100%;
		float:none;
		padding:0px;
		margin:0px;
		text-align:left;
	}
	#header #contac .tel{
		font-size:24px;
	}
	.feature{
		width:100%;
		float:none;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
	}
.feature img{
		width:90%;
	}
	#box .main{
		width:93.8%;
	}
}
@media (max-width:320px){
		#box .main{
		width:93%;
	}
#header .menu a{
	width:95%;
}
}