@media screen and (min-width: 1600px) {
  .intro {
    height: auto;
    align-items: center;
    display: flex;
  }
  .introText {
    width: 39%;
    margin-left: 15%;
    text-align: center;
  }
}

@media screen and (min-width: 1240px) and (max-width: 1360px) {
  .container {
    padding: 0 20px;
  }

  .submit {
    font-size: 17px;
  }

  /* invest */
  .invest {
    padding-bottom: 32px;
  }
  .investImg img {
    max-width: 520px;
  }

  .startBlockTitle {
    font-size: 17px;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }

  /* form */
  #formbox {
    margin-right: 0;
  }
  .form_title h3 {
    font-size: 17px;
  }
  .filed_group {
    padding: 0px 25px 8px 25px;
  }
  .submit {
    padding: 13px 10px;
    font-size: 18px;
  }
  .form_info {
    padding: 0px 25px;
    background: #fff;
  }

  /* intro */
  .intro {
    background-position: left;
    padding: 28px 0;
  }

  .introInner {
    flex-wrap: wrap;
  }
  .introText {
    width: 35%;
    margin-left: 25%;
  }
  .introSub {
    font-size: 25px;
    line-height: 35px;
  }
  .introTitle {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  .introBtn {
    padding: 10px 17px;
    font-size: 16px;
  }
  .introBottomSub {
    font-size: 15px;
    line-height: 22px;
  }
  .introBottomImg {
    margin-left: -50px;
    margin-top: 30px;
  }
  .introBottomDekstopImg {
    width: 130px;
  }

  /* calculator */
  .calc {
    margin: 70px 0;
  }
  .init h2,
  .profit h2 {
    font-size: 29px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .profit h3 {
    font-size: 15px;
    font-weight: 700;
  }
  .init,
  .profit {
    width: 50%;
    padding: 50px;
  }
  .calcArrowbtn {
    font-size: 18px;
    line-height: 22px;
    padding: 14px 35px;
    margin-top: 30px;
  }

  /* start */
  .startBoxs {
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .startBlockTitle {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
  }
  .startBox {
    width: 45%;
    margin-bottom: 50px;
  }

  /* payment */
  .paymentsBtn {
    padding: 20px !important;
    font-size: 19px;
  }

  /* footer */
  .footerLink {
    margin-right: 60px;
  }

  /* miss */
  .missInner {
    max-width: 80%;
  }
  .missSub {
    font-size: 26px;
    line-height: 33px;
  }
  .missSub1 {
    font-size: 20px;
    line-height: 1;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding: 0 20px;
  }

  /* form */
  .forma {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #formbox {
    width: 50%;
    position: absolute;
    top: 48%;
  }
  .forma.open #formbox {
    width: 50%;
    position: static;
  }

  /* intro */
  .intro {
    background-position: left;
    padding: 28px 0;
  }
  .introInner {
    flex-wrap: wrap;
    justify-content: center;
  }
  .introText {
    width: 50%;
    margin-left: 25%;
  }
  .introSub {
    font-size: 26px;
    line-height: 30px;
  }
  .introTitle {
    font-size: 45px;
    line-height: 55px;
  }
  .introTitle br {
    display: none;
  }
  .introBtn {
    padding: 15px 40px;
  }
  .btn {
    font-size: 18px;
    line-height: 24px;
  }
  .introBottom {
    padding: 20px 0;
  }
  .introBottomInner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .introBottomSub br {
    display: none;
  }
  .introBottomSub {
    font-size: 15px;
    line-height: 20px;
  }
  .introBottomImg {
    margin: 0px;
  }
  .introBottomDekstopImg {
    transform: scale(1, -1);
    width: 163px;
  }

  /* empty */
  .empty {
    height: 650px;
  }

  /* calculator */
  .calc {
    margin: 0 !important;
  }
  .init h2,
  .profit h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .init,
  .profit {
    width: 50%;
    padding: 40px;
  }
  .calcArrowbtn {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 30px;
    margin-top: 20px;
  }

  /* what */
  .what {
    padding: 50px 0;
  }
  .whatTitle {
    font-size: 18px;
  }

  /* start */
  .start {
    padding: 50px 0;
    padding-bottom: 0;
  }
  .startTitle {
    font-size: 28px;
    line-height: 40px;
  }
  .startBoxs {
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .startBlockTitle {
    font-size: 20px;
    line-height: 28px;
    margin-top: 20px;
  }
  .startBox {
    width: 45%;
    margin-bottom: 50px;
  }

  /* payments */
  .payments {
    padding-top: 50px;
  }
  .paymentsBtn {
    padding: 20px !important;
    font-size: 13px;
  }
  .paymentsBtn:hover {
    transform: translateY(-10px);
  }
  .paymentsImg {
    margin-top: 30px;
  }

  /* footer */
  .footer {
    padding: 50px 0;
  }
  .footerLinks {
    flex-wrap: wrap;
  }
  .footerLink {
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
    line-height: 22px;
    margin-right: 50px;
  }
  .footerText {
    margin-top: 30px;
  }
  .footerSub {
    font-size: 13px;
    line-height: 22px;
  }

  /* miss */
  .missInner {
    max-width: 90%;
  }
  .missTop img {
    max-width: 125px;
  }
  .missBtn {
    font-size: 25px;
    line-height: 35px;
    padding: 15px 50px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 20px;
  }

  /* form */
  .forma.open #formbox {
    width: 90%;
    position: static;
    box-shadow: 15px 15px 5px rgb(255 121 0 / 50%)
  }
  #formbox {
    max-width: 100%;
    margin: 0 20px;
    position: absolute;
    top: 48%;
    width: 90%;
  }
  .submit {
    padding: 10px !important;
    font-size: 16px !important;
  }
  .form_title h3 {
    font-size: 16px;
  }
  .form_title {
    margin-bottom: 20px;
  }
  .form_title h3 br {
    display: none;
  }

  /* intro */
  .intro {
    padding: 28px 0;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .introText {
    width: 62%;
  }
  .introSub {
    font-size: 17px;
    line-height: 25px;
  }
  .introTitle {
    font-size: 20px;
    line-height: 35px;
    margin: 0;
  }
  .sub {
    margin-bottom: 5px;
  }
  .introBtn {
    padding: 10px;
    font-size: 13px;
  }
  .introBottom {
    padding: 20px 0;
    text-align: center;
  }
  .introBottomSub {
    font-size: 12px;
    line-height: 20px;
  }
  .introBottomImg {
    margin-bottom: 0;
    margin-top: 35px;
  }
  .introBottomImg img {
    width: 92px;
  }

  /* empty */
  .empty {
    height: 550px;
  }

  /* calculator */
  .calc {
    margin: 30px 0;
  }
  #calculator {
    flex-wrap: wrap;
    box-shadow: none;
  }
  .init h2,
  .profit h2 {
    font-size: 18px;
    line-height: 28px;
  }
  .init {
    margin-bottom: 30px;
  }
  .init,
  .profit {
    width: 100%;
    padding: 30px;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
  }
  .calcArrowbtn {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 30px;
    margin-top: 20px;
  }

  /* what */
  .what {
    padding: 30px 0;
  }
  .whatInner {
    flex-wrap: wrap;
  }
  .whatText {
    width: 100%;
    margin-bottom: 20px;
  }
  .whatTitle {
    font-size: 17px;
    line-height: 25px;
  }
  .whatImg {
    width: 100%;
    text-align: center;
  }
  .arrowImg {
    text-align: center;
  }
  .mobileArrow {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
  }
  .desktopArrow {
    display: none;
  }

  /* start */
  .start {
    padding: 30px 0;
    padding-bottom: 0;
  }
  .startTitle {
    font-size: 25px;
    line-height: 30px;
  }
  .startBoxs {
    margin-top: 30px;
  }
  .startBlockTitle {
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
  }
  .startBox {
    width: 100%;
    margin-bottom: 30px;
  }

  /* payments */
  .payments {
    padding-top: 60px;
  }
  .paymentsBtn {
    padding: 20px 10px !important;
    font-size: 11px !important;
    line-height: 19px !important;
  }
  .paymentsImg {
    margin-top: 20px;
  }

  /* footer */
  .footer {
    padding: 30px 0;
    padding-bottom: 80px !important;
  }
  .footerLinks {
    flex-wrap: wrap;
  }
  .footerLink {
    width: 100%;
    font-size: 15px;
    line-height: 18px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .footerText {
    margin-top: 10px;
  }
  .footerSub {
    font-size: 13px;
    line-height: 18px;
  }

  /* miss */
  .missInner {
    max-width: 90%;
  }
  .missBottom {
    padding: 20px;
    row-gap: 20px;
  }
  .missSub br {
    display: none;
  }
  .missSub {
    font-size: 17px;
    line-height: 25px;
  }
  .missTop img {
    max-width: 70px;
  }
  .missSub1 {
    font-size: 16px;
    line-height: 1.3;
  }
  .missBtn {
    font-size: 18px;
    line-height: 25px;
    padding: 15px;
  }
}

@media screen and (max-width: 400px) {
  /* form */
  #formbox {
    top: 45%;
  }
}

/* click */
@media screen and (min-width: 1000px) {
  .signBar {
    font-family: sans-serif;
    background: #ff7c33;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 30px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    cursor: pointer;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  #fixedbtn {
    font-family: sans-serif;
    display: block;
    position: fixed;
    bottom: 0;
    text-align: center !important;
    padding: 10px !important;
    margin: 0 !important;
    z-index: 10000;
    width: 100% !important;
    border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 50px;
    background: #ff7c33;
    border-width: 0px;
    font-size: 22px;
    padding: 7px;
    font-style: normal;
    margin-bottom: 15px;
    margin-left: 5px;
    line-height: 1.6;
  }
}