@media screen and (max-width: 1100px) {

.wrap {width: auto; margin: 0 30px;}

.logo {padding: 4px 0 0 0;}
.call-contact {padding-right: 0;}

.advantages {display: flex; flex-flow: row wrap; justify-content: center;}
.advantage-item {width: calc((100% - 40px * 3)/4); float: none; padding: 0; margin: 0 40px 40px 0;}
.advantage-item:nth-child(4n) {margin-right: 0;}
.plus {width: 200px; height: auto; padding: 0; position: relative; box-sizing: border-box; border: 0;}
.plus:before {content:""; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; border: 9px solid #FFF; border-radius: 50%;}
.plus:after {content:""; display: block; padding: 0 0 100%; position: relative; margin: 0; width: 100%; height: auto; border: 0;}
.plus img {position: absolute; left: 50%; top: 50%; width: 80px; transform: translate(-50%,-50%); z-index: 2; padding: 0;}

.confidence_items {display: flex; flex-flow: row wrap; justify-content: flex-start;}
.confidence-item {width: calc((100% - 30px * 3)/4); float: none; padding: 0; margin: 0 30px 30px 0;}
.confidence-item:nth-child(4n) {margin-right: 0;}
.confidence-item img {width: 100%; height: auto;}
.confidence-item p {padding: 0; margin: 0;}

.youtube {padding: 80px 0;}
.iframe-wrap {width: 800px;}

.item-wrap {padding: 39px 0 0 0;}
.section-form-item {margin: 0 30px 20px 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}

}


@media screen and (max-width: 1000px) {

header .row {display: flex; flex-flow: row wrap; justify-content: space-between;}

.logo {width: calc(100% - 210px - 20px); box-sizing: border-box; padding: 0 0 0 160px; margin: 0; float:none;}
.logo img {position: absolute; left: 0; bottom: 0; width: 140px; height: auto; float: none;}

.about-short {float: none; width: auto; padding: 25px 0 0 0;}

.section-form {height: auto; background-size: cover;} 

.call-contact {padding: 20px 0 18px; width: 210px; margin: 0 0 0 auto;}
.call-contact .call-btn {padding: 10px 25px 12px;}

.product {padding: 6px 0;}

.section-form .col-6 {display: none;}
.section-form .col-6.form-info {display: block; width: auto; float:none; text-align: center; margin: 0;}

h1 {text-align: center; margin: 40px 0 0;}
h1 br {display: none;}

.top_mob_items {position: relative; display: block; text-align: center; padding: 30px 0 0 0;}
.section-form-item {float:none; display: inline-block; vertical-align: top; margin: 0 20px;}
.section-form-item .item {margin: 0 auto 10px;}

.form-wrap {margin: 0; padding: 130px 0 0 0;}
.price-form {float:none; margin: 0 auto;}

.advantage h2 {margin: 0 0 30px;}

.advantage-item {width: calc((100% - 40px )/2); margin: 0 40px 30px 0;}
.advantage-item:nth-child(4n) {margin-right: 40px;}
.advantage-item:nth-child(2n) {margin-right: 0;}

.plus {width: 180px; padding: 0;}

.pas-order h2 {width: auto;}

.confidence {padding: 70px 0 20px;}
.confidence h2 {width: auto;}
.confidence-item {width: calc((100% - 30px)/2); margin: 0 30px 40px 0;}
.confidence-item:nth-child(4n) {margin-right: 30px;}
.confidence-item:nth-child(2n) {margin-right: 0;}
.confidence-item img {max-width: 240px;}

.where-use .block-info {display: flex; flex-flow: row wrap; width: 100%;}
.where-use .block-info h2 {margin: 0 0 50px; padding: 12px 0 2px; width: 100%;}

.where-use .block-info .row {width: 50%;}
.where-use .block-info .col-6 {float:none; width: 100%; display: flex; flex-flow: row wrap;}
.where-use .block-info .col-6.to_hide {display: none;}

.where_text {display: block; text-align: center; padding: 30px 0 0 0; width: 100%;}
.where_text p {margin: 0; padding: 0 0 20px; text-align: center;}
.where_text p:last-of-type {padding: 0;}

.block-info-item {padding: 0 0 17px; width: 50%; box-sizing: border-box;}
.block-info-item:first-child {padding: 0;}
.block-info-item h4 {margin: 0; padding: 15px 0 0 0;}
.block-item {margin: 0 auto;}

.youtube h2 {width: auto;}
.iframe-wrap {width: 100%;}

.our-offer {padding: 70px 0 40px;}
.our-offer h2 {margin: 0 0 50px;}
.block-1-wrap {width: 100%; background: url(../img/our-offer/block-1.png) 0 0 no-repeat; background-size: 100% auto;}
.block-2 {width: 100%; background: url(../img/our-offer/block-2.png) 0 0 no-repeat; background-size: 100% auto; padding: 10px 350px 0 50px;}

.we-work h2 {margin: 0 0 20px;}

.photo-iframe-block {width: auto;}

.work-items {display: flex; flex-flow: row wrap; justify-content: space-between;}
.work-item {width: calc(100% / 3);}
.work-item .order {margin: 0 auto;}

.partners img {width: 100%; height: auto;}

.questions h2 {padding: 0 0 30px 0;}
.main-questions {width: auto; padding: 0;}

footer {padding: 80px 0 40px;}
footer .row {display: flex; flex-flow: row wrap; justify-content: space-between;}

.logo-footer {width: calc(100% - 210px - 30px); box-sizing: border-box; padding: 0 0 0 160px; margin: 0 0 50px; float:none; order: 1; position: relative;}
.logo-footer img {position: absolute; left: 0; bottom: 0; width: 140px; height: auto; float: none;}

.about-footer {float: none; width: auto; padding: 25px 0 0 0;}

.middle-block {width: 100%; padding: 0; order: 3;}

.call-contact-footer {width: 210px; margin: 0 0 0 auto; padding: 10px 0 0 0; order: 2;}
.call-contact-footer .call-btn {padding: 10px 25px 12px;}

}


@media screen and (max-width: 750px) {

body.home {width: 100%; padding-top: 93px; box-sizing: border-box;}

h2 {font-size: 32px;}

.wrap {width: auto; margin: 0 16px;}

header {position: fixed; left: 0; top: 0; right: 0; z-index: 9; background: #FFF;}
header .logo {width: 50px; box-sizing: border-box; padding: 0; margin: 0; float:none;}
header .logo img {width: 50px; height: auto; top: 20px; bottom: auto;}

.about-short {display: none;}

.call-contact {width: 100%; padding: 16px 0 14px;}
.call-contact p {font-size: 16px; display: inline-block; vertical-align: top; margin: 0 0 0 6px; padding: 0;}
.call-contact .call-btn {padding: 8px 20px 8px; margin: 2px 0 0 0;}

.price-form {width: 100%; box-sizing: border-box; border-left: 3px solid red; border-right: 3px solid red; background: #FFF;}
.price-form:before {background-size: 100% 100%; width: calc(100% + 2px); left: -1px; height: 40px; top: -39px; z-index: 2;}
.price-form:after {background-size: 100% 100%; width: calc(100% + 2px); left: -1px; height: 40px; bottom: -39px; z-index: 2;}

input[type="text"] {height: 45px; font-size: 22px;}

#phone-1::-webkit-input-placeholder {color: #858585;}
#phone-4::-webkit-input-placeholder {color: #858585;}
#phone-modal-1-1::-webkit-input-placeholder {color: #858585;}
#phone-modal-2-1::-webkit-input-placeholder {color: #858585;}
#phone-modal-3-1::-webkit-input-placeholder {color: #858585;}

#phone-1,
#phone-4,
#phone-modal-1-1,
#phone-modal-2-1, 
#phone-modal-3-1 {width: 50px; padding: 6px 0 8px 0; box-sizing: border-box; height:45px; margin-right: 1px;}
#phone-2,
#phone-5,
#phone-modal-1-2,
#phone-modal-2-2,
#phone-modal-3-2 {width: 100%; padding: 6px 0 8px 0; box-sizing: border-box; height: 45px; margin-right: 1px;}

#phone-3,
#phone-6,
#phone-modal-1-3,
#phone-modal-2-3,
#phone-modal-3-3 {width: 136px; padding: 6px 0 8px 0; box-sizing: border-box; height: 45px;}

.top_box {border: 0; padding: 0 0 80px;}
.top_box h1 {margin: 40px 0 30px; font-size: 30px;}

.section-form .col-6.form-info h3 {text-align: center;}
.section-form .top_mob_items {display: flex; flex-flow: row wrap; justify-content: center;}
.section-form .section-form-item {margin: 0 10px 30px;}
.section-form .item {width: 80px; height: 80px; border-width: 2px;}

.advantage {padding: 50px 0 10px 0;}
.advantage-item {width: calc((100% - 20px )/2); margin: 0 20px 30px 0;}
.advantage-item:nth-child(4n) {margin-right: 20px;}
.advantage-item:nth-child(2n) {margin-right: 0;}
.advantage-item p {padding: 0;}

.price-form h2 {padding: 0;}

.form-wrap {padding: 80px 0 0 0;}

.plus {width: 120px; padding: 0;}
.plus:before {border: 6px solid #FFF;}
.plus img {width: 50px;}

.youtube {padding: 50px 0 40px;}

.block-item {width: 120px; height: 120px;}
.block-info-item h4 {font-size: 20px;}

.confidence {padding: 50px 0 10px;}

.confidence-item,
.confidence-item:nth-child(4n),
.confidence-item:nth-child(2n) {width: 100%; margin: 0 0 40px;}
.confidence-item p {text-align: center; font-size: 18px;}

.where-use .block-info .row {width: 100%;}

.our-offer h2 {margin: 0 0 40px;}

.block-1-wrap {width: 100%; background: transparent; margin: 0 0 50px; height: auto;}
.block-1 {height: auto; width: auto; float: none; padding: 0;}
.offer-now {margin: 15px auto 0;} 

.block-2-wrap {margin: 0; height: auto;}
.block-2 {height: auto; background: transparent; padding: 0; margin: 0; width: auto; float: none;}
.offer_mobimg {display: block; width: 200px; margin: 0 auto 30px; display: block;}

.we-work {padding: 50px 0 40px 0;}
.we-work p {margin: 0 0 10px 0;}
.work-item {width: 100%; margin: 0 0 40px; padding: 40px 0 0 0;}
.work-wrap {padding: 0; width: 160px; height: 180px; margin: 0 auto 20px; background-size: 100% 100%;}
.work-wrap:before {top: -60px; margin-left: -12px; transform: rotate(90deg) translateX(-50%); left: 50%;}
.work-wrap img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0;}
.work-item p {padding: 0 0 10px; font-size: 24px;}

.iframe-wrap {padding: 0; border: 0;}

.photo-iframe-block {margin: 10px auto 20px auto;}
.photo-iframe-block a {width: calc((100% - 12px )/2); margin: 0 12px 12px 0;}
.photo-iframe-block a:nth-child(4n) {margin-right: 0;}
.photo-iframe-block a:nth-child(2n) {margin-right: 0;}

.video-iframe-wrap {width: 100%; margin: 0 0 25px; padding: 0; border: 0;}

.reports h2 {padding: 0; margin: 0 0 40px 0;}

.pas-order {padding: 50px 0 40px;}
.pas-order p {font-size: 18px; padding: 0; width: auto;}

.partners {padding: 50px 0 30px;}
.partners_default {display: none;}
.partners .partners_mob {display: block; margin: 0; padding: 30px 0 10px; width: 100%;}

.questions {padding: 50px 0 40px;}
.questions h2 {padding: 0 0 20px 0;}
.main-questions li h4 {margin: 14px 0 15px 0;}

.section-form2 {border: 0; padding: 0 0 80px;}
.section-form2 h1 {font-size: 30px;}
.section-form2 .form-wrap {padding: 100px 0 0 0;}

footer {padding: 20px 0;}
.logo-footer {width: 100%; padding: 0 0 0 140px; margin: 0 0 30px;}
.logo-footer img {width: 120px;}
.call-contact-footer {width: 100%; margin: 0 0 30px; padding: 0; text-align: center;}

.modal-wrapper {width: auto; min-width: 354px; max-width: calc(100vw - 16px);}
.modal-wrapper .price-form {width: 100%; min-width: 354px; max-width: 100%;}
.modal-wrapper .button-main {font-size: 20px;}
.modal-wrapper .close-modal {top: -25px; right: 40px;}

.modal-wrapper #phone-3,
.modal-wrapper #phone-6,
.modal-wrapper #phone-modal-1-3,
.modal-wrapper #phone-modal-2-3,
.modal-wrapper #phone-modal-3-3 {width: 129px;}

.success-wrapper {background-size: cover;}
.thanks {width: auto; padding: 50px 30px 20px; font-size: 32px;}

.privacy h1 {font-size: 26px;}
.privacy h2 {font-size: 20px;}

}