/* для работы с блоком about */

/* 1-поинт = 1919: по Тех.заданию */
@media (max-width: 1919px) {

  /* отступы слева-справа = 50рх */
  .container {
    /* padding: 0 50px; */
  }

 /* картинкаСтроитель */
  .about__bottom-img {

    width: calc(60% - 17px);
    border-radius: 32px;
  }

  /* блок поп-ап */
  .about__bottom-popup {
    padding: 25px 50px;
  }

  /* надпись внутри поп-ап */
  .about__bottom-descr {
    padding-right: 30px;
  }

  /* куб и шестеренка */
  .about__bottom-info--cube {
    padding-left: 316px;
    background-position: 76px 64px;
  }

  .about__bottom-info--gear {
    padding-right: 120px;
    padding-left: 316px;
    background-position: 76px 63px;
  }


}

/* 2-поинт = 1450 */
@media (max-width: 1450px) {
  .about__descr {
    padding-bottom: 59px;
  }

  /*общая обертка для картинки  и 2блока*/
  .about__bottom {
    flex-direction: column;
  }

  /*картинкаСтроитель: новые стили*/
  .about__bottom-img {
    width: calc(100% - 0px);
    min-height: 640px;
    background: center / cover url(../img/about-worker-1024.png);
  }

    /* блок поп-ап */
  .about__bottom-popup {
    padding: 50px;
  }

  /* надпись внутри поп-ап */
  .about__bottom-descr {
    padding-right: 195px;
  }

  /*кнопкаПодробнее*/
  .about__btn-detail {
    padding: 11px 35px;
  }

  /* 2блока с кубом-шестерней */
  .about__bottom-info {
    max-width: 100%;
  }




}



/* 3-поинт = 1024: по Тех.заданию */
@media (max-width: 1024px) {

  .about {
    margin-bottom: 80px;
  }

}

/*4-поинт = 992*/
@media (max-width: 992px) {
  /* Онас: текст*/
  .about__descr {
    padding-bottom: 54px;
  }

  /* фотоСтроитель, блок поп-ап */
  .about__bottom-img {
    width: calc(100% - 0px);
    min-height: 650px;
    background: center / cover url(../img/about-worker-768.png);
  }

  .about__bottom-descr {
    padding-right: 30px;
  }

  .about__bottom-popup {
    padding-top: 34px;
    padding-bottom: 34px;
    padding-left: 40px;
    padding-right: 47px;
  }

  /* кнопкаПодробнее внутри поп-ап*/
  .about__btn-detail {
    padding: 11px 32px;
  }

  /* блоки Куб-Шестерня */
  .about__bottom-info--cube {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 170px;
    padding-right: 30px;

    background-position: 39px center;
    background-size: 114px 99px;
  }
  .about__bottom-info--gear {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 35px;
    padding-left: 170px;

    background-position: 39px center;
    background-size: 114px 99px;
  }

}

/* 5-поинт = 768: по Тех.заданию */
@media (max-width: 768px) {

  .about {
    margin-bottom: 82px;
  }
}


/* 6-поинт = 576 */
@media (max-width: 576px) {

  /* отступы слева-справа = 15рх */
  .container {
    /* padding: 0 15px; */
  }

  .about {
    margin-bottom: 59px;
  }

  /* About заголовок & текст-описание*/
  .about__title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .about__descr {
    padding-bottom: 13px;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
  }


  /* about^  фотоСтроитель переместить в ::before*/
  .about__bottom-img {
    display: block;
    width: 100%;
    min-height: unset;
    background: none;
  }

  .about__bottom-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 68.96%;
    background: center / cover url(../img/about-worker-320.png);

 }

  /* about^  Поп-ап вывсести из-под фотоСтроитель */
  .about__bottom-popup {
    padding: 0;
    padding-top: 8px;
    display:inline-block;
    background-color: #fff;
  }

  /* about^ тест внутри бывш. поп-ап */
  .about__bottom-descr {
    padding-right: 0;
    padding-bottom: 12px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
  }

  /* about^ кнопка в бывшем поп-ап */
  .about__btn-detail {
    padding: 11px 42px;
    color: #F90;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    border-radius: 8px;
    border: 2px solid #F90;
  }

  /* about^ кубШестерня */
  .about__bottom-info {
    border: none;
  }

  .about__bottom-info--cube {
    padding-top: 58px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;

    background-image: url(../img/about-cube-320.png);
    background-position: left 0px;
    background-size: 64px 49px;
  }

  .about__bottom-info--gear {
    padding-top: 58px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;

    background-image: url(../img/about-gear-320.png);
    background-position: left 0px;
    background-size: 64px 49px;
  }

  .about__bottom-title {
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
  }

  .about__descript {

    font-size: 14px;
    font-weight: 400;
    line-height: 28px; /* 200% */
  }




}


/* 7-поинт = 320: по Тех.заданию  */
@media (max-width: 320px) {


}