@media screen and (min-width: 1366px) {
	section#sec2 li{
		width: 19%;
		margin: 3%;

	}
}
@media screen and (max-width: 1200px) {
	.wrap{
		width: 90%;
	}
}
@media screen and (max-width: 898px) {
	section#sec1 .hphone {
		width: 100%;
	}
	section#hidden #hidden-info{
		margin-left: -30%;
		width: 60%;
	}
	section#hidden .hform{
		width: 50%;
		margin-left: -25%;
	}
	section#sec13 figure p, section#sec13 figure figcaption{
		font-size: 16px;
	}
	section#sec12 li p{
		font-size: 14px;
	}
	section#sec12 li {
		width: 29.33%;

		margin: 1% 2%;
	}
	section#sec11 li{

		width: 30%;

	}
	section#sec1 .hform{
		
		width: 100%;
		margin: 20px auto;

	}
/*	section#sec1 .hform form{
		
		width: 50%;
		margin: auto;

	}*/
	section#sec2 li{
		width: 31.33%;
	}
	
	section#sec1 .hphone, section#sec1 .header-bottom{
		height: 100%;
	}
}
@media screen and (max-width: 630px) {
	section#sec8 figure{

		width: 29%;

	}
	article{
		width: 45%;
	}
	section#hidden #hidden-info{
		margin-left: -40%;
		width: 80%;

	}
	section#sec13 figure{
		width: 45%;
	}
	section#sec12 li p{
		font-size: 12px;
	}
	section#sec12 li {
		width: 40%;

		margin: 3% 5%;
	}
	section#sec11 li{

		width: 47%;

	}
	section#sec8 figure:nth-child(3n+4){
		clear: both;

	}
	section#sec2 li{
		width: 40%;
		margin: 5%;
	}
	section#sec6 li{
		width: 100%;
		 padding-left: 20%; 
	}
	section#sec4 ul.links li{
		width: 40%;
		
	}
	section#sec5 .row{
		padding: 20px 0;	
	}
	section#sec5 .hform,section#sec10 .hform,section#sec14 .hform{
		clear:both;

		float: none;
		width: 60%;
		margin: 15px auto;
		
	}

	section#sec5 .zabota,section#sec10 .zabota,section#sec14 .zabota{
		clear:both;
		overflow: hidden;
		float: none;
		width: 60%;
		margin: 0 auto;
		padding: 0;
	}
}
@media screen and (max-width: 539px) {
	section#sec1 .hphone img{
		display: none;
	}
	section#sec9 ul{
		background: none;
	}
	section#hidden .hform{
		width: 70%;
		margin-left: -35%;
	}
	section#sec9 li{
		width: 100%;
		margin: 5% 0!important;
		padding: 0;
	}
	.hphone .uslugi{
		width: 100%;
	}
	section#sec3 li{
		width: 100%;
	}

}
@media screen and (max-width: 430px) {
	section#sec1 h1, section#sec1 .h1{
		font-size: 22px;
	}

	section#sec14 .wrap{
		background: none;
	}
	section#sec2 li{
		width: 60%;
		float: none;
		margin: 5% auto;
	}
	section#sec12 li {
		width: 60%;
		margin: 3% auto;
		float: none;
	}
	section#sec13 figure{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	section#sec11 li{

		width: 90%;

	}
	article{
		width: 90%;
		float: none;
		display: block;
		margin: 2% auto;
	}
	section#sec7 img#big,section#sec7 .images .big-img{
		display: none;
	}
	section#sec8 figure{

		width: 48%;

	}
	section#sec8 figure:nth-child(3n+4){
		clear: none;

	}
	section#sec8 figure:nth-child(2n+3){
		clear: both;

	}
	section#sec7 .images aside{
		width: 47.5%;
	}
	section#sec7 .images aside.left{
		margin-right: 5%;
	}
	section#sec4 ul.links li{
		width: 70%;
		margin-left: 10%;
	}
	section#sec5 .hform,section#sec10 .hform,section#sec14 .hform{

		width: 90%;
		float: none;
		margin: 15px auto;
		
	}
	section#sec10{
		background: none;

	}
	section#sec5 .zabota,section#sec10 .zabota,section#sec14 .zabota{

		width: 90%;

	}
	section#sec5 .wrap{
		background: none;
	}
}
@media screen and (max-width: 347px) {
	section#sec1 .logo{
		left: 0;
		margin: 0;
	}
	section#sec2 li{
		width: 80%;
		float: none;
		margin: 5% auto;
	}
	section#hidden .hform{
		width: 80%;
		margin-left: -40%;
	}
	section#sec8 figure{

		width: 80%;
		float: none;
		margin: 5% auto;
		clear: both;
	}
	section#sec12 li {
		width: 70%;

	}
}