body, html {width:100%}
.content-wrapper {position:relative;}
.phone-header {width:300px; height:60px; display:block; position:absolute; z-index:2; top:100px; right:100px; }
.mobile {display:none;}
.calc span.no-mobile{font-size:14px;}

.but3 {
  background: #00c000!important;
  height: 38px;
  margin: 0px 0px;
  overflow: hidden;

  display: block;
	padding:0px 10px!important;
  text-align: center;
  line-height: 38px;
	/*Скругленные углы*/
-webkit-border-radius: 10px!important;
-moz-border-radius: 10px!important;
border-radius: 10px!important;
	color:#fff!important;
	font-size:18px; font-weight:bold;
	text-transform: uppercase!important;
/*Градиент*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))!important;
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))!important;
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))!important;
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))!important;
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2))!important;

/*Тень*/
border:4px solid #e9e9e9!important;

}


@media (max-width: 1003px) {
body, html {
}
.body-wrapper, .content-wrapper{
	margin:0 auto;
	width:100%;
	}
.main-wrapper{
	margin:0;
	width:100%;
	}
.top-search{
	display:none;
	}	
a.site-header{
	display:block;	
	margin:0px;
	width:100%;
	height:178px;
	background:url(../images/header.jpg);
	background-position:top center;
	}
.content-left{
	width:30%;
	float:left;
	}
	
.content-right{
	width:68%;
	float:right;
	padding-right:2%;
	}	
.moduletable.leftmenu{
	width:90%;
	margin-left:0px;
	padding-top:20px;
	}
	
.moduletable.leftmenu h3{
	display:block;
	width:100%;
	background:url(../images/menu_header1.gif);
	font-size:25px;
	color:#8D8E85;
	font-weight:normal;
	text-indent:10px;
	height:50px;
	border-bottom:1px dotted #cccccc;
	line-height:50px;
	}	
	
.moduletable.leftmenu li{
	float:none;
	width:100%;
	border-bottom:1px dotted #cccccc;
	font-size:13px;
	position:relative;
	}	
	
.moduletable.leftmenu li ul{
	position:absolute;
	left:100%;
	top:0;
	z-index:100;
	display:none;
	}		
.item-page {width:100%;}
}

@media (max-width: 768px) {
	.menu-wrapper {position:absolute; top:0; z-index:10; background-color:#212b35; width:100%; padding-left:20px;}
	.menu-wrapper li{padding:0 10px!important;background:none!important;}
	.content-wrapper {padding-top:35px;}
	.menu-toggle {background: url('../images/toggle.png') no-repeat center center; width:35px; height:35px; position:fixed; top:0; left:0; z-index:11; cursor:pointer;}
	.content-left{
	position:absolute;
	z-index:13;
	background-color:#fff;
	width:225px; 
	top:36px;
	left:0px;
	display:none;
	}
	.leftmenu {padding:0!important; width:100%!important;}
	.leftmenu a {padding-top:4px!important;
				 padding-bottom:4px!important;}
	
.content-right{
	width:98%;
	float:right;
	padding:0 1%;
	position:relative;
	z-index:0;
	}	
.footer {width:98%;
	padding:0 1%;}
.counter1 {float:left; width:auto;}
.calc td {display:block; width:100%; float:none; clear:both; text-align:left!important; padding-bottom:10px; overflow:hidden; margin-bottom:10px; border-bottom:1px solid #ccc;}
.calc div {text-align:left;}

h2, h1 {width:100%!important; background:none!important; padding:0 0 5px 0!important;}
h1 {width:34px;}
#chronoform-zakaz label {font-size:16px;}
#chronoform-zakaz #form-row-10 {font-size:16px;}
#chronoform-zakaz textarea {width:100%!important;}
#chronoform-zakaz #text1, #chronoform-zakaz #text2, #chronoform-zakaz #text3 {width:100%!important;}
#fin-fld1 {height:50px!important; display:block;}
#fin-fld1  h2 {margin:0!important;}

.no-mobile {display:none!important;}
.mobile {display:block;}
input#button6, #form-row-14, #fin-button6{width:100%!important; display:block;}
.but2 {
  background: #00c000;
  height: 38px;
  width: 98%;
  margin: 0px 0px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
	/*Скругленные углы*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	color:#fff;
	font-size:18px; font-weight:bold;
	text-transform: uppercase;
/*Градиент*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));

/*Тень*/
border:4px solid #e9e9e9;

}
.but2:hover {
  background-color: #3dd300;
}

.calc {font-size: 18px;}
.calc b {display:inline!important; font-size: 18px; padding-right:5px;}
.calc select {display:inline!important; float:none;}
.calc span.mobile {font-size:18px; display:inline!important; float:none!important;}
.calc #result {display:inline!important; float:none!important;}
.toggle {cursor:pointer; text-decoration:underline; font-style:italic; padding-bottom:15px; font-weight:bold;}
.toggle1, .toggle2, .toggle3, .toggle4 {background: #00c000;
  height: 38px;
  width: 98%;
  margin: 0px 0px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
	/*Скругленные углы*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	color:#fff;
	font-size:18px; font-weight:bold;
	text-transform: uppercase;
/*Градиент*/
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));

/*Тень*/
border:4px solid #e9e9e9;}
.toggle1:hover, .toggle2:hover, .toggle3:hover, .toggle4:hover {background-color: #3dd300;}
.spoiler, .spoiler1, .spoiler2, .spoiler3, .spoiler4{display:none; font-size:16px; padding:5px 0;}
.menu-wrapper ul{text-align: center!important; width:100%;}
.menu-wrapper li {text-transform: uppercase; display:inline-block!important; float:none!important; width:20%;}

}

@media (max-width: 480px) {
.item-page img {width:95%!important; float:none!important; clear:both!important; margin:5px auto!important; height:auto!important;}
.menu-wrapper li {padding:0 6px 0 0!important;}
.copyrights {float:none; clear:both;}
.item-table {width:100%;}
.item-table td {}
.but2, .toggle1, .toggle2, .toggle3, .toggle4, .toggle5{font-size:14px;}
a.site-header{
	display:block;	
	margin:0px;
	width:480px;
	height:178px;
	background:url(../images/reklama-v-metro_480.jpg);
	}
.phone-header {right:0;} 
}

@media (max-width: 320px) {
.menu-wrapper li {padding:0 4px 0 0!important;}
.menu-wrapper li a {font-weight:bold!important; font-size:13px;}
h1, h2 {font-size:22px;}
a.site-header{
	margin:0;
	width:320px;
	height:96px;
	background:url(../images/header-320.jpg);
	}
.phone-header {width:200px; height:40px; display:block; position:absolute; z-index:2; top:80px; left:auto; right:0; margin-left:0px;}
}