@charset "UTF-8";
/* ----- блок с доп услугами на стр расчета сметы ----- */
.smeta-add__title {
  text-align: center;
}

.smeta-add__subtitles {
  margin: 50px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.smeta-add__subtitles span {
  width: 280px;
}

.smeta-collage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1600px;
  margin: 0 auto;
}

.smeta-collage__img {
  height: 465px;
}

.smeta-collage__img:first-child, .smeta-collage__img:last-child {
  width: 28.4375%;
}

.smeta-collage__img:nth-child(2) {
  width: 39.3125%;
}

@media screen and (max-width: 1199px) {
  .smeta-add {
    padding-top: 50px;
  }
  .smeta-add__subtitles {
    display: block;
    text-align: left;
  }
  .smeta-add__subtitles span {
    display: block;
  }
  .smeta-add__subtitles span:not(:last-child) {
    margin-bottom: 15px;
  }
  .smeta-collage__img {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .smeta-collage__img {
    height: 250px;
  }
}

@media screen and (max-width: 575px) {
  .smeta-collage__img {
    height: 52.5vw;
  }
}