@media all and (max-width: 1000px) {
#trubi .trubi > div {width: 25%; margin-bottom: 40px;}
#trubi .trubi {padding-bottom: 40px;}
#otzyvy > .owl-carousel .owl-prev {left: 2%;}
#otzyvy > .owl-carousel .owl-next {right: 2%;}
.main > div {padding: 150px 0 120px;}
}
@media all and (max-width: 850px) {
.header .right {text-align: right;}
.header .right .tele {padding-bottom: 10px;}
.header .right a {display: block; font-size: 18px; padding: 0;}
.header .right label {display: block; font-size: 11px; padding: 10px 20px;}
.main-form p {padding: 30px 20px;}
.main-form input[type="submit"] {display: block; margin: 35px auto 0;}
.main-form input {margin: 0;} 
.main-form form {padding-bottom: 35px;}
#sxema .sxema p {font-size: 12px;}
#sxema .sxema p:first-of-type {font-size: 24px; padding-top: 16px; padding-bottom: 10px;}
#sxema .sxema {padding: 40px 25px 40px;}
#preimushestva {padding-bottom: 480px;}
}
@media all and (max-width: 700px) {
#otzyvy .owl-wrapper .owl-item {padding: 0 20px;}
#preimushestva .preimushestva > div {width: 26%;}
#preimushestva .preimushestva {padding-bottom: 50px;}
#santexnika .santexnika > div {padding-top: 30px;}
#santexnika .santexnika-sprite + p {padding: 10px 0 10px; font-size: 16px;}
#santexnika .santexnika-sprite + p + p {font-size: 12px;}
#santexnika label, #trubi label {font-size: 11px;}
#trubi .trubi > div > div {font-size: 13px;}
}
@media (max-width: 650px) {
.main {background-position: 68% 33%;}
.main > div {padding: 80px 0;}
.header .left img {width: 70px;}
.header .left p {font-size: 15px; max-width: 180px;}
.header .right a {font-size: 15px;}
.header .right {padding-top: 12px;}
#trubi .trubi > div:not(:last-child) {margin: 0 0 40px;}
#trubi .trubi > div {width: 40%;}
#sxema .sxema .arrow {display: none;}
#sxema .sxema > div {width: 30%;}
}
@media (max-width: 550px) {
.container h2 {font-size: 30px; padding: 30px 25px;}
#sxema .sxema {padding: 15px 25px 30px; flex-wrap: wrap;}
#sxema .sxema img {display: none;}
#sxema .sxema div {display: inline-block; width: 100%;}
#preimushestva {padding-bottom: 370px;}
#otzyvy {padding-bottom: 305px;}
.main > div {padding: 80px 20px;}
.main div h1 {font-size: 36px;}
.main div p {font-size: 14px;}
}
@media (max-width: 500px) {
.header .left {float: none; text-align: center;}
.header .left img {width: 78px;}
.header .left p {text-align: left; font-size: 18px; max-width: 210px;}
.header .right {float: none; text-align: center;}
.header .right .tele {padding: 0;}
.header .right a {display: block; font-size: 16px; padding: 0;}
.header .right label {display: inline-block; padding: 7px 14px;}
.header {padding: 18px 0 0;}
}
@media (max-width: 500px) {
.header .right a {padding-right: 2px;}
.main-form input {display: block; margin: 0 auto 10px; }
.main-form input[type="submit"] {margin: 10px auto 0; padding: 8px 16px;}
#santexnika .santexnika > div {width: 47%;}
#trubi .trubi > div {width: 100%;}
#preimushestva .preimushestva > div {width: 48%;}
#otzyvy .owl-wrapper {padding: 60px 0;}
#otzyvy {padding-bottom: 285px;}
}
@media (max-width: 400px) {
#preimushestva {padding-bottom: 409px;}
.main div h1 {font-size: 30px;}
.main-form p {font-size: 24px;}
.container h2 {font-size: 28px;}
#otzyvy {padding-bottom: 282px;}
.main > div {padding: 40px 20px;}
.online > div form p, .online > div form input {width: 100%;}
.header .right a {font-size: 15px;}
.header .right .tele p {font-size: 14px;}
.header .right .tele {margin-right: 5px;}
}
@media (max-width: 342px) {
#santexnika .santexnika > div {width: 100%;}
#preimushestva {padding-bottom: 447px;}
}
@media (max-width: 342px) {
#preimushestva {padding-bottom: 482px;}
}