@media all and (max-width: 1100px) {
	.inner, .wrapper{width:100%;min-width:100%}
	.header .logo{float:none;margin:0 0 20px 0;height:auto}
	.header .logo img{display:block;margin:0 auto}
	.header .logo span{top:auto;display:block;text-align:center}
	.header .logo .slogan{top:auto;left:auto;text-align:center}
	.header .adres{float:none;width:180px;margin:0 auto}
	.header .conts{float:none;width:auto}
	.header .callback{width:205px}
	.header .phone{float:none;width:180px;margin:20px auto 0 auto}
	.header .email{float:none;margin:35px 0 15px 0;padding:0;text-align:center}
	.header .search{float:none;margin:0 auto;width:205px}
	.header .search button{width:40px;height:40px;background:#959595 url("../img/search-1.png")no-repeat 9px 9px}
	.header .search input{height:40px}
	.left{float:none;padding:0 10px;width:100%}
	.left ul li a{font-size:20px;line-height:normal}
	.content{float:none;width:auto;font-size:16px}
	.content ul, .content ol{margin:15px 0 15px 25px}
	.uslugi{padding:0 10px}
	.us-item, .uslugi .u5{float:none;margin:0 auto 40px auto}
	.fot-2{padding:0 10px}
	.fot-2 p{float:none!important;margin:0 0 10px 0!important}
	.scrollup{display:none!important}
	.f2{padding:15px 10px}
	.footer .copy{float:none;margin:0 0 10px 0}
	.footer .bot-menu{float:none}
	.footer .bot-menu ul li{margin:0 15px 10px 0}}
@media only screen and (max-width: 800px) {
	.top-menu ul{display:none;height:auto}
	.top-menu a#pull{display:block;background-color:#2ca5de;width:100%;position:relative;height:42px;padding:10px 0 0 12px;color:#fff;text-decoration:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
	.top-menu a#pull:after{content:"";background:url("../img/menu.png") no-repeat;width:32px;height:32px;display:inline-block;position:absolute;top:5px;right:15px}
	.top-menu ul li{display:block;background:#008cce}
	.top-menu ul li ul{display:none!important}
	.top-menu ul li a{color:#fff;text-shadow:none;font-size:26px}
}
@media all and (min-width: 500px) and (max-width:540px) {
	.us-item , .uslugi .u5{float:left;margin:0 20px 40px 20px;height:195px}
}
@media all and (min-width: 540px) and (max-width:580px) {
	.us-item , .uslugi .u5{float:left;margin:0 30px 40px 30px;height:195px}
}
@media all and (min-width: 580px) and (max-width:630px) {
	.us-item , .uslugi .u5{float:left;margin:0 40px 40px 40px;height:195px}
}
@media all and (min-width: 630px) and (max-width:680px) {
	.us-item , .uslugi .u5{float:left;margin:0 10px 40px 70px;height:195px}
}
@media all and (min-width: 680px) and (max-width:720px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 18px;height:195px}
}
@media all and (min-width: 720px) and (max-width:770px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 26px;height:195px}
}
@media all and (min-width: 770px) and (max-width:810px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 35px;height:195px}
}
@media all and (min-width: 810px) and (max-width:850px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 45px;height:195px}
}
@media all and (min-width: 850px) and (max-width:910px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 55px;height:195px}
}
@media all and (min-width: 910px) and (max-width:960px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 70px;height:195px}
}
@media all and (min-width: 960px) and (max-width:1020px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 82px;height:195px}
}
@media all and (min-width: 1020px) and (max-width:1070px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 40px;height:195px}
}
@media all and (min-width: 1070px) and (max-width:1100px) {
	.us-item , .uslugi .u5{float:left;margin:0 0 40px 50px;height:195px}
}
@media all and (min-width: 720px) and (max-width:1100px) {
	.header .logo{float:left}
	.header .adres{float:left;width:174px;margin:24px auto 0 auto}
	.header .conts{float:right;padding:0 10px 0 0}
}
@media all and (min-width: 750px) and (max-width:1100px) {
	.footer .copy{float:left}
	.footer .bot-menu{float:right}
}
@media all and (min-width: 720px) and (max-width:1100px) {
	.header .adres{margin:0 0 0 30px}
}
@media all and (min-width: 720px) and (max-width:1100px) {
	.header .logo{margin:15px 0 20px 45px}
	.header .adres{float:right;margin:0 115px 0 30px}
	.header .conts{padding:10px 103px 0 0}
}
@media all and (min-width: 810px) and (max-width:870px) {
	.header .logo{margin:15px 0 20px 80px}
}
@media all and (min-width: 870px) and (max-width:1100px) {
	.header .logo{margin:15px 0 20px 110px}
	.header .adres{margin:0 140px 0 30px}
	.header .conts{padding:10px 134px 0 0}
}
@media all and (min-width: 940px) and (max-width:1100px) {
	.header .logo{margin:15px 0 20px 145px}
	.header .adres{margin:0 160px 0 30px}
	.header .conts{padding:10px 155px 0 0}
}
@media all and (min-width: 850px) and (max-width:1100px) {
	.fot-2 p.adres{float:left!important;margin:0 26px 0 0!important}
	.fot-2 p.phone{float:left!important}
	.fot-2 p.email{float:right!important}
}
@media all and (min-width: 870px) and (max-width:890px) {
	.fot-2 p.adres{margin:0 35px 0 0!important}
}
@media all and (min-width: 890px) and (max-width:910px) {
	.fot-2 p.adres{margin:0 43px 0 0!important}
}
@media all and (min-width: 910px) and (max-width:950px) {
	.fot-2 p.adres{margin:0 57px 0 0!important}
}
@media all and (min-width: 950px) and (max-width:980px) {
	.fot-2 p.adres{margin:0 75px 0 0!important}
}
@media all and (min-width: 980px) and (max-width:1020px) {
	.fot-2 p.adres{margin:0 92px 0 0!important}
}
@media all and (min-width: 1020px) and (max-width:1060px) {
	.fot-2 p.adres{margin:0 102px 0 0!important}
}
@media all and (min-width: 1060px) and (max-width:1100px) {
	.fot-2 p.adres{margin:0 122px 0 0!important}
}
@media all and (max-width:320px) {
	.cont-1{width:23%}
	a.name-cont{font-size:27px}
}
@media all and (min-width:580px) and (max-width:1100px) {
	.cont-1{width:31%}
	a.name-cont{font-size:32px}
}

/* ─── Широкий формат ≥ 1101px ─── */
@media all and (min-width: 1101px) {
	.inner, .wrapper { padding-left: 20px; padding-right: 20px }
	.content { width: calc(100% - 310px) }
	.slider  { width: calc(100% - 310px) }
	.news-item { width: calc(33.33% - 27px) }
	.news .news-item:nth-child(4)  { margin-right: 40px }
	.news .news-item:nth-child(3n) { margin-right: 0 }
	.uslugi .u5 { margin-left: 37px }
}