@charset "utf-8";
/* CSS Document */



@media only screen and (min-width: 768px) and (max-width: 959px) {
.contact-block{float:right; width:55%; margin-right:10px; text-align:right;}
.topmenu li a {padding:0 0 0 10px;}
.topmenu li a span{padding:20px 15px 20px 5px; font-size:18px;}
}

@media only screen and (max-width: 767px){
.wrapper{width:90%; margin:0px auto;}
.logo{float:none; /*width:350px;*/ width:40%; margin:0px auto; text-align:center;}
.contact-block{float:none; width:90%; margin:0px auto; text-align:center;}
.contact-title{font-size:15px;}

.box-about{float:left; width:100%; margin-right:0px;}
.box-genral{float:left; width:100%; margin-right:0px;}
.box-food{float:left; width:100%;}	

.service-img-left{float:left; /*width:300px;*/ width:100%; margin-right:0px;}
.servide-desc-right{float:left; /*width:606px;*/ width:100%;}
.service-img-right{float:left; /*width:300px;*/ width:100%;}
.servide-desc-left{float:left; /*width:606px;*/ width:100%; margin-right:0px;}

.service-boxes .box{float:left; width:90%; border:1px solid #034079; border-radius:10px; -moz-border-radius: 10px; padding:11px; margin-bottom:10px; text-align:center;}
.service-boxes .box-last{float:left; width:90%; border:1px solid #034079; border-radius:10px; -moz-border-radius: 10px; padding:11px; text-align:center;}



.contact-box-first{float:left; width:95%; margin-right:0px; margin-bottom:10px;}
.contact-box-second{float:left; width:95%; margin-right:0px; margin-bottom:10px;}
.contact-box-third{float:left; width:95%;}

.form-box-left{float:left; width:98%; margin-right:0px;}
.form-box-right{float:left; width:98%;}


.textarea {
	font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #bdbdbd;
	width:100%;
	height:96px;
}
.field{width:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px;}
.select{
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #bdbdbd;
	width:100%;
}

.job-form{padding-top:20px; width:98%; float:left;}
.job-form .textarea {
	font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #bdbdbd;
	width:100%;
	height:96px;
}
.job-form .field{width:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px;}
.job-form .select{
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #bdbdbd;
	width:100%;
}
.job-form fieldset ol li.form-button{
	text-align:right;
}

fieldset label  {
	font-weight:bold;
	margin-right: 20px;
	display: block;
	text-align: left;
	float: left;
	width: 100%;
	line-height:20px;
	font-size:16px;
	margin-bottom:8px;
}

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

@media only screen and (min-width: 480px) and (max-width: 768px){
.service-img-left{float:left; /*width:300px;*/ width:100%; margin-right:0px;}
.servide-desc-right{float:left; /*width:606px;*/ width:100%;}
.service-img-right{float:left; /*width:300px;*/ width:100%;}
.servide-desc-left{float:left; /*width:606px;*/ width:100%; margin-right:0px;}		
}



@media only screen and (max-width: 767px){

}
@media only screen and (max-width: 768px){
.wrapper{width:90%; margin:0px auto;}	
}
@media only screen and (max-width: 1024px){

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

/*@media only screen and (min-width: 480px){
		.make-img{ padding-top:30px; padding-bottom:30px; margin-top:0px; }
		.have-project-box{ width:80%!important; font-size:20px;}

}*/

@media only screen and (min-width: 360px) and (max-width: 640px) {
	
}