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


/* for 980px or less */
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 860px) {
.container_24 .grid_5 {
	max-width:45%;
}
.callback {
	width:12%;
}
.headerleft {
	width:85%;
}
}
/* for 700px or less */
@media screen and (max-width: 768px) {
.callback {
	padding:15px 0 0 0px;	
	width:100%;
	float:none;
	text-align:center;
}
.headerleft {
	float:right;
	text-align:right;
	background:url(../images/bg_menu.gif) top right repeat-x;
	width:100%;
}
header nav{ max-width:790px; width:100%; min-height:10px; text-align:right; float:right;}
h1 {	font-size:5.9vw; font-weight:200; line-height:30px; }
.button { 
	
	background:url(../images/marker3.png) no-repeat 100% 2px #2d282a;
	padding:0 36px 0 1px;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	text-decoration:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(js/PIE.htc);
	margin-right:0px;
	cursor:pointer;
	position:relative;
	}
.filds {
	width:100%;
	text-align:left;
}
.filds .con_heading {
	float:left;
	width:100%;	
	padding-bottom:2px;
}
.filds .con_fild {
	float:right;
	width:100%;
	padding-bottom:2px;
}
}
/*Smartphone*/
@media only screen and (max-width : 520px) {
.container_24 .grid_5 {
	max-width:100%;
}
.testimo ul li {
	width:100%;
}
}
/*Smartphone*/
@media only screen and (max-width : 480px) {


}
/*Smartphone*/
@media only screen and (max-width : 320px) {


}