@media (min-width: 240px) and (max-width: 479px) {
  /* Header begin */
  footer .main_wrap {
    padding: 0 20px;
  }
  .main_header {
    height: 72px;
  }
  .main_header > div {
    height: 72px;
    padding: 0 16px;
  }
  /* Header end */
  /* Index first begin */
  .form_center {
    padding: 0 20px;
  }
  .first_wrapper > div {
    padding: 0 16px 24px;
  }
  .index_first .inner {
    width: 100%;
    padding: 24px 0 28px;
  }
  .index_first .image {
    width: 100%;
  }
  .index_first h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .index_first p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  .download_link .download a {
    padding: 12px 32px;
    font-size: 17px;
  }
  .qr_link {
    display: none;
  }
  /* Index first end */
  /* Advantages begin */
  .advantages_block {
    padding: 36px 0;
  }
  .advantages_block > div {
    padding: 0 16px;
  }
  .advantages_grid {
    grid-template-columns: 1fr;
  }
  .advantages_grid figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .advantages_grid .icon {
    width: 44px;
    height: 44px;
    margin: 0;
  }
  .advantages_grid .icon img {
    transform: scale(0.8);
  }
  .advantages_grid figcaption {
    width: calc(100% - 56px);
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  /* Advantages end */
  /* Middle begin */
  .middle_wrapper {
    padding: 36px 0 12px;
  }
  .middle_wrapper > div {
    padding: 0 16px;
  }
  .middle_block {
    border-radius: 12px;
  }
  .middle_block.compact {
    flex-direction: row-reverse !important;
    align-items: center;
    width: 100%;
    padding: 20px;
  }
  .middle_block.compact:last-child {
    flex-direction: row !important;
  }
  .middle_block.compact .inner {
    width: calc(50% - 12px);
  }
  .middle_block.compact .graph {
    width: calc(50% - 12px);
    padding: 0;
  }
  .middle_block .inner {
    padding: 20px;
  }
  .middle_block p {
    display: none;
  }
  .middle_block h3 {
    padding: 0 0 4px !important;
    font-size: 11px !important;
  }
  .middle_block h2 {
    font-size: 15px !important;
  }
  .middle_three {
    width: calc(50% - 12px);
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 0;
  }
  .middle_three section {
    padding: 8px;
    border-radius: 8px;
  }
  .middle_three .icon {
    padding: 0;
    min-height: 26px;
  }
  .middle_three .icon img {
    height: 20px;
  }
  .middle_three h4 {
    font-size: 9px;
  }
  /* Middle begin */
  /* Start begin */
  .start_wrapper {
    padding: 32px 0;
  }
  .start_wrapper > div {
    padding: 0 16px;
  }
  .start_block {
    flex-wrap: wrap;
  }
  .start_block .inner {
    width: 100%;
  }
  .start_block h2 {
    padding: 0 0 12px;
    font-size: 20px;
  }
  .start_block p {
    font-size: 16px;
  }
  .start_list {
    width: 100%;
    align-items: center;
    padding-left: 12vw;
  }
  .start_list li {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.5px;
  }
  .start_list li::before {
    width: 51px;
    padding: 15px 0px;
    left: -60px;
  }
  .start_list span {
    min-width: 180px;
    padding: 15px 24px;
    font-size: 15px;
    background-size: auto 100%;
  }
  /* Start end */
  /* Stock begin */
  .stocks_wrapper {
    padding: 80px 0;
  }
  .stocks_wrapper > div {
    padding: 0 16px;
  }
  .stocks_round {
    width: 80vw;
    height: 80vw;
  }
  .stocks_round img {
    transform: scale(0.7);
  }
  .stocks_center {
    top: 140px;
  }
  .stocks_center h2 {
    width: 220px;
    padding: 0 0 12px;
    font-size: 15px;
  }
  .stocks_line {
    margin: 0 0 12px;
  }
  .stocks_line article {
    width: 220px;
    padding: 12px;
    margin: 0 12px 0 0;
  }
  .stocks_line img {
    height: 20px;
  }
  .stocks_line h3 {
    font-size: 13px;
  }
  .stocks_line strong {
    font-size: 13px;
  }
  .stocks_line span {
    font-size: 13px;
  }
  /* Stock end */
  /* Form begin */
  .form_wrapper {
    padding: 36px 0;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(../img/form_bg.png);
    background-size: 110px;
  }
  .form_wrapper > div {
    padding: 0 16px;
  }
  .form_block {
    padding: 24px 16px;
    background-image: none;
    border-radius: 0;
    background-color: transparent;
  }
  .input_item {
    padding: 0 0 8px;
  }
  .input_item input {
    height: 56px;
    font-size: 17px;
    border-color: #EAEAEA;
  }
  .input_item input:focus, .input_item input:valid {
    padding-top: 14px;
  }
  .input_item input:focus + span, .input_item input:valid + span {
    font-size: 14px;
    top: 6px;
  }
  .input_item span {
    font-size: 17px;
    top: 17px;
  }
  /* Form end */
  /* Boost begin */
  .boost_wrapper {
    padding: 36px 0 0;
    font-size: 0;
  }
  .boost_wrapper > div {
    padding: 0 16px;
  }
  .boost_block {
    flex-direction: column-reverse;
  }
  .boost_block .image {
    width: 100%;
  }
  .boost_block .inner {
    width: 100%;
    padding: 0 0 28px;
  }
  .boost_block h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .boost_block p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  /* Boost end */
  /* Faq begin */
  .faq_wrapper {
    padding: 36px 0;
  }
  .faq_wrapper > div {
    padding: 0 16px;
  }
  .faq_sides .inset {
    width: 100%;
    padding: 0 0 28px;
  }
  .faq_sides .inset p {
    font-size: 16px;
  }
  .faq_sides h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .faq_block {
    width: 100%;
  }
  .faq_accordion article {
    margin: 0 0 12px;
  }
  .faq_accordion article h3 a {
    padding: 16px 80px 16px 16px;
    font-size: 15px;
  }
  .faq_accordion article h3 a::before, .faq_accordion article h3 a::after {
    right: 16px;
  }
  .faq_accordion .inner {
    padding: 0 16px;
    font-size: 14px;
  }
  /* Faq end */
}
@media (min-width: 480px) and (max-width: 767px) {
  /* Header begin */
  footer .main_wrap {
    padding: 0 20px;
  }
  .main_header {
    height: 72px;
  }
  .main_header > div {
    height: 72px;
    padding: 0 16px;
  }
  /* Header end */
  /* Index first begin */
  .first_wrapper > div {
    padding: 0 16px 24px;
  }
  .index_first .inner {
    width: 100%;
    padding: 24px 0 28px;
  }
  .index_first .image {
    width: 100%;
  }
  .index_first h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .index_first p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  .download_link .download a {
    padding: 12px 32px;
    font-size: 17px;
  }
  .qr_link {
    display: none;
  }
  /* Index first end */
  /* Advantages begin */
  .advantages_block {
    padding: 36px 0;
  }
  .advantages_block > div {
    padding: 0 16px;
  }
  .advantages_grid {
    grid-template-columns: 1fr;
  }
  .advantages_grid figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .advantages_grid .icon {
    width: 44px;
    height: 44px;
    margin: 0;
  }
  .advantages_grid .icon img {
    transform: scale(0.8);
  }
  .advantages_grid figcaption {
    width: calc(100% - 56px);
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  /* Advantages end */
  /* Middle begin */
  .middle_wrapper {
    padding: 36px 0 12px;
  }
  .middle_wrapper > div {
    padding: 0 16px;
  }
  .middle_block {
    border-radius: 12px;
  }
  .middle_block.compact {
    flex-direction: row-reverse !important;
    align-items: center;
    width: 100%;
    padding: 20px;
  }
  .middle_block.compact .inner {
    width: calc(50% - 12px);
  }
  .middle_block.compact .graph {
    width: calc(50% - 12px);
    padding: 0;
  }
  .middle_block .inner {
    padding: 20px;
  }
  .middle_block p {
    display: none;
  }
  .middle_block h3 {
    padding: 0 0 4px !important;
    font-size: 11px !important;
  }
  .middle_block h2 {
    font-size: 15px !important;
  }
  .middle_three {
    width: calc(50% - 12px);
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 0;
  }
  .middle_three section {
    padding: 8px;
    border-radius: 8px;
  }
  .middle_three .icon {
    padding: 0;
    min-height: 26px;
  }
  .middle_three .icon img {
    height: 20px;
  }
  .middle_three h4 {
    font-size: 9px;
  }
  /* Middle begin */
  /* Start begin */
  .start_wrapper {
    padding: 32px 0;
  }
  .start_wrapper > div {
    padding: 0 16px;
  }
  .start_block {
    flex-wrap: wrap;
  }
  .start_block .inner {
    width: 100%;
  }
  .start_block h2 {
    padding: 0 0 12px;
    font-size: 20px;
  }
  .start_block p {
    font-size: 16px;
  }
  .start_list {
    width: 100%;
    align-items: center;
  }
  .start_list li {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.5px;
  }
  .start_list li::before {
    width: 51px;
    padding: 15px 0px;
    left: -60px;
  }
  .start_list span {
    min-width: 180px;
    padding: 15px 24px;
    font-size: 15px;
    background-size: auto 100%;
  }
  /* Start end */
  /* Stock begin */
  .stocks_wrapper {
    padding: 80px 0;
  }
  .stocks_wrapper > div {
    padding: 0 16px;
  }
  .stocks_round {
    width: 80vw;
    height: 80vw;
  }
  .stocks_round img {
    transform: scale(0.7);
  }
  .stocks_center {
    top: 140px;
  }
  .stocks_center h2 {
    width: 220px;
    padding: 0 0 12px;
    font-size: 15px;
  }
  .stocks_line {
    margin: 0 0 12px;
  }
  .stocks_line article {
    width: 220px;
    padding: 12px;
    margin: 0 12px 0 0;
  }
  .stocks_line img {
    height: 20px;
  }
  .stocks_line h3 {
    font-size: 13px;
  }
  .stocks_line strong {
    font-size: 13px;
  }
  .stocks_line span {
    font-size: 13px;
  }
  /* Stock end */
  /* Form begin */
  .form_wrapper {
    padding: 36px 0;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(../img/form_bg.png);
    background-size: 110px;
  }
  .form_wrapper > div {
    padding: 0 16px;
  }
  .form_block {
    padding: 24px 16px;
    background-image: none;
    border-radius: 0;
    background-color: transparent;
  }
  .input_item {
    padding: 0 0 8px;
  }
  .input_item input {
    height: 56px;
    font-size: 17px;
    border-color: #EAEAEA;
  }
  .input_item input:focus, .input_item input:valid {
    padding-top: 14px;
  }
  .input_item input:focus + span, .input_item input:valid + span {
    font-size: 14px;
    top: 6px;
  }
  .input_item span {
    font-size: 17px;
    top: 17px;
  }
  /* Form end */
  /* Boost begin */
  .boost_wrapper {
    padding: 36px 0 0;
    font-size: 0;
  }
  .boost_wrapper > div {
    padding: 0 16px;
  }
  .boost_block {
    flex-direction: column-reverse;
  }
  .boost_block .image {
    width: 100%;
  }
  .boost_block .inner {
    width: 100%;
    padding: 0 0 28px;
  }
  .boost_block h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .boost_block p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  /* Boost end */
  /* Faq begin */
  .faq_wrapper {
    padding: 36px 0;
  }
  .faq_wrapper > div {
    padding: 0 16px;
  }
  .faq_sides .inset {
    width: 100%;
    padding: 0 0 28px;
  }
  .faq_sides .inset p {
    font-size: 16px;
  }
  .faq_sides h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .faq_block {
    width: 100%;
  }
  .faq_accordion article {
    margin: 0 0 12px;
  }
  .faq_accordion article h3 a {
    padding: 16px 80px 16px 16px;
    font-size: 15px;
  }
  .faq_accordion article h3 a::before, .faq_accordion article h3 a::after {
    right: 16px;
  }
  .faq_accordion .inner {
    padding: 0 16px;
    font-size: 14px;
  }
  /* Faq end */
}
@media (min-width: 768px) and (max-width: 1023px) {
  /* Header begin */
  footer .main_wrap {
    padding: 0 20px;
  }
  .main_header {
    height: 72px;
  }
  .main_header > div {
    height: 72px;
    padding: 0 16px;
  }
  /* Header end */
  /* Index first begin */
  .first_wrapper > div {
    padding: 0 16px 24px;
  }
  .index_first .inner {
    width: 100%;
    padding: 24px 0 28px;
  }
  .index_first .image {
    width: 100%;
  }
  .index_first h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .index_first p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  .download_link .download a {
    padding: 12px 32px;
    font-size: 17px;
  }
  .qr_link {
    display: none;
  }
  /* Index first end */
  /* Advantages begin */
  .advantages_block {
    padding: 36px 0;
  }
  .advantages_block > div {
    padding: 0 16px;
  }
  .advantages_grid {
    grid-template-columns: 1fr;
  }
  .advantages_grid figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .advantages_grid .icon {
    width: 44px;
    height: 44px;
    margin: 0;
  }
  .advantages_grid .icon img {
    transform: scale(0.8);
  }
  .advantages_grid figcaption {
    width: calc(100% - 56px);
    text-align: left;
    font-size: 16px;
    font-weight: 400;
  }
  /* Advantages end */
  /* Middle begin */
  .middle_wrapper {
    padding: 36px 0 12px;
  }
  .middle_wrapper > div {
    padding: 0 16px;
  }
  .middle_block {
    border-radius: 12px;
  }
  .middle_block.compact {
    flex-direction: row-reverse !important;
    align-items: center;
    width: 100%;
    padding: 20px;
  }
  .middle_block.compact .inner {
    width: calc(50% - 12px);
  }
  .middle_block.compact .graph {
    width: calc(50% - 12px);
    padding: 0;
  }
  .middle_block .inner {
    padding: 20px;
  }
  .middle_block p {
    display: none;
  }
  .middle_block h3 {
    padding: 0 0 4px !important;
    font-size: 11px !important;
  }
  .middle_block h2 {
    font-size: 15px !important;
  }
  .middle_three {
    width: calc(50% - 12px);
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 0;
  }
  .middle_three section {
    padding: 8px;
    border-radius: 8px;
  }
  .middle_three .icon {
    padding: 0;
    min-height: 26px;
  }
  .middle_three .icon img {
    height: 20px;
  }
  .middle_three h4 {
    font-size: 9px;
  }
  /* Middle begin */
  /* Start begin */
  .start_wrapper {
    padding: 32px 0;
  }
  .start_wrapper > div {
    padding: 0 16px;
  }
  .start_block {
    flex-wrap: wrap;
  }
  .start_block .inner {
    width: 100%;
  }
  .start_block h2 {
    padding: 0 0 12px;
    font-size: 20px;
  }
  .start_block p {
    font-size: 16px;
  }
  .start_list {
    width: 100%;
    align-items: center;
  }
  .start_list li {
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.5px;
  }
  .start_list li::before {
    width: 51px;
    padding: 15px 0px;
    left: -60px;
  }
  .start_list span {
    min-width: 180px;
    padding: 15px 24px;
    font-size: 15px;
    background-size: auto 100%;
  }
  /* Start end */
  /* Stock begin */
  .stocks_wrapper {
    padding: 80px 0;
  }
  .stocks_wrapper > div {
    padding: 0 16px;
  }
  .stocks_round {
    width: 80vw;
    height: 80vw;
  }
  .stocks_round img {
    transform: scale(0.7);
  }
  .stocks_center {
    top: 140px;
  }
  .stocks_center h2 {
    width: 220px;
    padding: 0 0 12px;
    font-size: 15px;
  }
  .stocks_line {
    margin: 0 0 12px;
  }
  .stocks_line article {
    width: 220px;
    padding: 12px;
    margin: 0 12px 0 0;
  }
  .stocks_line img {
    height: 20px;
  }
  .stocks_line h3 {
    font-size: 13px;
  }
  .stocks_line strong {
    font-size: 13px;
  }
  .stocks_line span {
    font-size: 13px;
  }
  /* Stock end */
  /* Form begin */
  .form_wrapper {
    padding: 36px 0;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-image: url(../img/form_bg.png);
    background-size: 110px;
  }
  .form_wrapper > div {
    padding: 0 16px;
  }
  .form_block {
    padding: 24px 16px;
    background-image: none;
    border-radius: 0;
    background-color: transparent;
  }
  .input_item {
    padding: 0 0 8px;
  }
  .input_item input {
    height: 56px;
    font-size: 17px;
    border-color: #EAEAEA;
  }
  .input_item input:focus, .input_item input:valid {
    padding-top: 14px;
  }
  .input_item input:focus + span, .input_item input:valid + span {
    font-size: 14px;
    top: 6px;
  }
  .input_item span {
    font-size: 17px;
    top: 17px;
  }
  /* Form end */
  /* Boost begin */
  .boost_wrapper {
    padding: 36px 0 0;
    font-size: 0;
  }
  .boost_wrapper > div {
    padding: 0 16px;
  }
  .boost_block {
    flex-direction: column-reverse;
  }
  .boost_block .image {
    width: 100%;
  }
  .boost_block .inner {
    width: 100%;
    padding: 0 0 28px;
  }
  .boost_block h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .boost_block p {
    padding: 0 0 24px;
    font-size: 16px;
  }
  /* Boost end */
  /* Faq begin */
  .faq_wrapper {
    padding: 36px 0;
  }
  .faq_wrapper > div {
    padding: 0 16px;
  }
  .faq_sides .inset {
    width: 100%;
    padding: 0 0 28px;
  }
  .faq_sides .inset p {
    font-size: 16px;
  }
  .faq_sides h2 {
    padding: 0 0 10px;
    font-size: 20px;
  }
  .faq_block {
    width: 100%;
  }
  .faq_accordion article {
    margin: 0 0 12px;
  }
  .faq_accordion article h3 a {
    padding: 16px 80px 16px 16px;
    font-size: 15px;
  }
  .faq_accordion article h3 a::before, .faq_accordion article h3 a::after {
    right: 16px;
  }
  .faq_accordion .inner {
    padding: 0 16px;
    font-size: 14px;
  }
  /* Faq end */
}
@media (min-width: 1024px) and (max-width: 1280px) {
  /* Header begin */
  footer .main_wrap {
    padding: 0 20px;
  }
  .main_header > div {
    padding: 0 20px;
  }
  /* Header end */
  /* Index first begin */
  .first_wrapper > div {
    padding: 0 20px 24px;
  }
  /* Index first end */
  /* Advantages begin */
  .advantages_block > div {
    padding: 0 20px;
  }
  /* Advantages end */
  /* Middle begin */
  .middle_wrapper > div {
    padding: 0 20px;
  }
  /* Middle begin */
  /* Start begin */
  .start_wrapper > div {
    padding: 0 20px;
  }
  /* Start end */
  /* Stock begin */
  .stocks_wrapper > div {
    padding: 0 20px;
  }
  /* Stock end */
  /* Form begin */
  .form_wrapper > div {
    padding: 0 20px;
  }
  /* Form end */
  /* Boost begin */
  .boost_wrapper {
    font-size: 0;
  }
  .boost_wrapper > div {
    padding: 0 20px;
  }
  /* Boost end */
  /* Faq begin */
  .faq_wrapper > div {
    padding: 0 20px;
  }
  /* Faq end */
}