@media (max-width: 1200px) {
  .section-1 img {
    margin-left: 0;
    width: 486px;
    min-width: 468px;
  }
  .section-1 .arr-down {
    min-width: 18px !important;
    left: 0;
  }
  .section-1 .utp {
    padding-left: 0;
  }

  .section-3 .img {
    padding-left: 0;
  }

  .section-4 .txt {
    margin-right: 127px;
    padding-left: 106px;
  }

  .section-10 h2:before,
.section-5 h2:before,
.section-6 h2:before,
.section-8 h2:before,
.section-9 h2:before {
    left: 0;
  }

  .section-10 h2,
.section-5 h2,
.section-6 h2,
.section-8 h2,
.section-9 h2 {
    padding-left: 40px;
    margin-left: 0;
  }

  .why p {
    padding-right: 20px;
    font-size: 13px !important;
  }

  .why p br {
    display: none;
  }

  .fon {
    margin-right: 15px !important;
    width: 210px !important;
    min-width: 210px !important;
  }

  .why h4 {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
  }

  .why {
    padding-left: 40px !important;
  }

  .doit {
    padding-left: 0 !important;
    font-size: 14px !important;
  }

  .section-6 .get {
    margin-right: 50px;
  }

  .pink {
    margin-left: 77px !important;
    margin-right: 95px !important;
  }

  .gallery {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  .reviews,
.section-9 .more-reviews {
    margin-left: 0 !important;
  }

  .contacts,
.form form,
.form h6,
.left,
.material {
    margin-left: 43px !important;
    padding-left: 0 !important;
  }
}
@media (max-width: 992px) {
  .section-1 img {
    margin-left: 0;
    width: 461px;
    min-width: 461px;
    position: absolute;
    right: 0;
  }

  .section-3 .img {
    padding-left: 0;
    margin: 0 auto;
    display: block;
    text-align: left;
  }

  .section-3 .d-flex {
    display: block !important;
  }

  .section-3 .info {
    margin-top: 26px;
    text-align: left !important;
  }

  .section-3 .info:after {
    display: none !important;
  }

  .section-4 .txt {
    margin-right: 0;
    padding-left: 0;
    font-size: 14px;
  }

  .section-4 .d-flex {
    justify-content: space-between;
  }

  .img2 {
    text-align: right;
  }
  .img2 img {
    width: 90%;
  }

  .fon {
    margin-right: 25px !important;
    width: 250px !important;
    min-width: 250px !important;
  }

  .why p {
    padding-right: 20px;
    font-size: 14px !important;
  }

  .section-6 .illustr {
    display: none;
  }

  .doit {
    padding-left: 0 !important;
    font-size: 16px !important;
  }

  .reviews .rev,
.reviews .rev .text {
    width: 100% !important;
  }

  .pink {
    display: none;
  }

  .section-7 h2 {
    padding-left: 40px;
    margin-left: 0;
  }

  .section-7 h2:before {
    left: 0;
  }

  .section-10 .contacts div {
    margin-right: 110px;
  }

  .section-10 .contacts div:last-of-type {
    margin-right: 0;
  }

  .section-10 .form input {
    width: 195px;
    margin-right: 27px;
  }
}
@media (max-width: 768px) {
  .map {
    display: none;
  }

  .header .social {
    display: none;
  }

  .phone {
    margin-right: 0;
  }

  .ill1,
h1 br {
    display: none;
  }

  h1 {
    font-size: 30px !important;
  }

  .utp h4 br {
    display: none;
  }

  .bg {
    padding: 70px 30px;
  }
  .bg h2 br {
    display: none;
  }
  .bg h2 {
    font-size: 21px;
  }

  .section-1 .arr-down {
    bottom: -12px;
  }

  .img img {
    width: 100%;
  }

  .section-4 .d-flex {
    display: block !important;
  }

  .section-3 h3 {
    font-size: 21px;
  }

  .section-3 {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .img2 {
    text-align: center;
    margin-top: 30px;
  }

  .section-4 {
    padding-bottom: 70px;
  }

  .section-10 h2,
.section-5 h2,
.section-6 h2,
.section-8 h2,
.section-9 h2 {
    padding-left: 25px;
    margin-left: 0;
    font-size: 19px;
  }

  .section-6 .doit {
    margin-top: 50px;
    display: block !important;
  }

  .section-6 .do {
    margin-right: 0;
  }

  .section-6 .get {
    margin-right: 0;
  }

  .section-7 .col-md-4 {
    margin-bottom: 31px;
    width: 50%;
  }

  .section-9 .reviews .rev .name {
    color: #1d1d1d;
    font-family: "MuseoSansCyrl900";
    font-size: 16px;
    font-weight: 700;
    margin-right: 13px;
  }

  .section-9 .reviews .rev img {
    margin-right: 20px;
    width: 35px;
    height: 35px;
    min-width: 35px;
  }

  .section-9 .reviews .rev {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(32, 4, 64, 0.2);
    margin-bottom: 35px;
    width: 890px;
  }

  .more-reviews {
    display: block !important;
    text-align: center;
  }

  .section-10 .contacts {
    margin-top: 84px;
    margin-bottom: 59px;
    margin-left: 89px;
    display: block !important;
    margin-left: 0 !important;
  }

  .section-10 .contacts div {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .contacts,
.form form,
.form h6,
.left,
.material {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .form h6 br {
    display: none;
  }

  .section-10 .form input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .section-10 .form button {
    margin: -5px 0 18px;
  }

  .material br,
.sogl br {
    display: none;
  }

  .footer .left div {
    margin-right: 0;
    display: block !important;
    text-align: center;
  }

  .footer a {
    color: #fff !important;
    text-align: center;
    display: block;
    margin-top: 15px;
  }

  .fon {
    margin-right: 0 !important;
    width: 215px !important;
    min-width: 215px !important;
  }

  .footer .left {
    display: block !important;
  }

  .slick-slide .d-flex {
    display: block !important;
  }

  .section-5 .icon {
    display: none;
  }

  .section-5 .why h4 br {
    display: none;
  }

  .section-9 .more-reviews a {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 480px) {
  .map {
    display: none;
  }

  .header .social {
    display: none;
  }

  .phone {
    margin-right: 0;
  }

  .ill1,
h1 br {
    display: none;
  }

  h1 {
    font-size: 30px !important;
  }

  .utp h4 br {
    display: none;
  }

  .bg {
    padding: 70px 30px;
  }
  .bg h2 br {
    display: none;
  }
  .bg h2 {
    font-size: 21px;
  }

  .section-1 .arr-down {
    bottom: -12px;
  }

  .img img {
    width: 100%;
  }

  .section-4 .d-flex {
    display: block !important;
  }

  .section-3 h3 {
    font-size: 21px;
  }

  .section-3 {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .img2 {
    text-align: center;
    margin-top: 30px;
  }

  .section-4 {
    padding-bottom: 70px;
  }

  .section-10 h2,
.section-5 h2,
.section-6 h2,
.section-8 h2,
.section-9 h2 {
    padding-left: 25px;
    margin-left: 0;
    font-size: 19px;
  }

  .section-6 .doit {
    margin-top: 50px;
    display: block !important;
  }

  .section-6 .do {
    margin-right: 0;
  }

  .section-6 .get {
    margin-right: 0;
  }

  .section-7 .col-md-4 {
    margin-bottom: 31px;
    width: 50%;
  }

  .section-9 .reviews .rev .name {
    color: #1d1d1d;
    font-family: "MuseoSansCyrl900";
    font-size: 16px;
    font-weight: 700;
    margin-right: 13px;
  }

  .section-9 .reviews .rev img {
    margin-right: 20px;
    width: 35px;
    height: 35px;
    min-width: 35px;
  }

  .section-9 .reviews .rev {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(32, 4, 64, 0.2);
    margin-bottom: 35px;
    width: 890px;
  }

  .more-reviews {
    display: block !important;
    text-align: center;
  }

  .section-10 .contacts {
    margin-top: 84px;
    margin-bottom: 59px;
    margin-left: 89px;
    display: block !important;
    margin-left: 0 !important;
  }

  .section-10 .contacts div {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .contacts,
.form form,
.form h6,
.left,
.material {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .form h6 br {
    display: none;
  }

  .section-10 .form input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .section-10 .form button {
    margin: -5px 0 18px;
  }

  .material br,
.sogl br {
    display: none;
  }

  .footer .left div {
    margin-right: 0;
    display: block !important;
    text-align: center;
  }

  .footer a {
    color: #fff !important;
    text-align: center;
    display: block;
    margin-top: 15px;
  }

.fon {
    margin-right: 0 !important;
    width: 89% !important;
    min-width: 215px !important;
}

  .footer .left {
    display: block !important;
  }

  .slick-slide .d-flex {
    display: block !important;
  }

  .section-5 .icon {
    display: none;
  }

  .section-5 .why h4 br {
    display: none;
  }

  .section-9 .more-reviews a {
    margin-left: auto;
    margin-right: auto;
  }
  .section-5 .why {
    margin-top: 70px;
}
}