@media only screen and (max-width: 1054px) {
    .page-content {
        width: 738px;
        height: 738px;
        border-radius: 20px 40px 20px 40px;
        /*border-radius: 0 0 20% 20% / 25% 25% 15% 15%;*/
    }
    .content-box-1 {
        display: flex;
        align-items: center;
    }
    .content-box-2 .txt-1 {
        width: 100%;
    }
    .content-box-2 .txt-2 {
        padding: 0 10px;
    }
    .content-box-1 {
        padding: 50px;
    }
    .content-box-1-1 {
        max-width: 100%;
    }
    .content-box-3 .image-2, .content-box-4 .image-1 {
        top: 0;
        margin: 15px;
        right: 0;
    }
    .content-box-3 .image-1 {
        margin-top: 194px;
        margin-right: 30px;
    }
    .box1a, .box1b, .box1a:hover, .box1b:hover {
        transform: scale(1) !important; 
    }
    .content-box-3 .description {
        padding: 0 40px 0 20px;
        width: 50%;
        background-size: 100% 100%;
    }
    .content-box-3 .description {
        height: 100%;
    }
    .content-box-3 .btn-2 {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
    .content-box-3 .btn-2 span {
        padding-right: 30px;
    }

    .content-box-2 .txt-2 {
        padding-bottom: 40px;
    }
    .content-box-3 .image-1 {
        height: 386px;
    }
    .box1a {
        left: 20px;
    }
    .box1b {
        right: 20px;
    }
    .content-box-4 .image-2 img {
        width: 160px;
    }
    .content-box-4 {
        height: 450px;
    }
    .content-box-4 .txt-2 {
        padding: 30px 0;
    }
    .content-box-4 .image-2 {
        padding-right: 0;
    }
    .content-box-5-1 .text p {
        display: block;
    }
    .content-box-5-1 .btn-2 {
        height: auto;
        line-height: normal;
        width: 290px;
        padding: 10px 15px;
    }
    .content-box-5-1 .description {
        width: 60%;
        padding-right: 80px;
    }
    .content-box-5-1 h2 {
        padding-right: 100px;
    }
    .content-box-5-1 .image-1 {
        margin-right: 0;
    }
    .content-box-5-1 .image-3 {
        margin-top: 41px;
        margin-right: 146px;
    }
    .content-box-5-2 .image-1 {
        display: none;
    }
    .content-box-5-2 {
        height: 500px;
    }
    .box-2-2, .box-2-1 {
        transform: scale(01) !important;
    }
    .box-2-1 {
        margin-left: 15px;
    }
    .box-2-2 {
        margin-right: 15px;
        margin-bottom: 13px;
    }
    .content-box-8-1 {
        height: 600px;
    }
    .content-box-8-1  .box-2-1 {
        left: auto;
        right: 0;
    }
    .content-box-8-1 .description {
        width: 50%;
        background-size: 100% 100%;
    }
    .content-box-5-1 .image-3 {
        margin-top: 92px;
    }
    .content-box-8-1 .description {
        height: 100%;
        padding-left: 100px;
    }
    body .box-2-2 {
        bottom: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .content-box-3 .text p {
        display: none;
    }
    .content-box-3 .text p:first-child {
        display: block;
    }
    .content-box-5-1 .text p {
        display: block;
    }    
    .content-box-3 .text ul {
        display: none;
    }
    .content-box-5-1 .text ul {
        display: block;
    }        
    .content-box-7 {
        height: 600px;
    }
    .content-box-5-2 .description-1 {
        left: 0;
        width: 100%;
    }
    .content-box-3 .btn-2 {
        text-align: center;
    }
    .content-box-5-2 {
        height: 284px;
    }
    .page-content {
        width: 544px;
        height: 544px;
    }
    .content-box-2 .txt-1 {
        height: 280px;
        border-radius: 194px / 83px;
    }
    .content-box-1-1 {
        max-width: 100%;
    }
    .content-box-1 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-box-3 .image-1 {
        width: 250px;
    }
    .content-box-3 .image-1 img {
        max-width: 100%;
    }
    .bg-1 img {
        max-width: 100%;
    }
    .content-box-3 .image-1 {
        margin-right: 26px;
    }
    .content-box-3 .btn-2 {
        font-size: 12px;
        line-height: normal;
        align-items: center;
      height: auto;
        padding-top: 14px;
        padding-bottom: 13px;
    }
    .content-box-3 .btn-2 {
        width: 170px;
    }
    .content-box-3 .description {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        top: auto;
        height: auto;
        padding: 35px;
        border-radius: 20px 40px 0 0;
        background: #ff2c27;
    }
    .content-box-8-1 .description {
               position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        top: auto;
        height: auto;
        padding: 35px;
        border-radius: 20px 90px 0 0;
        background: #bfe1e8;
    }
    .content-box-8-1 {
        margin-top: 200px;
    }
    .content-box-3 h2 {
        font-size: 16px;
    }
    .content-box-3 {
        margin-top: 220px;
    }
    .content-box-8-1 .image-1 {
        margin: 15px;
        right: 0;
        top: 0;
    }
    .content-box-8-1 .image-1 img, .content-box-3 .image-2 img, .content-box-4 .image-1 img {
        width: 100px;
    }
    .content-box-3 .image-1 {
        margin: 0;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .content-box-3 .image-1 img {
        width: 359px;
    }
    .box1a, .box1b, .box1a:hover, .box1b:hover {
        transform: scale(0.8) !important;
    }
    .box1a {
        left: -10px;
    }
    .box1b {
        right: -10px;
    }

    .content-box-5-1 {
        margin-top: 0;
    }
 
    .content-box-3 .btn-2 {
        width: 280px;
        max-width: 100%;
    }
  
    .content-box-7 .image-1 {
        display: none;
    }
    .content-box-7 .txt-1 {
        padding: 30px 0;
    }
    .box-2-1 {
        top: -125px;
        left: 50%;
        margin-left: -120px;
        right: auto;
    }
 
    .content-box-5-1 .btn-2 {
        width: 100%;
        text-align: left;
    }
    .content-box-5-1 .image-1 img {
        width: 200px;
    }
    .content-box-5-1 .image-1 {
        top: 6px;
    }
    .content-box-5-1 .image-3 {
        margin-top: 5px;
    }
    .content-box-5-1 .image-3 {
        right: 136px;
        top: -10px;
        transform: scale(0.7) !important;
    }
    .content-box-5-2 .description-1 {
        width: 514px;
        background-size: 100% 100%;
        background: #fff;
        margin: 0 auto;
        left: 15px;
        border-radius: 50%;
    }
    .content-box-5-2 .description-1 .btn-2 {
        margin: 0 auto;
    }
    .content-box-5-2 .button-box-1 {
        margin-left: -140px;
    }
    .content-box-5-2 .description-1 .txt {
        max-width: 100%;
    }
    .position-1 {
        width: 100%;
    }
    .content-box-6 .text {
        width: 100%;
    }
    .content-box-6 .btn-2 {
        width: auto;
    }
    .content-box-6 .text {
        font-size: 13px !important;
    }
    .content-box-6 .image-1 {
        top: 62px;
    }
    .content-box-6 .btn-2 {
        margin-top: -5px;
    }
    body .box-2-2 {
        bottom: -28px;
        right: auto;
        left: 0;
    }
    .box-2-2, .box-2-1 {
        transform: scale(0.7) !important;
    }
    .content-box-5-2 .text p {
        display: block;
    }
    body .box-2-2a {
            bottom: auto;
    right: auto;
    left: 87px;
    top: -225px;
    }
    .content-box-8-1 .image-1, .content-box-5-2 .image-1-1-1 {
        margin: 15px;
        top: 0;
        right: 0;
    }
    .content-box-5-2 .text p {
        font-size: 11px;
    }
    .content-box-8-1 .box-2-1a {
        left: auto;
        right: 70px;
        bottom: 518px;
    }
    .box-2-1 .txt, .box-2-2 .txt  {
        font-size: 13px;
        padding: 18px 20px 12px 20px;
    }
    
}

@media only screen and (max-width: 574px) {
    .box1a, .box1b, .box1a:hover, .box1b:hover {
        transform: scale(0.85) !important;
    }
    .content-box-1 {
        display: block;
    }
    .content-box-3 .image-1 img {
        width: 246px;
    }
    .content-box-3 .image-1 {
        top: 80px;
    }
    .content-box-3 .description, .content-box-8-1 .description {
        padding: 20px;
    }
    .content-box-1-1 {
        box-shadow: none;
    }
    .content-box-5-2 .description-1 .txt {
        width: 100%;
        padding: 20px;
        font-size: 14px;
    }
    .content-box-5-2 .button-box-1 {
        margin-left: -120px;
    }
    .content-box-5-2 .description-1 {
        background-size: 110% 100%;
    }
    .content-box-3 h2 {
        margin-bottom: 15px;
        padding-right: 25px;
    }
    .content-box-3 .text {
        margin-bottom: 22px;
    }
    .page-content {
        width: 320px;
    }
    .page-content {
        font-size: 14px;
    }
    .page-content br {
        display: none;
    }
    .content-box-2 .txt-1 {
        font-size: 15px;
    }
    .content-box-2 .txt-1 {
        height: 240px;
        border-radius: 164px / 23px;
    }
    .content-box-1-1 .txt-2 {
        font-size: 16px;
        padding: 30px 15px 65px 15px;
    }
    .content-box-1 {
        padding-top: 20px;
    }
    .content-box-1-1 {
        height: auto;
    }
    .content-box-1 .btn-2 {
        width: 234px;
    }
    .content-box-1-1 .btn-2 span {
        padding-left: 30px;
        padding-right: 30px;
    }
    .content-box-4 .txt-1 {
        padding: 25px 45px 25px 45px;
        font-size: 16px;
    }
    .content-box-4 .image-1 {
        display: none;
    }
    .box1a {
        top: 70px;
    }
    .box1b {
        top: 250px;
    }
    .content-box-4 {
        height: 500px;
    }
    .content-box-4 .image-2 {
        position: absolute;
        bottom: 10px;
        left: 15px;
    }
    .content-box-4 .image-2 img, .content-box-5-1 .image-2 img {
        width: 102px;   
    }
    .content-box-4 .txt-2 {
        font-size: 14px;
    }

    .content-box-3 .btn-2 {
        width: 240px;
    }
    .content-box-5-1 .text p:first-child {
        padding-right: 40px;
    }
    .box-2-2, .box-2-1 {
        transform: scale(0.7) !important;
    }
    .box-2-1 {
        top: -100px;
        right: -35px;
        left: auto;
    }
    .box-2-2 {
        left: -35px;
    }
    .box-2-2 {
        bottom: -70px;
    }
    .content-box-5-1 .btn-2 {
        width: 100%;
    }
    .content-box-5-1 .text {
        font-size: 11px;
    }
    .content-box-5-1 .btn-2 {
        font-size: 10px;
        line-height: 1.2;
    }
    .content-box-5-1 .text p {
        margin-bottom: 10px;
    }
    .content-box-5-1 .btn-2-1 {
        margin-top: -10px;
    }
    .content-box-5-1 .image-2 {
        display: none;
    }
    .content-box-5-1 .image-1 {
        top: 10px;
        padding-left: 15px;
    }
    .content-box-5-1 .image-1 img {
        width: 129px;
    }
    .content-box-5-1 .image-3 {
        right: 12px;
    }
    .content-box-5-2 .description-1 {
        width: 290px;
        padding: 20px;
    }
    .content-box-5-2 .description-1 .txt {
        font-size: 12px;
    }
    .content-box-8-1 .image-1 img, .content-box-3 .image-2 img, .content-box-4 .image-1 img {
        width:77px;
    }
    .content-box-6 .image-1 img {
        width: 269px;
    }
    .content-box-6 .image-1 {
        top: 65px;
    }
    .content-box-6 .image-2 {
        display: block;
    }
    .content-box-7 .txt-1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-box-7 .box-2-1 {
        right: -48px;
        top: -90px;
    }
    .content-box-7 .box-2-2 {
        bottom: -46px;
        right: auto;
        left: -45px;
    }
    .content-box-8-1 .box-2-1a {
        top: -158px;
        right: -39px;
    }
    .content-box-8-1 .image-1 {
        display: none;
    }
    .content-box-8-1 .description {
        padding-right: 30px;
    }
    body .content-box-5-2 .text {
        margin-bottom: 0;
    }
    body .content-box-5-2 .text strong{
        font-size: 12px !important;
    }
    body .content-box-5-2 .image-1-1-1 {
        display: none;
    }
    body .content-box-5-2 .box-2-2a {
        left: -14px;
    }
    body .content-box-5-2 .description {
        z-index: 102;
    }
    body .content-box-5-2 .text p, body .content-box-5-2 .text ul {
        margin-bottom: 5px;
    }
}