@media (min-width: 1920px) {
  .blue-box .num {
    font-size: 84px;
  }
  .blue-box .sign {
    font-size: 58px;
    height: 1em;
    padding-top: 15px;
  }
}

@media (min-width: 1440px) {
  .blue_block_mobile_dots {
    right: -60px !important;
  }

  .sign.size {
    line-height: 100% !important;
  }

  .solo-right-block .num {
    line-height: 55% !important;
  }

  .m-num {
    font-size: 75px;
  }

  .blue-block_num-dop-caption {
    width: 94%;
  }

  .blue-block_num {
    top: -30px;
  }

  .blue-block_num-caption {
    top: -28px;
  }
}

@media (min-width: 1280px) {
  .right-block .blue-box {
    height: 195px;
    max-height: unset;
  }

  .blue-block_num-sign {
    position: relative;
    top: -20px;
  }

  .blue-block_num {
    position: relative;
    top: -20px;
  }

  .blue-block_num-caption {
    position: relative;
    top: -18px;
  }

  .blue-block_num-dop-caption {
    position: relative;
    top: -30px;
  }

  .sign.size {
    line-height: 150% !important;
  }
}

@media (min-width: 1024px) {
  .solo-right-block .num {
    line-height: 80% !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .num {
    margin-left: 22px;
  }
  .blue-box .sign {
    top: 25px;
  }
  .right-block .blue-box {
    height: 235px !important;
    max-height: unset;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .blue-box .sign {
    left: 30px;
    top: 18px;
  }
  .num {
    margin-left: 22px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .num {
    padding-right: 10px !important;
  }
  .caption {
    margin-bottom: -8px;
  }
}
@media (min-width: 768px) and (max-width: 1023.9px) {
  .gray-block {
    padding-bottom: 140px;
    margin-bottom: 140px !important;
  }

  .right-block {
    margin-bottom: -93px !important;
  }

  h1 {
    font-size: 55px;
  }

  .sign-first {
    position: relative;
    top: 7px;
  }

  .num-first {
    padding-right: 10px !important;
  }

  .caption-first {
    position: relative;
    margin-left: 0px !important;
    top: 5px;
  }

  .caption-second {
    position: relative;
    top: 0;
    left: -20px;
  }

  .caption-third {
    position: relative;
    top: -11px;
  }
  .dop-caption {
    max-width: 393px;
  }
  .num {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .gray-block {
    margin-bottom: 120px !important;
  }
  .gray-block:not(.gray-block_indent) {
    margin-bottom: 120px !important;
  }

  .blue-box .m-num{
    padding-right: 5px;
  }
}

@media (width < 576px) {
  #page-title,
  .container-lg h1 {
    font-size: 32px;
  }

  .caption-second{
    padding-top: 10px !important;
  }
}