@media screen and (max-width: 768px) {
  .main-page {
    background: none;
    padding: 90px 0 40px 0;
  }
  .main-page .main-page__bg {
    display: none;
  }
  .main-page .main-page__bg-mobile {
    display: block;
    width: 100vw;
    margin: 0 0 12px -15px;
  }
  .main-page .main-page__bg-mobile img {
    width: 100%;
  }
  .main-page .main-page__wrap {
    padding-top: 24px;
  }
  .main-page .main-page__wrap h1 {
    font-size: 31px;
    line-height: 37px;
    margin-bottom: 24px;
  }
  .main-page .main-page__wrap .subtitle {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .main-page .main-page__wrap .main-page__list-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .main-page .main-page__wrap .main-page__list {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
  }
  .main-page .main-page__wrap .main-page__list li {
    margin-bottom: 16px;
  }
  .main-page .main-page__wrap .main-page__list li img {
    width: 24px;
    height: 24px;
  }
  .main-page .main-page__wrap .main-page__list li p {
    font-size: 18px;
    line-height: 24px;
    margin-left: 12px;
  }
  .main-page .main-page__wrap .button {
    margin: 40px auto 0 auto;
    max-height: 70px;
  }
  .features {
    padding: 30px 0;
  }
  .features .features__wrap {
    justify-content: center;
  }
  .features .features__wrap .features__item {
    width: auto;
    margin: 0 12px 24px 12px;
  }
  .features .features__wrap .features__item .features__item-icon {
    width: 120px;
    height: 120px;
  }
  .features .features__wrap .features__item .features__item-icon .features__item-icon__circle {
    width: 92px;
    height: 92px;
  }
  .features .features__wrap .features__item .features__item-icon .features__item-icon__circle .features__item-icon__beam {
    width: 120px;
    height: 120px;
  }
  .features .features__wrap .features__item .features__item-content .title br {
    display: none;
  }
  .earn {
    padding: 30px 0 50px 0;
  }
  .earn h2 {
    margin-bottom: 20px;
  }
  .earn .subtitle {
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 30px;
  }
  .earn .desktop {
    display: none;
  }
  .earn .mobile {
    display: block;
  }
  .earn .button {
    display: none;
  }
  input[type=range].styled-slider {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 32px;
    margin-bottom: 20px;
  }
  .earn__calculator-wrap {
    flex-direction: column;
    align-items: center;
    width: 500px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    background-image: none;
  }
  .earn__calculator-wrap .earn__calculator-title {
    font-family: "Roboto Regular";
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
  }
  .earn__calculator-wrap .earn__calculator__header {
    font-family: "Roboto Regular";
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px 0;
    background-color: #e6e6e6;
    border-radius: 12px 12px 0 0;
  }
  .earn__calculator-wrap .earn__calculator {
    width: 100%;
    padding: 0 16px;
  }
  .earn__calculator-wrap .earn__calculator .earn__calculator-buy {
    font-size: 18px;
    line-height: 24px;
  }
  .earn__calculator-wrap .earn__calculator .earn__calculator-buy p {
    text-align: center;
    width: 100%;
  }
  .earn__calculator-wrap .earn__calculator .earn__calculator-buy #earn-population {
    font-size: 34px;
    line-height: 40px;
  }
  .earn__calculator-wrap .earn__calculator .earn__calculator-buy .rub {
    font-size: 18px;
  }
  .earn__calculator-wrap .earn__result-wrap {
    width: 100%;
    margin: 0;
    padding: 0 16px 24px 16px;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result-title {
    text-align: center;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result {
    padding: 8px 6px;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result #earn__result-revenue {
    font-size: 44px;
    line-height: 50px;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result .rub {
    font-size: 18px;
    line-height: 40px;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result-buy {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result-buy #earn__result-buy {
    font-size: 34px;
    line-height: 40px;
  }
  .earn__calculator-wrap .earn__result-wrap .earn__result-buy .rub {
    font-size: 18px;
    line-height: 40px;
  }
  .why {
    background: #73655a;
  }
  .why .why__bg-mobile {
    display: block;
  }
  .why .why__bg-mobile img {
    width: 100%;
  }
  .why__wrap {
    justify-content: center;
    padding: 30px 0 20px 0;
  }
  .why__wrap .why__content ul li {
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px;
    padding: 20px 16px 16px 12px;
    border: 7px solid #998778;
    border-radius: 20px;
  }
  .why__wrap .why__content ul li img {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 32px;
    height: 24px;
    padding: 0px 4px;
    background: #73655a;
  }
  .why__wrap .why__content ul li .content {
    margin: 0;
  }
  .why__wrap .why__content ul li .content .title {
    font-family: "Roboto Bold";
    font-size: 20px;
    line-height: 24px;
  }
  .production {
    padding: 30px 0;
  }
  .production .subtitle {
    font-size: 21px;
    line-height: 27px;
  }
  .production__slider-wrap {
    margin-top: 70px;
  }
  .production__slider-arrow {
    top: -55px;
    width: 40px;
    height: 40px;
  }
  .production__slider-arrow.prev {
    left: 30px;
  }
  .production__slider-arrow.next {
    right: 30px;
  }
  .production__slider-item .production__slider-item__caption {
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
  }
  .production__slider-item .production__slider-item__caption span {
    font-size: 30px;
    line-height: 36px;
  }
  .production__slider-item .production__slider-item__caption p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin: 0;
  }
  .production__slider-item .production__slider-item__caption::before {
    top: 0;
  }
  .autoclaves {
    padding: 30px 0;
  }
  .autoclaves h2 {
    margin-bottom: 30px;
  }
  .autoclaves .container {
    padding: 0 5px;
  }
  .autoclaves__slider-wrap {
    padding-top: 56px;
  }
  .autoclaves__slider-wrap .autoclaves__slider-arrow {
    top: 0;
    width: 40px;
    height: 40px;
  }
  .autoclaves__slider-wrap .autoclaves__slider-arrow.prev {
    left: 30%;
  }
  .autoclaves__slider-wrap .autoclaves__slider-arrow.next {
    right: 30%;
  }
  .autoclaves__slider-wrap .slick-dots {
    margin-top: 4px;
  }
  .autoclaves__slider-item {
    position: unset;
    margin: 0 10px 30px 10px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__sticker {
    width: 60px;
    height: 60px;
    right: 10px;
    top: unset;
    bottom: 27px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content {
    position: relative;
    padding: 16px 12px 12px 12px;
    display: flex;
    flex-direction: column;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content .autoclaves__slider-item__content-subtitle {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 16px;
    order: 2;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content .autoclaves__slider-item__content-title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 4px;
    order: 1;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content ul {
    max-width: 50%;
    order: 3;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content ul li {
    margin-bottom: 10px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content ul li img {
    height: 24px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content ul li p {
    font-size: 14px;
    line-height: 18px;
    margin-left: 6px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__content .autoclaves__slider-item__image {
    width: 170px;
    top: unset;
    bottom: 0;
  }
  .autoclaves__slider-item .autoclaves__slider-item__footer {
    flex-direction: column;
    padding: 10px 12px 14px 16px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__footer div {
    white-space: nowrap;
  }
  .autoclaves__slider-item .autoclaves__slider-item__footer div p {
    font-size: 16px;
    line-height: 22px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__footer div span {
    font-size: 16px;
    line-height: 22px;
  }
  .autoclaves__slider-item .autoclaves__slider-item__footer div span span {
    font-size: 24px;
    line-height: 30px;
  }
  .step {
    padding: 30px 0;
  }
  .step h2 {
    margin-bottom: 24px;
  }
  .step .subtitle {
    font-size: 18px;
    line-height: 24px;
  }
  .step .subtitle a {
    font-size: 26px;
    line-height: 32px;
    display: block;
    margin: 8px 0 12px 0;
  }
  .step form {
    margin: 30px auto 0 auto;
  }
  .step form .input-wrap {
    flex-direction: column;
    align-items: center;
  }
  .step form .input-wrap .input {
    margin-bottom: 12px;
  }
  .step form .g-recaptcha {
    margin-top: 8px;
  }
  .step form .button {
    white-space: break-spaces;
    max-height: 90px;
    padding: 9px 20px 10px 20px;
  }
  .how {
    flex-direction: column;
    align-items: center;
  }
  .how .how__side {
    width: 100%;
  }
  .how .how__side .how__side-title {
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 30px;
  }
  .how .how__side.side-left {
    padding: 24px 15px 12px 15px;
    align-items: center;
  }
  .how .how__side.side-right {
    padding: 24px 15px 24px 15px;
    align-items: center;
  }
  .how .how__side.side-right form .form__header {
    font-size: 22px;
    line-height: 28px;
    padding: 14px;
  }
  .how .how__side.side-right form .form__content {
    padding: 20px 12px 30px 12px;
  }
  .how .how__side.side-right form .form__content .g-recaptcha {
    margin-top: 10px;
  }
  .how .how__side.side-right form .form__content .button {
    margin-top: 24px;
  }
  .advantages {
    padding: 30px 0 0 0;
  }
  .advantages h2 {
    margin-bottom: 40px;
  }
  .advantages__wrap {
    justify-content: center;
  }
  .advantages__wrap .advantages__item {
    width: 240px;
    margin: 0 12px 24px 12px;
  }
  .advantages__wrap .advantages__item .advantages__item-content .title br {
    display: none;
  }
  .bloggers {
    padding: 30px 0;
  }
  .bloggers__wrap {
    flex-direction: column;
    align-items: center;
  }
  .bloggers__wrap .bloggers__item {
    margin-bottom: 40px;
  }
  .partners {
    padding: 30px 0;
  }
  @-webkit-keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -500%;
    }
  }
  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -500%;
    }
  }
  .animate {
    -webkit-animation: marquee 15s linear infinite;
            animation: marquee 15s linear infinite;
  }
  .managers {
    padding: 30px 0 40px 0;
  }
  .managers .container {
    padding: 0;
  }
  .managers .button {
    max-width: 92%;
    margin: 30px auto 0 auto;
  }
  .managers__wrap .managers__items .managers__item {
    margin-bottom: 16px;
    padding: 12px 16px 8px 16px;
  }
  .managers__wrap .managers__items .managers__item .managers__item-avatar {
    width: 100px;
    height: 100px;
  }
  .managers__wrap .managers__items .managers__item .managers__item-content {
    margin-left: 16px;
  }
  .managers__wrap .managers__items .managers__item .managers__item-content .contact a {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
  }
  #autoclaves-modal .modal__content h2 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media screen and (max-width: 340px) {
  .g-recaptcha {
    transform: scale(0.9);
  }
  .main-page .main-page__wrap h1 {
    font-size: 31px;
    line-height: 37px;
  }
  .managers__wrap .managers__items .managers__item {
    position: relative;
    justify-content: flex-end;
  }
  .managers__wrap .managers__items .managers__item .managers__item-avatar {
    position: absolute;
    top: 11px;
    left: 32px;
    width: 80px;
    height: 80px;
  }
  .managers__wrap .managers__items .managers__item .managers__item-content .name {
    padding-left: 100px;
  }
  .managers__wrap .managers__items .managers__item .managers__item-content .title {
    padding-left: 100px;
  }
}/*# sourceMappingURL=media.css.map */