@media (max-width: 1440px) {
  .header2 {
    background-position: center bottom, calc(50% + 260px) top,  calc(50% - 60px) calc(0% - 20px);
  }
  .header2-left {
    left: 5%;
  }
  .header2-bubble-block {
    left: calc(50% + 420px);
  }
  .header2-left {
    max-width: 1200px;
  }
  .footer2-up-block {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 40px;
  }
  .footer2-down-block {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 1200px) {
  .header2 {
    background-position: center bottom, calc(50% + 245px) top, calc(50% - 170px) top;
  }
  .header2-left {
    max-width: 1024px;
    padding-left: 0px;
  }
  .header2-bubble-block {
    left: calc(50% + 360px);
  }
}
@media (max-width: 1024px) {
  .header2 {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 9.09%, rgba(255, 255, 255, 0.56) 17.9%, #FFF 31.85%, #FFF 67.83%), url("../image/header2-bg2.png"),url("../image/header2-bg-mb.png");
    background-position:
      center bottom,
      calc(50% + 30px) top,
      calc(50% - 50px) calc(0% - 100px);
    background-size: 100% 437px, 680px auto, 1024px auto;
    height: 574px;
  }
  .logo2 {
    padding-left: 20px;
  }
  .logo2-btn-img {
    width: 105px;
  }
  .header2-title {
    margin-top: 190px;
    padding-left: 412px;
    height: 69px;
    background-size: 412px 69px;
  }
  .header2-subtitle {
    padding-left: 260px;
    height: 22px;
    background-size: 260px 22px;
  }
  .header2-left {
    justify-content: center;
    align-items: center;
  }
  .header2-bubble-block {
    position: absolute;
    flex-direction: row;
    left: 50%;
    transform: translateX(-50%);
    top: 355px;
    padding-top: 0;
    gap: 8px;
  }
  .header2-bubble-center {
    transform: translateX(0);
  }
  .header2-bubble {
    width: 100px;
    height: 100px;
    font-size: 16px;
    gap: 4px;
  }
  .header2-bubble-icon {
    width: 44px;
    height: 44px;
  }
  .header2-bottom {
    height: 437px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 9.09%, rgba(255, 255, 255, 0.56) 17.9%, #FFF 31.85%, #FFF 67.83%);
  }
  .header2-button {
    margin-top: 140px;
  }
  .footer2-up-bg {
    background-position: calc(50% + 360px) calc(100% + 100px), center bottom;
  }
  .footer2-up-block {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 84px;
    padding-bottom: 70px;
  }
  .footer2-up-block-btn {
    flex-direction: column;
  }
}
@media (max-width: 767.8px) {
  .footer2-up-block-title {
    background-image: url(../image/footer2-title-mb.svg);
    height: 98px;
    padding-left: 252px;
  }
  .footer2-up-bg {
    background-position: calc(50% + 160px) bottom, center bottom;
    height: auto;
    background-size: 532px auto, auto 100%;
  }
  .footer2-up-block { 
    padding-top: 120px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .footer2-up-block-desc {
    flex-direction: column;
    gap: 20px;
    padding-top: 28px;
  }
  .footer2-up-block-desc-img {
    width: 158px;
  }
  .footer2-up-block-btn {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 154px;
  }
  .footer2-up-block-btn-item {
    width: 100%;
  }
  .footer2-down-block {
    flex-direction: column;
    padding: 20px 20px 63px;
  }
  .footer2-down-block-info {
    margin-top: 8px;
    gap: 8px;
  }
  .footer2-down-block-left-marketing {
    display: flex;
    gap: 4px;
  }
  .footer2-down-block-btns {
    margin-top: 20px;
  }
}
@media (max-width: 479.8px) {
  .header2 {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 9.46%, rgba(255, 255, 255, 0.56) 35.52%, #FFF 67.83%, #FFF 67.83%), url("../image/header2-bg2-mb.png"),url("../image/header2-bg-mb.png");
    background-position: center calc(100% - 277px), calc(50% + 40px) calc(0% - 30px), center calc(0% - 24px);
    background-size: 100% 122px, 494px auto, 574px auto;
  }
  .header2-title {
    margin-top: 178px;
    height: 127px;
    padding-left: 228px;
    background-image: url(../image/header2-title-mb.svg);
    background-size: 227px 126px;
  }
  .header2-subtitle {
    margin-top: 12px;
    padding-left: 230px;
    height: 20px;
    background-size: 230px 20px;
  }
  .header2-bubble-block {
    top: 403px;
  }
  .header2-bubble {
    height: 72px;
    width: 72px;
    gap: 0px;
  }
  .header2-bubble-icon {
    width: 33px;
    height: 33px;
  }
  .header2-bubble-top-text {
    font-size: 14px;
  }
  .header2-button {
    margin-top: 112px;
  }
}