@media (max-width: 1920px) {
    /*.carousel-images {*/
    /*    height: 1050px;*/
    /*}*/
    .phVideo .section1 .pp-details a{
        margin-top: 5%;
        width: 20%;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 930%;
        right: -10%;
        width: 20%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 30%;
        right: 33%;
        width: 25%;
        height: 20%;
        /*background: red;*/
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        font-size: 1.05rem;
    }
    .imgBox .enlargeImg_wrapper h1 {
        font-size: 26px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        padding: 2px 0px;
        border-radius: 15px;
        font-size: 15px;
        width: 70%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 0%;
    }
    .trialClass .section8 .AItem .A_item {
        text-align: center;
    }
    .trialClass .section8 .AItem .A_item button {
        font-size: 15px;
        width: 80%;
    }
     .trialClass .section4 .swiper .btnP,
     .trialClass .section4 .swiper .btnN {
        top: 71%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper {
        margin-top: 7%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 3%;
    }
    .E-Teaching .section2 {
        margin-top: 10%;
    }
    .E-Teaching .section2-1 {
        margin-top: 5%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: 0%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 85%;
        margin-left: 20%;
        margin-top: 13%;
    }
    .E-Teaching .section3 {
        margin-top: 10%;
        margin-bottom: 15%;
    }
    .E-Teaching .section1 .rightBox {
        top: 0.3%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 18%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 14%;
    }
    .ket-layout  .section1 .rightBox {
        top: -1.5%;
    }
    .course-new-page .section1 .pc-exam-link img{
        width: 150px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
    .trialClass .section1 .rightBox img, media {
        margin-left: 40px;
        max-width: 100%;
        height: auto;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-left: -5%;
        margin-top: 5%;
    }
}

@media (max-width: 1600px){
    .carousel-images {
        height: 980px;
    }
}

@media (max-width: 1440px) {
    .trialClass .section6 .footer_box .dl_mcf {
        width: 55%;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 24px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 12px;
    }
    .gallery-page .imgBox {
        left: 26%;
        width: 48%;
    }
    .imgBox .enlargeImg_wrapper h1 {
        font-size: 24px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 34%;
        width: 33%;
    }
    .trialClassHk .section1 .left_bottom .textItem02 {
        font-size: 14px;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 24px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 25px;
        height: 25px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 18px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 35px;
        margin-right: 10px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 10px 10px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 18px;
        line-height: 22px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 30px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 980%;
        right: 0%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 50%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 28%;
        right: 28%;
        display: block;
        width: 12%;
        height: 15%;
        /* background: red; */
        z-index: 1000;
    }
    .lucky_draw_page .footer-bottom02 {
        line-height: 30px;
        font-size: 28px;
    }
    .trialClass .section4 .span {
        margin-bottom: 1%;
    }
    .trialClass .section7 .item-h3,
    .trialClassA .section5-1 .title-h4,
    .trialClass .section7  .span h4,
    .trialClass .section8 .span h4,
    .trialClass .section4 .span h4 {
        font-size: 30px;
    }
    .trialClass .section4 .container {
        top: 13%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 138px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 14px;
        border-radius: 15px;
        padding: 1px 0px;
        width: 75%;
    }
    .trialClass .section5 .top_item3 h3, .trialClass .section5 .top_item .num7 {
        color: #009F93;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 90%;
        /*height: 310px;*/
    }
    .trialClass .section4 .swiper_box {
        width: 35%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        right: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper {
        margin-top: 7%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 70%;
        right: 26%;
        width: 2.35%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 70%;
        left: 25.8%;
        width: 2.5%;
    }
    .trialClass .section4 .Sw_box {
        margin-top: 3%;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 {
        padding-bottom: 0px;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 34px;
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        top: -6.5%;
        right: -4.5%;
    }
    .gallery .imgBox .removeX .removeX_item, .gallery-page .imgBox .removeX .removeX_item {
        width: 4.4%;
        font-size: 1.05rem;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 6%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 80%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
        margin-top: 2%;
    }
    .E-Teaching .section1 .rightBox {
        top: 0.5%;
    }
    .E-Teaching .section1 .img_box01 {
        margin-top: 0%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-left: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 85%;
        margin-left: 10%;
        margin-top: 13%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
    }
    .E-Teaching .section2 {
        margin-top: 8%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: 0%;
    }
    .E-Teaching .section3 {
        margin-top: 10%;
        margin-bottom: 5%;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 34px;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 18%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 14%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 2%;
    }
    .ket-layout .section1 .rightBox {
        top: -0.5%;
    }
    .ket-layout .section2 h5 {
        font-size: 20px;
    }
    .ket-layout .section4 .orgBox img {
        width: 25px;
    }
    .panda_chinese .section4 .mon_item {
        margin-top: 5%;
    }
    .panda_chinese_cn .section4 .F_item, .panda_chinese_cn .section2 .F_item {
        font-size: 34px;
    }
    .panda_papsk .section4 .mon_item {
        margin-top: 10%;
    }
    .Private_Lesson .section4 .fea_item {
        margin-top: 0%;
    }
    .Private_Lesson_cn .section4 .fea_item {
        margin-top: 5%;
    }
    .Private_Lesson .top_sec5 .fea_item {
        margin-top: 15%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 90%;
        height: 100%;
        border: 6px solid #FED900;
        border-radius: 38px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 4%;
        left: 8%;
        width: 150px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 33%;
        font-size: 16px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        font-size: 12px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 17px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 11px;
        text-align: left;
    }
    .trialClass .gallery .benefits {
        border-radius: 30px;
    }
    .phVideo .section1 .img1 {
        height: 90px;
    }
    .phVideo .section1 .video-box {
        margin-top: 3%;
    }
    .phVideo .section1 .ph_Asset_details a {
        width: 20%;
        margin-top: 5%;
    }
    /*.benefits_details .section7 .Asset346 {*/
    /*    !*margin-bottom: -12%;*!*/
    /*}*/
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 24px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 4.5%;
    }
    .trialClassS .tieBox li {
        font-size: 22px;
    }
    .course-new-page .section1 .pc-exam-link img{
        width: 100px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 1%;
    }
    .rrg_hk .title-box {
        margin-top: 15%;
        margin-bottom: 5%;
    }
}

@media (max-width: 1399px) {
    .slide{
        width: 380px !important;
    }
    .carousel-images {
        height: 730px;
    }
    header .menu-btn{
        color: #808080;
        font-size: 26px;
    }
    header .menu li a {
        font-size: 18px;
        padding: 3px 10px;
    }
    .index .section1 .t-box p {
        font-size: 46px;
        line-height: 60px;
    }
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:-5%}
    .franchise .section3 .step-06{top:-8%}
    .franchise .section3 .step-07{top:-11%}
    .franchise .section3 .step-08{top:-14%}


    .franchise-tc .section3 .step-05 {
        top: -3%;
    }
    .franchise-tc .section3 .step-06 {
        top: -5%;
    }
    .franchise-tc .section3 .step-07 {
        top: -7%;
    }
    .franchise-tc .section3 .step-08 {
        top: -8%;
    }
    .course-new-page .section5 {
        padding: 90px 0 130px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 9% 9%;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 5px 0;
        font-size: 23px;
    }
    .trialClass .section1 .left_bottom .textItem01 {
        font-size: 21px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 16px;
        padding: 0px 4px;
        text-align: center;
    }
    .trialClass .section5 .top_item h3 {
        color: #1A6FAF;
        font-weight: bold;
        font-size: 25px;
    }
    .trialClass .section5 .top_item .num2 {
        font-size: 16px;
    }
    .trialClass .section5 .top_item2 h3 {
        color: #B72831;
        font-size: 25px;
    }

    .trialClass .section5 .big_box .item_box .bottom_img {
        top: 29%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img2 {
        top: 42%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 28px;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 150px;
    }
    .trialClass .section1 .rightBox img, media {
        margin-left: 0px;
    }
    .trialClass .section3 .item {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .phVideo .section1 .pp-details a{
        margin-top: 5%;
        width: 20%;
    }
    .crVideo .section1 .img4 {
        height: 140px;
    }
}

@media (max-width: 1290px) {
    .carousel-images {
        height: 696px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 20px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 10px;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        width: 6%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content .app_down_link{
        padding: .5% 3%;
        border-radius: 8px;
        font-size: 10px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 17px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 14px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 30px;
    }
    .Summer_Monkey .section4 .A_item a {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .A_item01 a {
        width: 17%;
    }
    .Cambridge .section1 .F_item {
        font-size: 15px;
    }
    .Cambridge .section1 .item_box {
        margin-bottom: 2%;
    }
    .ket-layout .section2 .center-box .small_box .top_item h3 {
        font-size: 20px;
    }
    .ket-layout .section2 .center-box .small_box .item {
        font-size: 16px;
    }
    .ket-layout .section4 .orgBox .froItem {
        font-size: 12px;
    }
    .ket-layout .section4 .orgBox {
        height: 60px;
    }
    .ket-layout-cn .section2 .center-box .small_box .top_item h3 {
        font-size: 15px;
    }
    .courses-main .tab-content .tab-pane p {
        font-size: 20px;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        border: 8px solid #FFD90A;
    }
    .courses-main-cn .title-p {
        width: 50%;
        font-size: 18px;
    }
    .courses-main-cn .tab-content .tab-pane p {
        font-size: 16px;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 38px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .C_item img {
        width: 11%;
        margin-top: 0%;
    }
    .chinese_character .section2 .p_item p {
        font-size: 14px;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 13px;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
    }
    .chinese_character .begin_box .begin_img img {
        width: 30%;
    }
    .chinese_character_cn .section4 .C_item img {
        width: 11%;
    }
    .chinese_character_cn .section4 .F_item, .chinese_character_cn .section2 .F_item {
        font-size: 32px;
    }
    .panda_papsk .section2 {
        padding-top: 5%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 17px;
    }
    .panda_papsk .section4 .F_item, .panda_papsk .section2 .F_item {
        font-size: 34px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        width: 98%;
        margin-top: 2%;
        font-size: 15px;
    }
    .panda_conver .section4 .F_item {
        right: -8%;
    }
    .panda_conver .section4 .A_item a {
        font-size: 20px;
    }
    .panda_conver_cn .section4 .F_item {
        right: -5%;
    }
    .Private_Lesson .section1 .item_box {
        width: 100%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .r-item p {
        width: 120%;
    }
    .Panda_Course .section2 .F_item {
        font-size: 34px;
    }
    .Panda_Course .section2 .center_box {
        top: 37%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        margin-top: 8%;
        font-size: 15px;
    }
    .trialClassS .section7 .item-or {
        font-size: 38px;
    }
    .trialClassS h4.title-h4 {
       font-size: 30px;
    }
    .trialClassS .gallery .gallery-list li a {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 15px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom1 {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .item-coming {
        font-size: 30px;
    }
    .trialClassS .section6, .trialClass .section5 {
        background-color: transparent;
    }
    .trialClassS .gallery .benefits .free-ocean .ocean {
       font-size: 1.65rem;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 70%;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 34%;
        font-size: 13px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        height: 304px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 66%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 20px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 17px;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 35px;
        height: 35px;
        right: 20px;
        top: 20px;
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 30%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 25px;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 65%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 15px;
    }
    .trialClass .section7 .pItem a {
        height: 210px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 22px;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 93%;
        /*height: 270px;*/
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 15px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 10px;
    }
    .trialClassT .section6, .trialClass .section5 {
        background-color: #FFEFD3;
    }
    .trialClassT .gallery .gallery-list li a {
        font-size: 20px;
    }
    .trialClassT .gallery .benefits .free-ocean .ocean {
        font-size: 25px;
    }
    .trialClassT .gallery .benefits .down_img {
        right: -7%;
        top: 7%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 20px;
    }
    .trialClassT .section6 .faq-box a img {
        width: 20%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn {
        bottom: 40%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 12px;
        border-radius: 15px;
        padding: 0px;
        width: 65%;
    }
    .course-new-page .section2 .video-box iframe {
        height: 288px;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 304px;
    }
    .trialClassA .section6, .trialClass .section5 {
        background-color: #fff;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 15px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 12px;
    }
    .trialClassA .gallery .gallery-list .nat-an .item-coming {
        font-size: 30px;
    }
    .phVideo .section1 .img1 {
        height: 80px;
    }
    .phVideo .section1 .img2 {
        height: 80px;
    }
    .phVideo .section1 .img3 {
        height: 90px;
    }
    .phVideo .section1 .video-box iframe {
        height: 303px;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 40%;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 26px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 17px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 4.8%;
        margin-right: 2%;
    }
    .trialClass .section6 .down_content .contentItem p,
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 15px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 30px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 17px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 15px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 20px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 4.5%;
        margin-right: 2%;
    }
    .trialClass .benefits .den-box .faqs_regBox .item2 img {
        width: 6.5%;
        margin-right: 2%;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 13px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 4.8%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClassS .tieBox li {
        font-size: 20px;
    }
    .trialClass .section1 .topBox .bottomBox .box {
        padding: 5% 0;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -10%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 28px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 24px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 680px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 383px;
    }
}

@media (max-width: 1190px) {
    .slide{
        width: 320px !important;
    }
    .carousel-images {
        height: 637px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 18px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 8px;
        margin-left: 8%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content .app_down_link{
        padding: .2% 3%;
        font-size: 8px;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        margin-left: 8%;
    }
    header .menu li a {
        font-size: 17px;
        padding: 3px 5px;
    }
    header .menu li.trial-class a {
        padding: 3px 10px;
    }

    .index .section4 .box{
        margin-bottom: 30px;
    }
    .index .section4 {
        padding-bottom: 340px;
    }
    .index .section4 .view-more .a-btn-box a {
        position: relative;
        left: auto;
        transform: none;
        top: auto;
    }
    .gallery .gallery-list .tab-content .tab-pane .box img {
        height: auto;
    }
    .index .news-events .new-event-slide ul li span {
        font-size: 12px;
        line-height: 18px;
    }
    footer .footer-top h5 {
        line-height: 45px;
        white-space: normal;
    }
    footer .footer-top ul li:nth-child(3) p {
        min-width: 287px;
    }


    /*20220322*/
    .franchise .section1 .img-box a {
        width: 150px;
        height: 146px;
    }
    .franchise .section3 .step-box .inner-box {
        border-radius: 20px;
        padding: 12px;
    }
    .franchise .section3 .step-07 .p2, .franchise .section3 .step-05 .p2, .franchise .section3 .step-03 .p2, .franchise .section3 .step-01 .p2 {
        padding-left: 25px;
    }
    .franchise .section3 .step-08 .p2, .franchise .section3 .step-06 .p2, .franchise .section3 .step-04 .p2, .franchise .section3 .step-02 .p2 {
        padding-right: 25px;
    }
    .franchise .section3 .step-box .inner-box h6 {
        font-size: 21px;
        margin-bottom: 6px;
    }
    .franchise .section3 .step-box .inner-box h6::before {
        -webkit-text-stroke-width: 7px;
    }
    .franchise-hk .section3 .step-01 {
        top: 8%;
    }
    /*20220322*/
    .course-new-page .section4 .right-p a {
        padding: 6px 4px;
        font-size: 20px;
    }
    .course-new-page .title-box .title {
        font-size: 38px;
    }
    .course-new-page .section5 {
        padding: 40px 0 40px;
    }

    /*202201130*/
    .trialClass .section1 .left_top a img {
        width: 300px;
    }
    .trialClass .section1 .left_bottom .textItem01 {
        font-size: 18px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
    }
    .trialClass .section3 .Item_box {
        width: 60%;
    }
    .trialClass .section5 .top_item h1 {
        margin-bottom: 50px;
        font-size: 32px;
    }
    .trialClass .section5 .top_item2 h3,
    .trialClass .section5 .top_item h3 {
        font-size: 21px;
        font-weight: bold;
    }
    .trialClass .section5 .top_item .num {
        font-size: 15px;
    }
    .trialClass .section5 .top_item .num2 {
        font-size: 13px;
    }
    .trialClass .section5 .top_item2 .num {
        font-size: 14px;
        line-height: 20px;
        /*padding-top: 50px;*/
    }
    .trialClass .section5 .top_item2 {
        position: relative;
    }
    .trialClass .section5 .top_item2 .num2 {
        color: #B72831;
        font-size: 12px;
        transform: scale(0.7);
        position: absolute;
        left: -18%;
        bottom: 38%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02,
    .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 14px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        font-size: 18px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        height: 300px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 5% 9%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img {
        top: 10%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img2 {
        top: -15%;
    }
    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        width: 18.5%;
    }
    .trialClass .section3 .lis_item li {
        width: 19.5%;
    }
    .trialClass .section4 .img_box img {
        height: 300px;
    }
    .trialClass .section5 .top_item2 {
        padding-top: 48px;
    }
    .trialClass .section5 .top_item2 .num2 {
        bottom: 47%;
    }
    .trialClass .section5 .top_item {
        padding-top: 0px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 23px;
    }
    .trialClass .section6 .downLoad {
        font-size: 14px;
    }
    .trialClass .section4 .item_box button {
        font-size: 13px;
    }
    .trialClassHk .section5 .top_item2 h3 {
        /*color: #542F1B;*/
        font-weight: bold;
        font-size: 21px;
    }
    .trialClassHk .section5 .top_item2 {
        padding-right: 0px;
    }
    .trialClassHk .section5 .top_item2 h3 .num5 {
        font-size: 15px;
    }
    .trialClassHk .section5 .top_item2 h3 {
        font-size: 23px;
    }
    .trialClassHk .section5 .top_item2 .num2 {
        bottom: 43%;
    }
    .trialClassHk .section6 .downLoad {
        font-size: 12px;
    }
    .trialClassHk .section6 .downLoad {
        font-size: 13px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 15px;
    }

    .imgBox .enlargeImg_wrapper h1 {
        font-size: 22px;
    }
    .trialClassHk .section5 .top_item .num4 {
        top: -40%;
    }
    .trialClassHk .section5 .top_item h1 {
        top: -50%;
    }
    .trialClass .section5 .top_item {
        top: -6%;
    }
    .trialClass .section5 .top_item h1 {
        top: -140%;
    }
    .trialClassHk .section5 .top_item {
        top: -10%;
    }
    .trialClassHk .section1 .topBox .leftBox .left_bottom p {
        font-size: 13px;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 45%;
    }
    .trialClass .section4 .top_item2 {
        width: 43%;
    }
    .trialClass .section5 .top_item2 {
        width: 77%;
        left: 15%;
        top: 0%;
    }
    .trialClassHk .section5 .top_item2 {
        width: 61%;
        left: 0%;
    }
    .trialClass .section6 .downBox .down_box {
        padding: 5px;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 30px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 40px;
        height: 40px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 22px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 40px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 10px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 28%;
        width: 46%;
    }
    .gallery .imgBox {
        left: 20%;
        width: 60%;
        top: 23%;
    }
    .gallery .imgBox,
    .gallery-page .imgBox {
        top: 28%;
    }
    .gallery>.active,
    .gallery-page>.active {
        top: 11%;
        left: 25%;
        width: 50%;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 18px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 25px;
        height: 25px;
        display: flex;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 16px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 30px;
        margin-right: 5px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 15px;
        line-height: 20px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        width: 20px;
        height: 20px;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 32px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 65%;
        height: 380px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 28px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 1153%;
        right: -2%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 30%;
    }
    .lucky_draw_page .footer-bottom02 {
        line-height: 20px;
        font-size: 16px;
    }
    .trialClassHk .section5 .top_item {
        width: 65%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.3rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .byHs {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean p {
        font-size: 1rem;
    }
    .trialClass .gallery .benefits .free-ocean .hsbc p {
        font-size: 0.1rem;
    }
    .trialClass .gallery .benefits .down_img img {
        width: 22%;
    }
    .trialClass .gallery .benefits .down_img {
        right: -10%;
        top: 7%;
    }
    .trialClass .section6 .mtSize img {
        margin-top: -35%;
    }
    .trialClass .section6 .footer_box {
        margin-top: -14.5%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean {
        margin-left: 3%;
        line-height: 23px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 7%;
    }
    .ket-layout .small-img-text li {
        font-size: 15px;
    }
    .ket-layout .small-img-text img {
        width: 20px;
    }
    .ket-layout .section4 .A_item .EF_Reading {
        width: 26%;
    }
    .ket-layout .section4 .orgBox {
        width: 58%;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 40%;
    }
    .pet-layout .section2 .center-box .small_box .item {
        font-size: 13px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        border: 7px solid #FFD90A;
    }
    .chinese_character .section1 .rightBox img {
       width: 75%;
    }
    .chinese_character .section1 .item_box {
        width: 100%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 30px;
    }
    .chinese_character .section2 .p_item p {
        font-size: 12px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .S_item {
        font-size: 14px;
    }
    .chinese_character .section4 .C_item img {
        width: 11%;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 17px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
    }
    .chinese_character_cn .section4 .C_item img {
        width: 11%;
    }
    .panda_chinese .section4 .p_item p {
        width: 100%;
    }
    .panda_papsk .section4 .mon_item {
        margin-top: 12%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 14px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 12px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 3%;
        margin-top: 2%;
        font-size: 19px;
    }
    .panda_conver .section4 .A_item a {
        width: 22%;
    }
    .panda_chinese .top_sec4 {
        margin-top: 0%;
    }
    .Private_Lesson .section1 .item_box {
        width: 125%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 12px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 30px;
    }
    .Panda_Course .section2 h4.title-h4 {
        font-size: 34px;
    }
    .Private_Lesson .top_sec5 .fea_item {
        margin-top: 20%;
    }
    .trialClassS .gallery .gallery-list .nat-an .item-coming {
        font-size: 24px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 253px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 60%;
        padding: 1px 0px;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 3%;
        left: 10%;
        width: 150px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.85rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 1rem;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        border-bottom: 1px solid #754C24;
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-img img {
        width: 13%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 16px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 15px;
        padding: 13px 10px;
    }
    .benefits_details .RedeemRewards .detail-box label {
        top: -20px;
        left: 0px;
        font-size: 13px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 3%;
        padding: 0;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 11px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box .btn {
        font-size: 24px;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 2%;
    }
    .Intensive_Phonics .section4 .A_item a {
        width: 20%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 35%;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 21px;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 75%;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 18px;
    }
    .trialClass .section7 .pItem a {
        height: 170px;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 95%;
        height: 270px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        bottom: 20%;
        left: 14%;
    }
    .trialClassT .section6 .faq-box a img {
        width: 20%;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 24px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 18px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 235px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 95%;
        top: 20%;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 80px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 20%;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 253px;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 13px;
        padding: 5px 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 10px;
    }
    .phVideo .section1 .img1 {
        height: 70px;
    }
    .phVideo .section1 .video-box iframe {
        height: 253px;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 13px;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 22px;
    }
    .trialClassS .benefits .den-box .m-h3 {
        font-size: 20px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 18px;
    }
    .trialClass .benefits .den-box .faqs_regBox {
        display: flex;
        align-items: flex-start;
        margin-top: 3%;
        flex-direction: column;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1,
    .trialClass .benefits .den-box .faqs_regBox .item2 {
        margin-bottom: 3%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 5%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 15px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 13px;
        color: #cccccc;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 15px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 5.5%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClassS .tieBox li {
        font-size: 18px;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 13px;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 24px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 22px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 600px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 337px;
    }
    .crVideo .section1 .img4 {
        height: 120px;
    }
}

@media (max-width: 1024px) {
    .carousel-images {
        height: 550px;
    }
    .Our_Locations {
        font-size: 38px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 135%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -122.2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 60px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 30px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 45px;
        margin-bottom: 10%;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -135%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -132%;
    }
    .comeOthers a {
        font-size: 24px;
        padding: 1px 16px;
        border-radius: 15px;
    }
    .trialClassHk .section1 .topBox .leftBox {
        top: 15%;
    }
    .trialClass .section7 .pItem .item .psize {
        font-size: 14px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 20px;
    }
    .trialClass .section7 .pItem a {
        height: 170px;
    }
    .trialClass .section5 .top_item3 h3, .trialClass .section5 .top_item3 h3  {
        color: #009F93;
    }
    .trialClass .section8 .span h4,
    .trialClass .section4 .span h4 {
        font-size: 30px;
        font-weight: bold;
    }
    .trialClass .section8 .swiper .btnN, .trialClass .section4 .swiper .btnN {
        right: 3%;
        top: 45%;
    }
    .trialClass .section8 .swiper .btnP3 {
        top: 45%;
    }
    .trialClass .section4 .Sw_box {
        padding-top: 18%;
    }
    .trialClass .section7  .span h4,
    .trialClass .section3 .span h4,
    .trialClass .section2 .span h4 {
        color: #328A46;
        font-size: 34px;
        font-family: NunitoExtraBold;
    }
    .trialClass .section4 .swiper .btnN {
        top: 71%;
        right: 13%;
        width: 14%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 71%;
        left: 24%;
        width: 15%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 60%;
        font-size: 12px;
        border-radius: 15px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 2%;
        bottom: 5%;
    }
    .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClass .section4 .swiper_box {
        width: 40%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 88%;
        padding: 0 3%;
    }
    .trialClass .section4 .swiper .btnP img,
    .trialClass .section4 .swiper .btnN img {
       width: 17%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 0%;
    }
    .Intensive_Phonics .section1 .item_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .rightBox {
        margin-top: 8%;
    }
    .Intensive_Phonics .section1 .item_box {
        margin-bottom: 5%;
        font-size: 17px;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 20%;
    }
    .Intensive_Phonics .section2 {
        padding-top: 5%;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 15px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 36px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 24px;
    }
    .Intensive_Phonics .section4 .O_item {
        font-size: 15px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 34px;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 40px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 12px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 {
        padding-bottom: 0px;
    }
    .Summer_Monkey .section4 .A_item a {
        font-size: 14px;
    }
    .Cambridge .section1 .item_box {
        margin-bottom: 2%;
    }
    .Cambridge .section1 {
        padding-bottom: 0;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 90%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -32%;
        width: 16%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset9 {
        width: 12%;
    }
    .Intensive_Phonics .section4 .hr {
        height: 10px;
    }
    .Primary_Preparantion36 .section4 .S_item {
        font-size: 14px;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .imgBox .enlargeImg_wrapper .P_itemCN {
        font-size: 12px;
    }
    .imgBox .enlargeImg_wrapper .Bo_box .P_itemHK {
        font-size: 12px;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -47%;
        width: 14%;
        margin-top: -4%;
    }
    .Cambridge612 .section1 .img_box .img03 {
        margin-left: -44%;
    }
    .Cambridge612 .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge612 .section1 .item_box {
        font-size: 12px;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 20px;
    }
    .gallery-page .imgBox {
        left: 23%;
        width: 54%;
    }
    .gallery .imgBox .removeX .removeX_item, .gallery-page .imgBox .removeX .removeX_item {
        width: 5.4%;
        font-size: 1rem;
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        top: -7.5%;
        right: -5.5%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 4%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 85%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 6%;
    }
    .E-Teaching .section1 .rightBox {
        top: 2%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 30px;
    }
    .E-Teaching .section2 .PC_Plus img {
        margin-top: 130%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 15px;
        line-height: 20px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 14px;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 100%;
    }
    .E-Teaching .section3 .small-img-text {
        padding: 15px 0;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 11%;
        margin-right: 0%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 14px;
        line-height: 18px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 13px;
        line-height: 18px;
    }
    .E-Teaching .section4 .uls li img {
        width: 100px;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 90%;
        margin-left: 5%;
        margin-top: -2%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-top: 10%;
    }
    .E-Teaching .section2 .PC_Plus {
        margin: 0% 6%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 30%;
    }
    .E-Teaching .section3 {
        margin-bottom: 10%;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 28px;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 0%;
    }
    .ket-layout .section1 .rightBox {
        top: 0.5%;
    }
    .ket-layout .section4 .A_item .EF_Reading {
        width: 24%;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .chinese_character .section1 .rightBox img {
        width: 65%;
    }
    .chinese_character .section1 .img_box .img01 {
        width: 80%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 26px;
    }
    .chinese_character_cn .section4 .S_item {
        font-size: 13px;
    }
    .chinese_character .section1 .img_box .img02 {
        margin-left: 8%;
    }
    .chinese_character_cn .section4 .F_item {
        margin-bottom: 3%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 14px;
    }
    .panda_papsk .title-box .title {
        font-size: 34px;
    }
    .Private_Lesson .section4 .S_item {
        font-size: 15px;
    }
    .Private_Lesson_cn .section1 .item_box {
        width: 100%;
    }
    .Panda_Course .section1 h4.title-h4 {
        font-size: 34px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 30px;
    }
    .trialClassS .section7 .span p {
        font-size: 14px;
    }
    .trialClassS .section7 .span h4,
    .trialClassS .section3 .span h4,
    .trialClassS .section2 .span h4 {
        font-size: 30px;
    }
    .trialClass .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP3 {
        top: 45%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 65%;
        font-size: 12px;
        border: 2px solid;
    }
    .trialClassS .section7 .pp_img {
        width: 70%;
        margin: 5% 0%;
    }
    .trialClassS .section7 .disF #roll1 .pp_img,
    .trialClassS .section7 .disF #roll2 .pp_img {
        width: 100%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 95%;
        height: 100%;
        border: 5px solid #FED900;
        border-radius: 27px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 36%;
        left: 10%;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item {
        left: 19%;
    }
    .trialClassS .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP3 {
        top: 60%;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 64%;
        left: 10%;
        font-size: 12px;
        width: 85%;
    }
    .Intensive_Phonics .section4 .A_item {
        margin-top: 5%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
        padding: 0 4%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
        height: 250px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 13px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2, .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 12%;
    }
    .trialClass .section7 .pItem .item_cn p {
        font-size: 18px;
    }
    .trialClass .section8 .swiper .btnN3 {
        right: 10%;
    }
    .trialClass .section4 {
        margin-bottom: 20%;
    }
    .course-new-page .section6 .big-border-b {
        height: 10px;
    }
    .course-new-page .section6 .camb_Asset41 {
        width: 65%;
        margin-left: -6%;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 18px;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 1%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 12px;
        color: #cccccc;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 5.5%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClass .section1 .topBox .bottomBox .box .right_text {
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -15%;
    }
    .benefits_details .section8 .swiper .btnP {
        width: auto;
        position: absolute;
        top: 30%;
        left: -8%;
        z-index: 3333;
    }
    .benefits_details .section8 .swiper .btnN {
        width: auto;
        position: absolute;
        top: 30%;
        right: -8%;
        z-index: 3333;
    }
    .rrg_hk .title-box {
        margin-top: 20%;
        margin-bottom: 5%;
    }
}

@media (max-width: 991px) {
    .pp-example{
        margin-top: 40px;
    }
    .carousel-images {
        height: 710px;
        background: #ffffff;
    }
    .padding-ton .ex-text{
        font-size: 24px;
    }
    .phVideo .section1 .pp-details a{
        width: 70%;
    }
    header .menu li#li02:before,
    header .menu li#li03:before,
    header .menu li#li05:before,
    header .menu li#li06:before,
    header .menu li#li07:before{
        content:'';
        position: absolute;
        top: 13px;
        left: 4px;
        border-width: 2px 2px 0 0;
        width: 10px;
        height: 10px;
        border: #583512  solid;
        transform: rotate(135deg);
        display: inline-block;
        border-width: 2px 2px 0 0;
    }
    header .menu li ul{position: relative;}

    header .menu #li08 .down{
        padding: .7%;
        margin-left: 8px;
    }

    header .menu{
        display: none;
        padding: 15px 0;
    }
    header .menu li{
        padding: 0px 25px;
    }
    header .menu li ul li{
        padding: 0px 10px;
    }

    header .menu li.trial-class {
        margin-left: 25px;
    }
    header .menu li a {
        font-size: 20px;
        padding: 3px 0;
    }
    header .menu li.lang:before{
        content: none;
    }
    .index .section1 .t-box p {
        font-size: 29px;
        line-height: 40px;
    }
    .index .section3 ul li{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
        border: 0;
    }
    .index .section3 {
        padding: 0;
    }
    footer{
        margin-top: 0;
    }
    footer .footer-top ul li {
        padding: 0;
        border-right: 0;
    }
    footer .footer-top {
        padding-top: 0;
    }
    footer .footer-top h5 {
        min-height: auto;
        margin-top: 20px;
    }
    footer .footer-bottom {
        font-size: 15px;
    }
    .index .section6 .a-btn-box,
    .index .section6 p,
    .index .section5 .a-btn-box,
    .index .section5 p{
        text-align: center;
    }
    .index .section5 img{
        margin-bottom: 30px;
    }
    .index .our-group ul li:nth-child(2) img {
        width: 60%;
        margin-bottom: 30px;
    }
    .index .our-group ul li img {
        margin: 0 10px;
        width: 80px;
        object-fit: contain;
    }
    footer .footer-top ul {
        text-align: center;
    }
    footer .footer-top ul li{
        position: relative;
    }
    footer .footer-top ul li:before{
        content: "";
        border-bottom: 2px solid #006837;
        display: inline-block;
        width: 150px;
        bottom: 0;
        left: 50%;
        transform: translateX(0);
    }
    footer .footer-top ul li:nth-child(1):before,
    footer .footer-top ul li:nth-child(2):before{
        content: none;
    }
    footer .footer-top ul li:nth-child(3) p{
        margin-bottom: 20px;
    }
    footer .footer-top ul li:nth-child(3) p span{
        display: block;
        border: 0;
        padding: 0;
        margin:6px 0;
    }
    footer .footer-top ul li:nth-child(3) p a{
        padding:0 7px;
        border-right: 1px solid #ffffff;
        line-height: 15px;
    }
    footer .footer-top ul li:nth-child(3) p a:last-child{
        border: 0;
    }

    /*20220322*/
    .franchise .section2 .fbg-img-01,
    .franchise .section2 .fbg-img-02{
        display: none;
    }
    .franchise .section4 form{
        background-image: none;
        background-color: #f79f13;
        border-radius: 30px;
        padding: 20px;
    }
    .franchise .section4 form .row-out{
        width: 100%;
    }
    .franchise .section3 .step-07 .p2, .franchise .section3 .step-05 .p2, .franchise .section3 .step-03 .p2, .franchise .section3 .step-01 .p2 {
        padding-left: 0;
    }
    .franchise .section3 .step-08 .p2, .franchise .section3 .step-06 .p2, .franchise .section3 .step-04 .p2, .franchise .section3 .step-02 .p2 {
        padding-right: 0;
    }
    .franchise .section3 .step-box .p2 {
        padding-bottom: 0;
    }
    .franchise .section3 .step-box .text-img {
        padding-right: 30px;
    }
    .franchise .section3 .step-box .text-img img {
        width: 25px;
    }
    .franchise .section3{padding-top: 60px}
    .franchise .section3 .step{padding-bottom: 60px}
    .franchise .section3 .step-01{top:0%}
    .franchise .section3 .step-02{top:0%}
    .franchise .section3 .step-03{top:0%}
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:0%}
    .franchise .section3 .step-06{top:0%}
    .franchise .section3 .step-07{top:0%}
    .franchise .section3 .step-08{top:0%}
    .franchise .section3 .title-box {
        top: -20px;
    }
    /*20220322*/
    .course-new-page .section6 .row,
    .course-new-page .section5 p,
    .course-new-page .section2 .left-img,
    .course-new-page .title-box .title,
    .course-new-page .title-box p,
    .course-new-page .title-next-p{
        text-align: center;
    }
    .course-new-page .section1 {
        background-size: contain;
        background-position: top left;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 110px;
    }
    .course-new-page .section2 .left-img img {
        max-width: 80%;
        display: inline-block;
    }
    .course-new-page .section23-bg{
        background-image: none;
    }
    .course-new-page .section2{
        padding-bottom: 60px;
    }
    .course-new-page .section3{
        padding-top:60px;
        padding-bottom: 60px;
        /*background-color: #fff8dc;*/
    }
    .course-new-page .section4{
        background-image: none;
    }
    .course-new-page .s5-top-bg{display: none}
    .course-new-page .section5{
        background-image: none;
        background-color: #ffd80a;
    }
    .course-new-page .section6 .title-box p {
        display: inline-block;
        max-width: 80%;
    }
    .chat-room-new .section2 .pt-wen p{
        text-align: center;
        margin-top: 40px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 97%;
    }
    .gw-new .section1 .img1 {
        height: 140px;
    }
    .rs-new .section1 .img1 {
        height: 140px;
    }
    .camb-new .section3 {
        background-color: #ffd80a;
    }
    .tri-new .section6 .title-box h6 ,
    .rs-new .section6 .title-box h6 ,
    .camb-new .section6 .title-box h6 {
        border-radius: 30px;
        min-width: 160px;
    }
    .tri-new .section1 .img1 {
        height: 130px;
    }

    /*20221128 */
    .trialClass .section3 .Item_box {
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section3 .Item_box .Item01 {
        padding: 0  55px;
        width: 100%;
        height: 100%;
        /* background-color: palegreen; */
        border-radius: 30px;
    }
    .trialClass .section2 {
        box-shadow: none;
        padding-bottom: 0;
    }
    .trialClass .section2 .videoBox video {
        width: 100%;
    }
    .trialClass .section3 .Item_box {
        width: 51%;
        padding: 40px 0;
    }
    .trialClass .section3 .Item_box .Item01 .text {
        font-size: 19px;
        text-align: center;
    }
    .trialClass .section3 .item {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 30px;
        width: 72%;
    }
    .trialClass .section3 .text_item .item02,
    .trialClass .section3 .text_item .item01 {
        width: 22.5%;
    }
    .trialClass .section3 .lis_item li {
        width: 24.5%;
    }
    .trialClass .hangBox {
        margin-top: 150px;
    }
    .trialClass .section4 .img_box {
        padding-left: 0px;
        padding-right: 0px;
    }
    .trialClass .section4 .item_box {
        height: 300px;
    }
    .trialClass .section4 .big_box .center_img {
        position: absolute;
        bottom: 30%;
        left: 62%;
        width: 30%;
    }
    .trialClass .section4 .big_box .center_img2 {
        position: absolute;
        bottom: 37%;
        left:-5%;
        width: 30%;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 200px;
    }
    .trialClass .section5 .item_box {
        padding-top: 0px;
    }
    .trialClass .section6 .bottom_item .hr {
        background-color: #fff;
        border: 1px solid #fff;
    }
    .trialClass .section6 .left_box .top_item {
        border-top-right-radius: 20px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 5% 15%;
        border-bottom-left-radius: 0px;
        border: 2px solid #B72831;
        height: auto;
    }
    .trialClass .section6 .right_box .top_item {
        border-top-right-radius: 0px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .trialClass .section6 .downLoad {
        flex-direction: column;
        align-items: center;
        font-size: 15px;
    }
    .trialClass .section6 .BigBox {
        justify-content: center;
    }
    .trialClass .section6 .downLoad1 {
        margin-top: 1%;
        line-height: normal;
    }
    .trialClass .section6 button {
        font-size: 16px;
        padding: 1px 30px;
        margin-left: 0px;
        border-radius: 40px;
        background-color: #B72831;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 20px;
        padding: 0 40px;
    }
    .trialClass .section6 .footer_box .btn {
        font-size: 14px;
    }
    .trialClass .section5 .big_box {
        justify-content: center;
    }
    .trialClass .section6 .bottom_item .ItemBox .item {
        padding-bottom: 3%;
    }
    .trialClass .section4 .big_box {
        justify-content: center
    }

    .imgBox .enlargeImg_wrapper h1 {
        font-size: 18px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 25%;
        width: 50%;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 28px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 70%;
        height: 300px;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: -230%;
        right: 0%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .EndBottom {
        border-bottom: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 .downBox {
        border-top: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 ._classify {
        border-top: none;
        border-bottom: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 {
        background: #FFF8E5;
        margin-bottom: 10%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 14px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 24px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 1200%;
        left: 0%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 37%;
        right: 19%;
        display: block;
        width: 10%;
        height: 9%;
        /*background: red;*/
        z-index: 1000;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 70%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 60px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 45px;
    }
    .Intensive_Phonics .section4 .C_item .img01 {
        width: 15%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 12%;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 9%;
        margin-top: -2%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 70%;
        font-size: 20px;
        font-weight: 500;
        line-height: inherit;
        text-align: center;
        margin-bottom: 0;
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-top: -3%;
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 10%;
    }

    .Intensive_Phonics .section1 .img_box img {
        width: 55%;
        /* height: 100%; */
        margin-bottom: 5%;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 34px;
        text-align: center;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section2 .W_item p {
        width: 70%;
        font-size: 20px;
        margin-top: 2%;
        text-align: center;
        padding-bottom: 5%;
    }
    .Intensive_Phonics .section1 {
        padding: 0;
    }
    .Intensive_Phonics .section4 .H_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .right_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 20px;
        width: 70%;
        text-align: center;
        font-weight: bold;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section4 .D_item,
    .Intensive_Phonics .section4 .a10_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .HBox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .D_item div {
        /*width: 100px;*/
        margin-top: 25%;
        /*border-radius: 20px;*/
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .hr {
        margin-bottom: 6%;
        width: 70%;
        height: 13px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 25%;
    }
    .Intensive_Phonics .section4 .a14_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .a21_img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .Assess_img img {
        width: 70%;
        margin-top: 15%;
    }

    .Intensive_Phonics .section4 .Mob_asset11,
    .Intensive_Phonics .section1 .rightBox,
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .Mob_asset11 img,
    .Intensive_Phonics .section1 .rightBox img,
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 70%;
    }
    .Primary_Preparation .section2 .ppasset8 img {
        width: 50%;
    }
    .Primary_Preparation .section4 .H_item img {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 9%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 6%;
    }
    .Primary_Preparation .section4 .H_item .ppasset15 {
        width: 8%;
    }
    .Primary_Preparation .section1 .item_box {
        margin-top: 5%;
    }
    .Primary_Preparation .section4 .A_item {
        margin-top: 0%;
    }
    .Primary_Preparation .section4 .HBox {
        margin-top: 10%;
    }
    .Intensive_Phonics .section3 .C_item {
        top: 3%;
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .Assess_img a {
        width: 27%;
        right: 25%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 10%;
    }
    .Summer_Monkey .section2 .ageItem {
        text-align: center;
        width: 80%;
    }
    .Intensive_Phonics .section4 .F_item {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .a20_img,
    .Intensive_Phonics .section4 .a11_img img {
        width: 70%;
    }
    .Intensive_Phonics .section4 .a21_img img {
        width: 50%;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 34px;
        padding-bottom: 2%;
        padding-top: 10%;
    }
    .Summer_Monkey .section1 .img_box {
        margin-top: 12%;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 .img_box01 {
        margin-top: 15%;
    }
    .Summer_Monkey .section1 .img_box img {
        margin-bottom: -11%;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 17px;
        font-weight: bold;
        color: #754C24;
    }
    .Summer_Monkey .section2 .D_item {
        padding-bottom: 0;
    }
    .Monkey_Tales .section4 .F_item {
        font-size: 40px;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Cambridge .section4 .YouItem {
        display: initial;
        margin-top: 10%;
    }
    .Cambridge .section4 .A_item {
        margin-top: 10%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Cambridge .section1 .F_item {
        font-size: 24px;
        margin-top: 5%;
    }
    .Monkey_Tales .section4 .disCo {
        display: flex;
        justify-content: center;
    }
    .Monkey_Tales .section4 .right_box {
        margin-left: 0%;
    }
    .Primary_Preparantion36 .section4 .disCo01 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .Primary_Preparantion36 .section4 .H_item img {
        width: 8%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset13 {
        width: 15%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset14 {
        width: 10%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .YouItem02 {
        display: initial;
    }
    .Primary_Preparantion36 .section4 .H_item02 {
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-top: 2%;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Monkey_Tales36 .section4 .Trinity {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Monkey_Tales36 .section4 .disCo01 {
        margin-top: 0%;
    }
    .Monkey_Tales36 .section1 .img_box .img01 {
        width: 70%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 14%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 9%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 6%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        width: 5%;
        position: absolute;
        left: 28%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 28px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 14%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 18%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 20%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 15%;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .Cambridge612 .section4 .H_item .HItem {
        width: 62%;
    }
    .Cambridge612 .section4 .YouItem .ppassets999 {
        margin-top: -6%;
        margin-left: 20%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 1.5rem;
        padding-left: 0%;
    }
    .course-new-page .section3 .seeding_box .Seedling_Title img {
        width: 70%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1.78rem;
        text-align: center;
        line-height: 2rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.5rem;
        line-height: initial;
        text-align: center;
    }
    .trialClass .gallery .benefits {
        width: 75%;
        margin-left: 0;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 1.4rem;
    }
    .trialClass .gallery .stu_can {
        text-align: center;
        font-size: 1.3rem;
        line-height: initial;
        font-weight: bold;
        margin-top: 5%;
    }
    .trialClass .gallery .stu_in {
        text-align: center;
        font-size: 1rem;
        color: #B72831;
        line-height: initial;
        font-weight: bold;
        margin-top: 2%;
    }
    .trialClass .section6 .downBox {
        margin-top: 3%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un1 {
        font-size: 1.5rem;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 1.3rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .mo-tex {
        font-size: 1rem;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 9%;
        bottom: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 18px;
        border-radius: 15px;
    }
    .trialClass .section4 .swiper .btnP img, .trialClass .section4 .swiper .btnN img {
        width: 30%;
    }
    .trialClass .section8 .swiper .btnP {
        top: 36%;
        left: 14.5%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 3%;
        top: 36%;
    }
    .trialClassHk .section1 .IphonBox .left_bottom p {
        font-size: 25px;
        text-align: center;
    }
    .trialClassHk .section1 .IphonBox .left_bottom{
        text-align: center;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        margin: 1% 0;
    }

    .trialClass .section4 .swiper .btnP,
    .trialClass .section4 .swiper .btnN {
        top: 48%;
    }
    .trialClass .section4 .swiper .btnP {
        left: 17%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 7%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 15%;
        margin-left: 4%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 2rem;
        line-height: 35px;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
        margin-top: 5%;
    }
    .E-Teaching .section2 .PC_eteacher img {
        width: 50%;
    }
    .E-Teaching .section2 .PC_Plus img {
        margin: 10% 0%;
        width: 10%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 85%;
        margin-left: 8%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 20%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 0%;
        margin-top: -7%;
    }
    .E-Teaching .section3 .BG2_qwe .container {
        top: 3%;
        left: 3%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 40px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 24px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 28px;
        text-align: center;
        padding-bottom: 10%;
        width: 91%;
        margin-left: 4%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 28%;
    }
    .E-Teaching .section4 .uls li img {
        width: 40%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 28px;
        line-height: 35px;
        margin: 5% 0% 3% 0%;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 24px;
        line-height: 33px;
        width: 65%;
        margin-bottom: 15%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 1.45rem;
        line-height: 25px;
    }
    .E-Teaching .section3 {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: -5%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 8%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 40px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 26px;
    }
    .ket-layout .section1 .img_box .img01 {
        width: 90%;
        margin-bottom: 1%;
        margin-left: 0%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 15%;
        margin-left: 0%;
    }
    .ket-layout .section2 .center-box .small_box {
        display: none;
    }
    .ket-layout .section4 h4 {
        margin-bottom: 0%;
    }
    .ket-layout .section4 .ket_A_item {
        display: none;
    }
    .ket-layout .section2 .A_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .ket-layout .section4 .center-box .sma_box,
    .ket-layout .section2 .center-box .sma_box {
        display: block;
        margin-bottom: 5%;
    }
    .ket-layout .section4 .A_item {
        margin-top: 2%;
    }
    .ket-layout .section4 .orgBox {
        width: 77%;
    }
    .ket-layout .section4 .hr {
        width: 70%;
        height: 10px;
    }
    .ket-layout .section4 .Mob_asset11 {
        flex-direction: column;
    }
    .ket-layout .section4 .ket_item img:first-child {
         margin-right: 0%;
    }
    .ket-layout .section4 .ket_item img {
        width: 40%;
        margin-top: 7%;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 55%;
    }
    .ket-layout .section4 .ket_item {
        display: flex;
        flex-direction: column;
    }
    .ket-layout .section4 .ket_item .leftImg{
        margin-right: 0%;
    }
    .ket-layout .section4 .ket_item .righImg{
        margin-left: 0%;
    }
    .pet-layout .section4 .pet_A_item {
        display: flex;
    }
    .pet-layout .section2 .A_item a {
        font-size: 20px;
    }
    .pet-layout .section4 .A_item a {
        font-size: 20px;
        width: 20%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        width: 100%;
        font-size: 18px;
    }
    .courses-main-cn .title-p {
        width: 70%;
        font-size: 18px;
    }
    .chinese_character .section1 .img_box .img01 {
        width: 80%;
        margin-bottom: 4%;
        margin-left: 0%;
        margin-top: 10%;
    }
    .chinese_character .section1 .img_box .img02 {
        width: 20%;
        margin-top: 6%;
        margin-left: 15%;
    }
    .chinese_character .section1 .rightBox {
        margin-top: 10%;
        left: 0%;
    }
    .chinese_character .section2 .p_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .chinese_character .section2 .p_item div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .chinese_character .section4 .p_item p,
    .chinese_character .section2 .p_item p {
        font-size: 20px;
        width: 35%;
        padding: 2% 0 8% 0;
    }
    .chinese_character .section4 .S_item {
        text-align: center !important;
    }
    .chinese_character .section4 .HBox {
        margin-top: 10%;
    }
    .chinese_character .section4 .sma_image img {
       width: 70% !important;
    }
    .chinese_character .section4 .sma_image {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .chinese_character .section4 .C_item .img02 {
        width: 6%;
    }
    .chinese_character .section4 .fea_item {
        margin-top: 25%;
    }
    .chinese_character .section4 .H_item {
        width: 100%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .C_item img {
        width: 6%;
    }
    .chinese_character .begin_box .learn-box {
        display: flex;
        justify-content: center;
        margin-top: 0%;
        flex-direction: column;
        align-items: center;
    }
    .chinese_character .begin_box .learn-box .learn-item:first-child {
        margin-right: 0%;
    }
    .chinese_character .begin_box .learn-box .learn-item:last-child {
        margin-left: 0%;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: -2%;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
        margin-top: 30%;
    }
    .chinese_character .begin_box .begin_img img {
        width: 40%;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
    }
    .panda_chinese .section4 .p_item, .panda_chinese .section2 .p_item {
        flex-direction: column;
        margin-bottom: 0%;
    }
    .chinese_character .section4 .fea_item {
        margin-top: 8%;
    }
    .panda_chinese .section2 .p_item div, .panda_chinese .section4 .p_item div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .panda_chinese .top_sec4 {
        margin-top: 0%;
    }
    .panda_chinese .section4 .F_item {
        margin-bottom: 0%;
    }
    .panda_chinese .section4 .H_box {
        margin-top: 0%;
    }
    .panda_chinese .section4 .F_item {
        margin-bottom: 0%;
    }
    .panda_chinese .section4 .fea_item {
        margin-bottom: 5%;
    }
    .panda_chinese_cn .section4 .HBox {
        margin-top: 5%;
    }
    .panda_papsk .section1 .img_box .img01 {
        margin-bottom: 0%;
    }
    .panda_papsk .title-box .title {
        font-size: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 8% 0%;
    }
    .panda_papsk .title-box .sk-p {
        margin-top: 4%;
        text-align: center;
        font-size: 16px;
    }
    .panda_papsk .section2 .p_img {
        text-align: center;
    }
    .panda_papsk .section2 .p_img img {
        width: 70% !important;
    }
    .panda_papsk .section2 .title-box .sk-p {
        width: 70%;
    }
    .panda_papsk .section2 .title-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .panda_papsk .section4 .p_item p,
    .panda_papsk .section2 .p_item p {
        width: 50%;
    }
    .panda_papsk .title-box .title img {
        width: 20%;
    }
    .panda_papsk .top_sec4 {
        margin-top: 65%;
    }
    .panda_papsk .section4 .A_item a {
        width: 20%;
    }
    .panda_conver .section1 .img_box .img01 {
        margin-bottom: 0%;
    }
    .panda_conver .section4 .H_box {
        margin-top: 5%;
        text-align: center;
    }
    .panda_conver .top_sec6 {
        margin-top: 135%;
    }
    .panda_conver .section4 .kuan-box .On-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .panda_conver .section4 .kuan-box .On-item {
        left: 0%;
    }
    .panda_conver .section4 .A_item {
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        text-align: center;
        width: 90%;
        margin-bottom: 8%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 3%;
        margin-top: 8%;
        font-size: 36px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 22px;
    }
    .panda_conver .section4 .F_item {
        margin-bottom: -6%;
        left: 0%;
    }
    .panda_conver_cn .section4 .F_item {
        text-align: center;
    }
    .Panda_Course .section2 .center_box {
        position: initial;
        width: 100%;
        top: 40%;
        display: flex;
        flex-direction: column;
    }
    .Panda_Course .section2 .center_box .r-img {
        width: 100%;
    }
    .Panda_Course .section2 .center_box .l-box {
        flex-direction: column;
    }
    .Panda_Course .section2 .center_box .r-img,
    .Panda_Course .section2 .center_box .l-img {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Panda_Course .section2 .center_box .r-img img,
    .Panda_Course .section2 .center_box .l-img img {
        width: 35%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 24px;
        text-align: center;
        margin-top: 3%;
    }
    .Panda_Course .section2 .center_box .l-item {
        margin-left: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 8%;
    }
    .Panda_Course .section2 .center_box .l-item p,
    .Panda_Course .section2 .center_box .r-item p {
        width: 60%;
        text-align: center;
    }
    .Panda_Course .section2 .F_item {
        position: initial;
        margin-bottom: 10%;
        margin-top: 5%;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 18px;
    }
    .Panda_Course .section1 .course-box {
        display: inline-block;
        flex-direction: column;
        align-items: center;
    }
    .Panda_Course .section1 .course-box a img {
        width: 70% !important;
    }
    .Panda_Course .section1 .course-box>div {
        text-align: center;
    }
    .Panda_Course .section1 h4.title-h4 {
        margin-top: 10%;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 24px;
    }
    .Panda_Course .section1 .course-box>div {
        margin-bottom: 8%;
    }
    .Panda_Course .title-p {
        width: 80%;
        font-size: 18px;
        margin-bottom: 8%;
    }
    .Panda_Course .section2 h4.title-h4 {
        font-size: 30px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -15%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 50%;
    }
    .chinese_character .section2 .p_item>div>img{
        width: 30% !important;
    }
    .panda_chinese .section2 .p_item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
    }
    .panda_chinese .section2 .p_item p {
        font-size: 20px;
        width: 60%;
        padding: 2% 0 8% 0;
    }
    .panda_chinese .section4 .p_item div>img {
       width: 30% !important;
    }
    .panda_chinese .section2 .p_item>div>img{
        width: 50% !important;
    }
    .Private_Lesson .top_sec5 .p_item {
        display: initial;
        text-align: center;
    }
    .Private_Lesson .top_sec5 .p_item>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Private_Lesson .top_sec5 .divP p {
        width: 80%;
        text-align: center;
    }
    .Private_Lesson .top_sec5 .p_item>div img {
        width: 50%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        margin-top: 2%;
        width: 70%;
    }
    .Private_Lesson .top_sec5 .divP {
        margin-bottom: 8%;
    }
    .trialClassS .section8 .span {
        top: 0%;
    }
    .trialClassS .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP {
        top: 54%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 3%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 80%;
        font-size: 17px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 70%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-top {
        font-size: 18px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 24px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom1 {
        font-size: 17px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox {
        margin-bottom: 10%;
    }
    .trialClassS .section8 {
        margin-bottom: 25% !important;
    }
    .trialClassS .gallery .gallery-list li a {
        min-width: 50px;
        padding: 5px 0px;
    }
    .trialClassS .section7 .disF #roll1 .pp_img,
    .trialClassS .section7 .disF #roll2 .pp_img {
        width: 70%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 33%;
        left: 10%;
        font-size: 22px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 10%;
        width: 170px;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 90%;
        border: 8px solid #FED900;
        border-radius: 50px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 321px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 68%;
        left: 10%;
        font-size: 15px;
        width: 85%;
    }
    .trialClassS .gallery .benefits {
        width: 100%;
        margin-left: 8%;
        padding: 0px;
    }
    .trialClassS .gallery .benefits .item-benefits {
       flex-flow: column;
    }
    .trialClassS .gallery .benefits .free-ocean {
        margin-top: 5%;
        margin-left: 0%;
        width: 60%;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.9rem;
        /*width: 100%;*/
        display: inline-block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 1rem;
        text-align: center;
        margin-top: 5%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.85rem;
        text-align: center;
        margin-top: 5%;
    }
    .trialClassS .section6 .detail-img-1 {
        display: flex;
        justify-content: center;
        margin: 8% 0% 8% 0%;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .byBc {
        font-size: 0.9rem;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .section6 .Term-BigBox .mtR {
        margin-right: 0%;
        margin-top: 5%;
    }
    .trialClassS .section6 .detail-img-1 a {
        padding: 2% 5%;
        font-size: 15px;
        color: #fff;
        background: #39A54A;
        border-radius: 50px;
        font-weight: bolder;
    }
    .trialClassHk .section6 .footer_box .span {
        width: 60%;
    }
    .trialClassS h4.title-h4 {
        margin-top: 10%;
    }
    .trialClassS .gallery #text2,
    .trialClassS .gallery #text3{
       margin-top: 15%;
    }
    .benefits_details .section5 .rowBox .item-benefits .detail-img-1 {
        display: none;
    }
    .benefits_details .gallery .benefits .item-benefits {
        align-items: center;
    }
    .benefits_details .section5 .rowBox .item-benefits .item-pp {
        display: flex;
        justify-content: center;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 100%;
        margin-top: 5%;
        line-height: initial;
        margin-bottom: 5%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 20px;
        text-align: center;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 17px;
        text-align: center;
    }
    .benefits_details .gallery .benefits {
        width: 100%;
        border-radius: 25px;
        margin-left: 0%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 22%;
        padding: 1% 0%;
    }
    .benefits_details .freeassDetails .form {
        max-width: 1200px;
        width: 100%;
        padding: 10px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 5%;
        padding: 0;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 17px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 28%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 28px;
        margin-top: -7%;
        margin-bottom: 7%;
        z-index: 99999999;
    }
    .Monkey_Tales .section2 .Mob_mtt6 {
       flex-direction: column;
       align-items: center;
    }
    .Intensive_Phonics .section1 .mt_box {
        margin-top: 13%;
    }
    .Intensive_Phonics .section1 .mt_box h3 {
        margin-top: -5%;
    }
    .Intensive_Phonics .section1 .mt_box123 {
        margin-top: 5%;
    }
    .Primary_Preparation .section1 .BigBox {
        margin-top: 15%;
    }
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-top: 5%;
    }
    .Primary_Preparation .section2 .ppasset7-8 img{
        width: 25%;
        margin-top: -15%;
    }
    .Primary_Preparation .section2 .S_item {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Primary_Preparation .section2 .S_item p {
        width:70%;
        text-align: center;
    }
    .Primary_Preparation .section2 .ppasset8{
        text-align: center;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 40px;
        justify-content: center;
        margin-top: 5%;
    }
    .Primary_Preparation .section2 .ppasset7-8 .img {
        width: 20%;
        margin-top: -10%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 12%;
    }
    .Primary_Preparation .section4 .H_item .ppasset16-16 {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12-12 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset15-15 {
        width: 10%;
    }
    .Intensive_Phonics .section4 .hrBox {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 70%;
    }
    .trialClass .section4 .swiper_box123 {
        width: 50%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 20px;
        width: 45%;
    }
    .trialClass .section4 {
        margin-bottom: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -24%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        bottom: 19%;
        left: 8%;
    }
    .trialClassS .gallery .gallery-list li a {
        min-width: 50px;
        padding: 5px 15px;
    }
    .trialClass .section6 .BigBox .faq-box{
        justify-content: center;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 24px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 13px;
    }
    .trialClassT .gallery .benefits .section6 .itemBox .itemBox-p {
        margin-bottom: 10%;
    }
    .trialClassT .section6 .faq-box a {
        justify-content: center;
    }
    .trialClassT .gallery .benefits .item-benefits {
        align-items: center;
    }
    .trialClassT .gallery .benefits .item-benefits .item-pp {
        display: flex;
        justify-content: center;
        margin-top: 0%;
        padding: 0%;
    }
    .trialClassT .gallery .benefits .free-ocean {
        width: 85%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClassT .gallery .benefits .down_img .active {
        display: block;
        opacity: 0;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn02 {
        bottom: 25%;
        left: 8%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean_cn {
        line-height: initial;
    }
    .trialClass .gallery .benefits,
    .trialClassT .section6 {
        border-radius: 30px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 385px;
    }
    .course-new-page .section2 .video-box {
        padding: 10% 0 0%;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        width: 90%;
        right: 5%;
    }
    .course-new-page .section6 .title-box p {
        margin-bottom: 10%;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 130px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 95%;
        top: 17%;
    }
    .chat-room-new .section2 .left-img {
        padding-top: 40px;
        padding-bottom: 10%;
    }
    .chat-room-new .section2 .video-box {
        padding: 0% 0 10%;
    }
    .trialClass .section4 .sm-box{
        width: 100%;
        position: absolute;
        top: 30%;
        right: 0%;
        /*background: red;*/
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .trialClass .section4 .sm-box a{
        margin-right: 5%;
        width: 100%;
    }
    .trialClass .section4 .sm-box a:first-child{
        margin-left: 18.5%;
    }
    .trialClass .section4 .sm-box a:last-child{
        margin-right: 19%;
    }
    .trialClass .section4 .sm-box>div {
        width: 150%;
    }
    .trialClassA #rollIn2 img,
    .trialClassA #rollIn1 img{
        width: 75%;
    }
    .trialClass .section7 .item-h3 {
        font-size: 40px;
        margin: 10% 0%;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 17px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 17px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 26px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 22px;
    }
    .trialClassA .section5-1 .rowBox .item-box {
        line-height: initial;
        margin-bottom: 10%;
    }
    .trialClassA .section4 .sm-box img {
        width: 100%;
    }
    .location .imgBox {
        height: auto !important;
    }
    .phVideo .section1 .video-box iframe {
        height: 389px;
    }
    .phVideo .section7 {
        margin-top: 50%;
    }
    .phVideo .section1 .ph_Asset_details a {
        width: 45%;
        margin-top: 15%;
    }
    .rsVideo .section1 {
        margin-bottom: 20%;
    }
    .rsVideo .section1 .ph_Asset_details a {
        margin-top: 5%;
    }
    .crVideo .section1 .topBox {
        top: 30%;
    }
    .crVideo .section1 .img4 {
        height: 180px;
    }
    .course-new-page .section6 .endList {
        align-items: center;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 24px;
        text-align: center;
    }
    .course-new-page .section6 .title-box p {
        max-width: 100%;
    }
    .course-new-page .section6 .title-box p {
        margin-bottom: 0%;
    }
    .course-new-page .section6 .big-border-b {
        height: 10px;
        width: 100% !important;
        margin: 5% 0% 10% 0%;
    }
    .benefits_details .section1 .topBox .leftBox {
        top: 30%;
    }
    .benefits_details .section7 .span h4 {
        font-size: 24px;
    }
    .benefits_details .section4 .Sw_box {
        padding-top: 0;
        margin-top: 0;
    }
    .benefits_details .section7 .Asset346 {
        margin-bottom: 0%;
    }
    .benefits_details .section4 .span {
        top: 10%;
    }
    .trialClass .section4 .sm-box {
        top: 20%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore,
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 15%;
        margin-top: 1%;
        margin-left: 3%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 21%;
        margin-left: -32%;
        margin-top: -1%;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 24px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
        padding: 0% 2.5%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        margin-top: 1%;
        margin-bottom: 5%;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
        margin-right: 10px;
    }
    .trialClass .section6 .down_content .contentItem p,
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 13px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 6%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 12px;
        color: #cccccc;
        display: block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 13px;
        padding: 0;
    }
    .trialClassS .gallery .benefits .section6 .Term-BigBox .mtR {
        margin-right: 0%;
        margin-top: 0%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        margin-top: 0%;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 4.5%;
    }
    .trialClassS .gallery #offers #text3 {
        margin-top: 3%;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 15px;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -8%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 35%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 35%;
        right: -10%;
    }
    .rrg_hk .Download_now .a-btn {
        padding: 0.2% 5%;
    }
    .rrg_hk .Download_now .qrBox .qr-appStore,
    .rrg_hk .Download_now .qrBox .qr-google {
        width: 15%;
    }
    .rrg_hk .Download_now .qrBox .logo-img {
        width: 25%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 70%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 45%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .app_show_page img{
        width: 70%;
    }
    .benefits_details .section7 .span .video_box .item_box{
        margin-top: 3%;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 15px 25px;
        padding: 0 10%;
    }
    .benefits_details .section7 .span .video_box .video_item{
        position: relative;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        position: absolute;
        left: 31%;
        top:50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
}

@media (max-width: 840px){
    .carousel-images {
        height: 620px;
    }
}

@media (max-width: 768px) {
    .page-bar{
        margin-top: 21px;
        font-size: 20px;
    }

    .m-slide{
        width: 540px !important;
    }
    .m-slide .event-content{
        font-size: 25px;
    }
    .m-slide .event-content .event-text{
        width: 23%;
    }
    .carousel-images {
        height: 550px;
    }
    .padding-ton {
        padding: 40px 0;
    }
    .padding-ton .ex-text{
        font-size: 20px;
    }
    .intro-item{
        font-size: 18px;
    }
    .intro-item h1{
        font-size: 28px;
    }
    .intro-item .t-border{
        font-size: 20px;
    }
    .gallery-list .item-benefits .contentItem img {
        width: 30px;
    }
    .gallery-list .item-benefits .contentItem .text {
        font-size: 16px !important;
        font-weight: bold;
    }
    .crVideo .section1 .img4 {
        height: 140px;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 100px;
    }
    .course-new-page .camb-new .section2 .video-box {
        padding: 60px 0 0;
    }

    /*20220322*/
    .franchise .section4 .title-box p::before {
        -webkit-text-stroke: 4px #008b3d;
    }

    .franchise .section4 form {
        border-radius: 20px;
        padding: 15px 5px;
    }

    .franchise .section4 form .form-group label,
    .franchise .section4 form p,
    .franchise .section4 form span {
        font-size: 14px;
    }

    .franchise .section4 form p.label-p {
        min-height: auto;
    }

    .franchise .section2 .video-box iframe {
        height: 200px;
    }

    .franchise .section2 .video-box {
        padding: 10px;
        margin-bottom: 40px;
    }

    .franchise .section2 .list .col-12:nth-child(2) {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .franchise .section2 .list .col-12:nth-child(2):after,
    .franchise .section2 .list .col-12:nth-child(2):before {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 120px;
        height: 2px;
        background-color: #FFFFFF;
    }

    .franchise .section2 .list .col-12:nth-child(2):after {
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .franchise .section1 {
        padding-top: 80px;
    }

    .franchise .section1 .img-box a {
        right: 5%;
        top: auto;
        bottom: 10px;
        transform: none;
    }

    .return_top-box .return_top img {
        width: 40px;
        height: 40px;
    }

    .franchise .title-box .title {
        font-size: 33px;
    }

    .franchise-tc .title-box .title {
        font-size: 31px;
    }

    .franchise .section3 .step .fbg-img-02,
    .franchise .section3 .step .fbg-img-01 {
        display: none;
    }

    .franchise .section3 .step-box .p2 {
        display: none;
    }

    .franchise .section3 .step-box .p3, .franchise .section3 .step-box .p1 {
        display: block;
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .franchise .section3 .step-07,
    .franchise .section3 .step-05,
    .franchise .section3 .step-03,
    .franchise .section3 .step-01 {
        margin-right: 40px;
    }

    .franchise .section3 .step-08,
    .franchise .section3 .step-06,
    .franchise .section3 .step-04,
    .franchise .section3 .step-02 {
        margin-left: 40px;
    }

    .franchise .section3 .step-box {
        position: relative;
        display: block;
    }

    .franchise .section3 .step-box .p4 {
        display: inline-block;
        position: absolute;
        width: auto;
        top: 20px;
        z-index: 10;
    }

    .franchise .section3 .step-box .p4 img {
        width: 90px;
    }

    .franchise .section3 .step-01 .p4,
    .franchise .section3 .step-03 .p4,
    .franchise .section3 .step-05 .p4,
    .franchise .section3 .step-07 .p4 {
        right: -40px;
    }

    .franchise .section3 .step-02 .p4,
    .franchise .section3 .step-04 .p4,
    .franchise .section3 .step-06 .p4,
    .franchise .section3 .step-08 .p4 {
        left: -40px;
    }

    .franchise .section3 .step-01 .inner-box,
    .franchise .section3 .step-03 .inner-box,
    .franchise .section3 .step-05 .inner-box,
    .franchise .section3 .step-07 .inner-box {
        padding: 20px 40px 20px 20px;
    }

    .franchise .section3 .step-02 .inner-box,
    .franchise .section3 .step-04 .inner-box,
    .franchise .section3 .step-06 .inner-box,
    .franchise .section3 .step-08 .inner-box {
        padding: 20px 20px 20px 40px;
    }

    .franchise .section3 .step-box .p1 .text-img,
    .franchise .section3 .step-box .p3 .text-img {
        padding: 0;
    }

    .franchise .section3 .step-box .text-img img {
        width: 60px;
        top: 72%;
        z-index: 11;
    }

    .franchise .section3 .step-box.step-05 .text-img img,
    .franchise .section3 .step-box.step-06 .text-img img,
    .franchise .section3 .step-box.step-07 .text-img img {
        top: 65%;
    }

    .franchise .section3 .step-07 .text-img img,
    .franchise .section3 .step-05 .text-img img,
    .franchise .section3 .step-03 .text-img img,
    .franchise .section3 .step-01 .text-img img {
        right: -28%;
    }

    .franchise .section3 .step-08 .text-img img,
    .franchise .section3 .step-06 .text-img img,
    .franchise .section3 .step-04 .text-img img,
    .franchise .section3 .step-02 .text-img img {
        left: -28%;
    }

    .franchise-tc .section3 .step-03 .text-img img {
        width: 50px;
        top: 75px;
    }

    .franchise .section4 .title-box p {
        font-size: 17px;
    }

    footer .footer-top ul li:nth-child(2) p {
        min-width: 100%;
    }

    .franchise .section4 form .form-group select {
        background: url(../images/select-down-arrow-1.png) no-repeat center right 4px transparent;
    }

    .franchise .section3 .step-box .text-img p {
        font-size: 15px;
    }

    .franchise .section3 .step-01{top:0%}
    .franchise .section3 .step-02{top:0%}
    .franchise .section3 .step-03{top:0%}
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:0%}
    .franchise .section3 .step-06{top:0%}
    .franchise .section3 .step-07{top:0%}
    .franchise .section3 .step-08{top:0%}


    /*20220322*/
    .section1 {
        padding: 40px 0;
    }
    .section-config{
        padding: 0;
    }

    .index .section3,
    .index .section2 {
        margin: 40px 0;
    }

    .index .section4 .box {
        background-color: #ffd90a;
    }

    .index .section4 .box img {
        border: 8px solid #ffffff;
        /*height: auto;*/
    }

    .index .section4 .box span {
        color: white;
    }

    .index .section4 .box p {
        display: block;
    }

    .index .section4 .box h5 {
        color: #00903d;
    }

    h4.title-h4 {
        font-size: 30px;
        text-align: center;
    }

    .index .section1 .t-box p {
        font-size: 18px;
        line-height: 28px;
        white-space: nowrap;
        position: relative;
        z-index: 99;
    }

    .index .section2,
    .index .section4 {
        /*background-color: #fff9dc;*/
        background-image: none;
        padding: 40px 0;
    }

    .bg-img-ff {
        display: none;
    }

    .index .section2 .l-part {
        margin-bottom: 30px;
    }

    .gallery .gallery-list {
        padding-bottom: 40px;
    }

    .gallery {
        padding: 50px 0 0;
    }

    .gallery .gallery-list li a {
        min-width: 70px;
    }

    .gallery .gallery-list li {
        padding: 0 5px;
    }

    .free-Assessmeny .form-row .form-group label {
        min-width: 135px;
    }

    .index .news-events .new-event-slide ul li:first-child {
        padding: 15px;
        margin: 15px 0;
    }

    .index .news-events .new-event-slide ul li span {
        left: 2px;
    }

    .index .explore-our-centers .tab-content div {
        height: 600px
    }

    .course-new-page .section1 .img1 {
        height: 50px;
    }

    .saturday-new .section1 .img1 {
        height: 110px
    }

    .saturday-new .section1-1 .title-box .title {
        font-size: 29px;
    }

    .free-test-new .section1 .outbox {
        margin-bottom: 40px;
    }

    .free-test-new .detail-box {
        padding: 10px;
    }

    .free-test-new .title-box h4 {
        font-size: 27px;
        margin-bottom: 0;
    }

    .saturday-new .section6 .row {
        margin-bottom: 100px;
    }

    .saturday-new .tw-title01 div {
        margin: 100px 0 40px;
    }

    .saturday-new .section1-1 .container {
        padding-top: 0;
    }

    .free-test-new .detail-box .form {
        padding: 10px 20px
    }

    .free-test-new .detail-box .form h3 {
        font-size: 23px;
        padding-top: 25px
    }

    .free-test-new .detail-box .form .close-btn {
        right: 5px;
        top: 5px;
        width: 35px;
        height: 35px;
        font-size: 22px;
    }

    .saturday-new .section1-1 .title-box .title01 {
        margin-top: 35px;
    }

    .course-new-page .section1 .img2 {
        height: 60px;
    }

    .course-new-page .section1 .img3 {
        height: 70px;
    }

    .course-new-page .section1 .small-img-text img {
        width: 15px;
        margin-right: 3px;
    }

    .course-new-page .section4 .right-p {
        text-align: center
    }

    .course-new-page .section4 .right-p a {
        font-size: 22px;
    }

    .course-new-page .section4 .right-p a,
    .course-new-page .section4 .right-p span {
        display: inline-block;
        width: auto;
        margin: 10px auto 15px;
        padding: 6px 20px;
    }

    .course-new-page .section7 {
        padding-top: 40px;
    }

    .course-new-page .section4 .right-p {
        padding-top: 40px;
    }

    .course-new-page .section4 .right-p .row {
        padding-bottom: 30px;
    }

    .course-new-page .title-box .title {
        font-size: 33px;
    }

    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 120px;
    }

    .chat-room-new .section6 .title-box.step5-part p img {
        top: 18%;
        width: 90%;
    }

    .chat-room-new .section6 .title-box p {
        display: inline-block;
        max-width: 88%;
    }

    .chat-room-new .section4 {
        background-color: #ffd90a;
    }

    .chat-room-new .section4 p {
        color: #008d3c;
        font-family: NunitoBold;
    }

    .chat-room-new .section6 {
        background-image: none;
    }

    .rs-new .section1 .img1,
    .gw-new .section1 .img1 {
        height: 88px;
    }

    .tri-new .section1 .title-next-p,
    .camb-new .section1 .title-next-p,
    .rs-new .section1 .title-next-p,
    .gw-new .section1 .title-next-p {
        padding-top: 20px;
    }

    .rs-new .gw-se2-bg,
    .gw-new .gw-se2-bg {
        display: none;
    }

    .rs-new .section2,
    .gw-new .section2 {
        padding-top: 30px;
        background-image: none;
        background-color: #fff8dc;
    }

    .rs-new .section2 .video-box,
    .gw-new .section2 .video-box {
        padding: 40px 0;
    }

    .rs-new .section6 .title-box h4,
    .gw-new .section6 .title-box h4 {
        margin-bottom: 0;
    }

    .course-new-page .section1 .small-img-text li {
        font-size: 13px;
    }

    .camb-new .section2 .img-box img {
        max-width: 100%;
    }

    .camb-new .section2 .levels {
        text-align: center;
    }

    .camb-new .section2 .levels span {
        display: inline-block;
        width: auto;
        margin-bottom: 20px;
        padding: 8px 25px;
    }

    .camb-new .section2 .levels p {
        text-align: center;
    }

    .camb-new .section2 .levels .col-md-4 {
        padding-right: 15px;
    }

    .camb-new .camb-se3-bg {
        display: none
    }

    .camb-new .section3 {
        background-color: #ffd80a
    }

    .camb-new .section3 .img2 {
        max-width: 100%;
    }

    .gw-new .section6 .title-box h5 span,
    .rs-new .section6 .title-box h5 span,
    .camb-new .section6 .title-box h5 span {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 31px;
        font-size: 20px;
    }

    .course-new-page .big-b-title {
        font-size: 32px;
    }

    .tri-new .section2 {
        padding-bottom: 0;
    }

    .tri-new .section2 .container {
        top: 50px;
    }

    .tri-new .section2 .video-box {
        margin-bottom: 30px;
    }

    .tri-new .section2 .bing-img img {
        height: 350px;
        object-fit: cover;
    }

    .trialClass .section1 .left_top a img {
        width: 250px;
    }

    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 50%;
    }

    .trialClass .section1 .left_bottom2 .textItem02 a {
        font-size: 20px;
    }

    .trialClass .section3 .Item_box {
        width: 50%;
        height: 100%;
    }

    .trialClass .section3 .item {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 57%;
    }

    .trialClass .hangBox .leftItem {
        margin-left: 15%;
        padding: 15px 0;
        line-height: normal;
    }

    .trialClass .hangBox .leftItem h3 {
        font-size: 20px;
    }

    .trialClass .hangBox .leftItem span {
        font-size: 12px;
    }

    .trialClass .hangBox .san {
        position: absolute;
        top: -20px;
        left: 15%;
        width: 0;
        height: 0;
        border-bottom: 20px solid hsl(48, 100%, 50%);
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
    }

    .trialClass .hangBox .rightItem01 {
        right: 18.5%;
        top: calc(50% - 70px);
        width: 140px;
        height: 140px;
    }

    .trialClass .hangBox .rightItem {
        right: 17.5%;
        top: calc(50% - 70px);
        width: 140px;
        height: 140px;
    }

    .trialClass .section4 .item_box .bottom_img img {
        width: 110px;
    }

    .trialClass .section4 .img_box img {
        height: 300px;
    }

    .trialClass .section4 .item_box {
        height: 200px;
    }


    .trialClass .section4 .item_box h2 {
        font-size: 22px;
    }

    .trialClass .section4 .item_box .num {
        font-size: 14px;
    }

    .trialClass .section4 .item_box .top_item2 button,
    .trialClass .section4 .item_box .top_item button {
        font-size: 12px;
    }

    .trialClass .section6 .footer_box .span {
        font-size: 18px;
        padding: 0 20px;
    }

    .trialClass .section6 .footer_box .btn {
        font-size: 12px;
    }

    .trialClass .section5 .center_top .num3 {
        width: 44%;
        line-height: normal;
        margin-top: 2%;
        color: #583512;
    }

    .trialClass .section5 .center_top .num4 {
        width: 59%;
        font-size: 18px;
    }

    .trialClass .section5 .center_top .num5 {
        width: 59%;
        font-size: 16px;
        margin-top: 0;
    }

    .trialClass .section5 .center_bottom .num1 {
        width: 57%;
    }

    .trialClass .section5 .center_bottom .num2 {
        width: 65%;
    }

    .trialClass .section5 .center_bottom .num3 {
        width: 53%;
    }

    .trialClass .section6 .bottom_item .ItemBox {
        padding: 4% 12%;
    }

    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 3px 0;
    }

    .trialClass .section6 .downLoad {
        font-size: 15px;
        font-weight: bold;
    }

    .trialClass .section6 .downLoad1 {
        margin-top: 15px;
    }

    .trialClass .section6 button {
        font-size: 14px;
    }

    .trialClass .section3 .text_item .item02 .write, .trialClass .section3 .text_item .item01 .write {
        width: 0;
        height: 0;
        border-left: 15px solid #fff;
        border-top: 15px solid transparent;
        border-bottom: 17px solid transparent;
    }

    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        height: 30px;
    }

    .trialClass .section3 .text_item .item01 .green {
        right: -15px;
        border-left: 15px solid #74C370;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .trialClass .section3 .text_item .item02 .orange {
        right: -15px;
        border-left: 15px solid #F48133;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        margin-right: 15px;
    }

    .trialClass .section6 .ItemBox .item .item02 {
        margin-left: 8.5px;
    }

    .trialClass .section3 .Item_box .Item02 {
        width: 12%;
        padding-bottom: 4%;
    }

    .trialClass .section2 .videoBox .videoItem .img {
        position: absolute;
        width: 15%;
        top: 30%;
        left: 42%;
    }

    .trialClass .section1 .topBox .leftBox {
        width: 33%;
        top: 20%;
        left: 7%;
    }

    .trialClass .section1 .IphonBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 45px;
        z-index: 999;
        box-shadow: 0px 5px 5px #e6e9eb;
        opacity: 0.95;
    }

    .trialClass .section1 .IphonBox .left_bottom {
        width: 65%;
        text-align: center;
    }

    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 20px;
        margin-top: 4%;
    }

    .trialClass .section1 .IphonBox .left_bottom img {
        width: 60%;
    }

    .trialClass .section1 .topBox {
        margin-bottom: 50px;
        z-index: 999;
        box-shadow: 0px 5px 5px #e6e9eb;
        opacity: 0.95;
    }
    .trialClass .section7  .span h4,
    .trialClass .section3 .span h4,
    .trialClass .section2 .span h4 {
        font-size: 32px;
        font-weight: bold;
    }
    .trialClassHk .section3 .span h4 {
        font-size: 30px;
        width: 50%;
    }
    .trialClass .hangBox {
        margin-top: 100px;
    }
    /*.trialClass .section4 .Image {*/
    /*margin-top: 300px;*/
    /*}*/
    .trialClass .section4 .itemBox .item_box {
        position: absolute;
        top: 65%;
        left: 8%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 180%;
        left: 15%;
        width: 56%;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 45%;
    }
    .trialClass .section4 .itemBox {
        margin-left: 8%;
    }
    .trialClass .section5 .center_top .num1 {
        margin-bottom: 10%;
    }
    /*.trialClass .section5 .center_top .num2 h3 {*/
    /*margin-bottom: 4%;*/
    /*}*/
    .trialClass .section5 .center_top .num2 {
        display: flex;
        justify-content: center;
        color: #1A6FAF;
        align-items: center;
        flex-direction: column;
    }
    .trialClass .section6 .mtSize {
        margin-top: 0px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 22px;
        padding: 0px;
        width: 54%;
    }
    .trialClassHk .section6 .footer_box .hr {
        width: 20%;
        height: 3px;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        width: 60%;
    }
    .trialClassHk .section3 .item {
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 53%;
    }
    .trialClass .section4 .Image img {
        display: none;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 4%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 28px;
    }
    .trialClass .hangBox .hangTop {
        display: none;
    }
    .trialClass .section2 .videoBox iframe, .trialClass .section2 .videoBox video {
        width: 80%;
    }
    .newsDetails .buttonBox a img {
        width: 60%;
        margin: 5px 0%;
    }
    .trialClassHk .section4 .item_box .num3 {
        width: 40%;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 60%;
    }
    .trialClass .section6 .downBox {
        margin-bottom: 10%;
    }
    .gallery .imgBox,
    .gallery-page .imgBox {
        left: 16%;
        width: 68%;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 20%;
        width: 61%;
    }
    .Faq-Page-cn .section2 .topItem .img {
        top: 1140%;
        left: 0%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        width: 20px;
        height: 20px;
        right: 1%;
        position: absolute;
        z-index: 99;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 22px;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 65%;
        height: 250px;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: 520%;
        right: -2%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: -150%;
        right: 0%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .active {
        padding: 3% 0;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 .topItem .img {
        width: 12%;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 26px;
        margin-bottom: 0%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 38px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 17px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 75%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 32%;
        right: 17%;
        display: block;
        width: 8%;
        height: 15%;
        /*background: red;*/
        z-index: 1000;
    }
    .lucky_draw_page .lucky_img05 {
        height: 146%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -133.2%;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -150%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -146%;
    }
    .summer_courses_page .agesItem .agesUI {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .summer_courses_page .agesItem .agesUI li:first-child {
        margin-top: 5%;
    }
    .summer_courses_page .agesItem .agesUI li {
        margin-bottom: 10%;
    }
    .summer_courses_page .agesItem ul li:first-child {
        margin-right: 0%;
    }
    .summer_courses_page .twoLi li:first-child {
        margin-right: 0%;
    }

    .summer_courses_page .agesItem ul li a p:first-child {
        font-size: 28px;
    }
    .summer_courses_page .agesItem ul li a p:last-child {
        font-size: 58px;
    }
    .summer_courses_page .agesItem ul li {
        width: 200px;
        height: 200px;
    }
    .summer_courses_page #year612 ul li a, .summer_courses_page #year36 ul li a {
        width: 200px;
        height: 200px;
        font-size: 26px;
    }
    .twoLi li a {
        font-size: 18px;
    }
    .comeOthers a {
        font-size: 18px;
        color: white;
        font-weight: bold;
        padding: 1px 15px;
        background: #F39800;
        border-radius: 12px;
    }

    .summer_courses_page .agesItem .agesH3 {
        font-size: 30px;
    }
    .trialClass .section4 .container {
        top: 5%;
    }
    .trialClass .section4 .Mob_img {
        height: 70%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a:last-child {
        right: 5%;
    }
    .trialClass .section8 .swiper .btnP{
        width: 20%;
        top: 44%;
    }
    .trialClass .section8 .swiper .btnN {
        width: 20%;
        top: 44%;
    }
    .trialClass .section5 .center_top .num6 {
        line-height: normal;
        font-weight: bold;
        flex-direction: column;
    }
    .trialClass .section5 .center_top .Citem,
    .trialClass .section5 .center_top .Fitem {
        width: 100%;
        font-size: 32px;
        color:#009F93;
    }
    .trialClass .section5 .center_top .Eitem,
    .trialClass .section5 .center_top .Oitem {
        width: 100%;
    }
    .trialClass .section5 .center_top .num9 {
        display: flex;
        flex-direction: column;
    }
    .trialClass .section5 .center_top .Oitem {
        font-size: 32px;
        font-weight: bold;
    }
    .trialClass .section5 .center_top .Eitem {
        font-size: 18px;
        font-weight: bold;
    }
    .trialClass .section7 .pItem a {
        height: 220px;
    }
    .trialClass .section5 .center_top .Oitem1 {
        font-size: 32px;
        font-weight: bold;
        font-family: 'NunitoExtraBold';
    }
    .trialClass .section5 .center_top .num8 {
        display: flex;
        line-height: initial;
        flex-direction: column;
    }
    .trialClass .section4 .span h4 {
        font-size: 30px;
        font-weight: bold;
    }
    .trialClass .section4 .span {
        top: 12%;
    }
    .trialClass .section4 {
        margin-bottom: 10%;
    }
    .trialClass .section8 .swiper .btnP2,
    .trialClass .section8 .swiper .btnN2{
        top: 35%;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 4%;
    }
    .trialClass .section7 .disF {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section4 .Sw_box {
        margin-top: 0%;
        position: absolute;
        top: 25%;
        padding-top: 0;
    }
    .trialClass .section4 .swiper_box {
        width: 33.3%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
    }
    .trialClass .section8 .swiper .btnP {
        left: 15.5%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 47%;
        left: 15%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 47%;
        right: 0%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 111%;
        font-size: 22px;
    }
    .trialClass .section8 .swiper .PC_img {
        width: 100%;
    }
    .trialClass .section8 .swiper_box {
        width: 50%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 70%;
        font-size: 20px;
        font-weight: bold;
        line-height: initial;
        text-align: center;
        margin-bottom: 0;
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-top: -3%;
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 10%;
    }

    .Intensive_Phonics .section1 .img_box img {
        width: 55%;
        /* height: 100%; */
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 34px;
        text-align: center;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section2 .W_item p {
        width: 70%;
        font-size: 20px;
        margin-top: 2%;
        text-align: center;
        padding-bottom: 5%;
    }
    .Intensive_Phonics .section1 {
        padding: 0;
    }
    .Intensive_Phonics .section4 .H_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .right_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 20px;
        width: 70%;
        text-align: center;
        font-weight: bold;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section4 .D_item,
    .Intensive_Phonics .section4 .a10_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .HBox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .D_item div {
        /*width: 100px;*/
        margin-top: 25%;
    }
    .Intensive_Phonics .section4 .hr {
        margin-bottom: 6%;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
    }
    .Intensive_Phonics .section4 .a14_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .a21_img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .Assess_img img {
        width: 70%;
        margin-top: 15%;
    }

    .Intensive_Phonics .section4 .Mob_asset11,
    .Intensive_Phonics .section1 .rightBox,
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .Mob_asset11 img,
    .Intensive_Phonics .section1 .rightBox img,
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 70%;
    }
    .Primary_Preparation .section2 .ppasset8 img {
        width: 50%;
    }
    .Primary_Preparation .section4 .H_item img {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 6%;
    }
    .Primary_Preparation .section1 .item_box {
        margin-top: 5%;
    }
    .Primary_Preparation .section4 .A_item {
        margin-top: 0%;
    }
    .Primary_Preparation .section4 .HBox {
        margin-top: 10%;
    }
    .Intensive_Phonics .section3 .C_item {
        top: 3%;
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .Assess_img a {
        width: 27%;
        right: 25%;
        height: 15%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 10%;
    }
    .Summer_Monkey .section2 .ageItem {
        text-align: center;
        width: 80%;
    }
    .Intensive_Phonics .section4 .a11_img img {
        width: 70%;
    }
    .Summer_Monkey .section1 .img_box {
        margin-top: 11%;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 20px;
    }
    .Summer_Monkey .section1 .img_box img {
        margin-bottom: -8%;
    }
    .Summer_Monkey .section1 .img_box01 {
        margin-top: 12%;
        margin-bottom: 3%;
    }
    .Cambridge .section1 .F_item {
        font-size: 24px;
        margin-top: 5%;
    }
    .Cambridge .section2 .F_item {
        margin-top: 5%;
    }
    .Cambridge .section4 .F_item {
        margin-bottom: 0%;
    }
    .Cambridge .section4 {
        margin-top: 0%;
    }
    .Cambridge .section4 .YouItem {
        margin-top: 10%;
        display: initial;
    }
    .Cambridge .section4 .hr {
        margin-top: 4%;
    }
    .Cambridge .section4 .Assess_img img {
        margin-top: 0%;
    }
    .Cambridge .section4 .A_item {
        margin-top: 5%;
    }
    .Cambridge .section4 .A_item a {
        width: 13%;
    }
    .Monkey_Tales .section4 .right_box {
        margin-left: 0%;
    }
    .Monkey_Tales .section4 .disCo {
        display: flex;
        justify-content: center;
    }
    .Monkey_Tales .section4 .YouItem {
        display: inline-block;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
        margin-top: -3%;
    }
    .Cambridge .section4 .right_box {
        margin-top: 10%;
    }
    .Cambridge .section4 .P_item {
        margin-top: 10%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Primary_Preparantion36 .section4 .disCo01 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .Primary_Preparantion36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-top: 2%;
    }
    .Primary_Preparantion36 .section4 .H_item img {
        width: 8%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset13 {
        width: 15%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset14 {
        width: 10%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .YouItem02 {
        display: initial;
    }
    .Primary_Preparantion36 .section4 .H_item02 {
        margin-top: 0%;
    }
    .Monkey_Tales .section4 .right_box {
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section4 .Assess_img img {
        margin-top: 20%;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Summer_Monkey36 .section1 .img_box .img03 {
        margin-top: -2%;
    }
    .Monkey_Tales36 .section1 .img_box .img01 {
        width: 70%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Monkey_Tales36 .section4 .disCo01 {
        margin-bottom: 15%;
    }
    .Monkey_Tales36 .section4 .Assess_img {
        margin-top: 10%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 13%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 8%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 5.5%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
        margin-top: -5%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 28px;
    }
    .Cambridge612 .section4 .YouItem {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .right_box {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .F_item {
        margin-bottom: 5%;
        font-size: 36px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 13%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 17%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 19%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 14%;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .trialClass .section6 .mtSize img {
        margin-top: 0%;
    }
    .trialClass .section6 .footer_box {
        margin-top: 0%;
    }
    .trialClass .gallery .benefits {
        padding: 15px;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 5%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 80%;
        margin-left: 10%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 20%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: -2%;
        margin-top: -8%;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
        margin-top: 5%;
    }
    .E-Teaching .section2 .PC_eteacher img {
        width: 50%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
        margin-left: 5%;
    }
    .E-Teaching .section3 .small-img-text {
        padding: 15px 0;
        margin-left: 5%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 1.5rem;
        padding-bottom: 10%;
        width: 80%;
        margin-left: 10%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 30px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 20px;
    }
    .E-Teaching .section4 .uls li img {
        width: 40%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 1.7rem;
        line-height: 30px;
        margin: 5% 0% 3% 0%;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 1.3rem;
        line-height: 30px;
        width: 65%;
        margin-bottom: 15%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 6%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 6%;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 16px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 28px;
        line-height: 33px;
    }
    .E-Teaching .section3 .big-b-title {
        margin-left: 5%;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 22px;
    }
    .ket-layout .section1 .img_box .img01 {
        width: 90%;
        margin-bottom: 1%;
        margin-left: 0%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 15%;
        margin-left: 0%;
    }
    .ket-layout .section2 .center-box .small_box {
        display: none;
    }
    .ket-layout .section4 h4 {
        margin-bottom: 0%;
    }
    .ket-layout .section4 .ket_A_item {
        display: none;
    }
    .ket-layout .section2 .A_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .ket-layout .section4 .center-box .sma_box,
    .ket-layout .section2 .center-box .sma_box {
        display: block;
        margin-bottom: 5%;
    }
    .ket-layout .section4 .A_item {
        margin-top: 2%;
    }
    .ket-layout .section4 .orgBox {
        width: 77%;
    }
    .ket-layout .section4 .hr {
        width: 70%;
        height: 10px;
    }
    .ket-layout .section4 .ket_item img:first-child {
        margin-right: 0%;
    }
    .ket-layout .section4 .ket_item img {
        width: 40%;
        margin-top: 7%;
    }
    .ket-layout .section2 h5 {
        font-size: 18px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 55%;
    }
    .pet-layout .section4 .pet_A_item {
        display: flex;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .pet-layout .section2 .A_item a {
        font-size: 15px;
        width: 17%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        width: 80%;
    }
    .courses-main .gallery-list li a {
        font-size: 14px;
    }
    .courses-main .tab-content .flex-container{
        display: block;
    }
    .courses-main .tab-content .flex-container .text-center{
        font-size: 18px;
    }
    .chinese_character .section4 .C_item .img02,
    .chinese_character .section4 .C_item img {
        width: 6%;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 70% !important;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        text-align: center;
        width: 80%;
        margin-bottom: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 5%;
        margin-top: 10%;
        font-size: 34px;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 50%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img,
    .trialClassS .section7 .pp_img {
        width: 60%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 24px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 5%;
    }
    .trialClassS .section8 .AItem .A_item button {
        padding: 3px 0px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS h4.title-h4 {
        margin-bottom: 5%;
        margin-top: 15%;
    }
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 20%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 12%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12-12 {
        width: 7%;
    }
    .trialClass .section7 .pItem .item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        line-height: initial;
        margin-bottom: 15%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: 0%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 3%;
        bottom: 6%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        line-height: inherit;
        margin-bottom: 0%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .bc,
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
    }
    /*.trialClassT .gallery .benefits .free-ocean {*/
    /*    width: 50%;*/
    /*}*/
    .trialClassT .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .hsbc {
        margin-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        width: 100%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
        width: 80%;
    }
    .trialClassT h4.title-h4 {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean_cn {
        line-height: initial;
    }
    .trialClass .section4 .sm-box{
        top: 20%;
    }
    .trialClass .section4 .sm-box a{
        margin-right: 5%;
    }
    .phVideo .section1 .img1 {
        height: 65px;
    }
    .phVideo .section1 .video-box {
        margin-top: 5%;
    }
    .phVideo .section1 .video-box iframe {
        height: 388px;
    }
    .course-new-page .section1 .img1-1 {
        height: 100px;
    }
    .course-new-page .section1 .img2 {
        height: 80px;
    }
    .benefits_details .section1 .topBox .leftBox {
        top: 32%;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 75%;
    }
    .benefits_details .section7 .span h4 {
        font-size: 30px;
    }
    .benefits_details .section1 {
        padding-top: 12%;
    }
    .trialClassS .tieBox .title-h4 {
        margin-top: 20%;
    }
    .trialClass .benefits .den-box .downBox {
        margin-bottom: 0;
    }
    .trialClass .gallery .gallery-list .tieBox-btn li:first-child {
         margin-right: 0%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore, .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 13%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 19%;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 2%;
    }
    .benefits_details .section8 .swiper_box {
        width: 100%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 35%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 35%;
        right: -25%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 20px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 20px;
    }
    .rrg_hk .title-box {
        margin-top: 25%;
        margin-bottom: 5%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 60%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 40%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .app_show_page img{
        width: 60%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 16px;
    }
}

@media (max-width: 678px) {
    .carousel-images {
        height: 475px;
    }
    .padding-ton .ex-text{
        font-size: 15px;
    }
    .intro-item{
        font-size: 18px;
    }
    .intro-item h1{
        font-size: 20px;
    }
    .intro-item .t-border{
        font-size: 18px;
    }

    .crVideo .section1 .img4 {
        height: 120px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 13px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 8px;
        margin-left: 8%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        margin-left: 8%;
    }
    .trialClass .gallery .gallery-list li a {
        color: #00903d;
        background-color: #FFEFD3;
        font-size: 15px;
        cursor: pointer;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.5rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 1.1rem;
    }
    .trialClass .gallery .benefits {
        padding: 10px;
        border-radius: 30px;
    }
    .trialClass .gallery .stu_can {
        font-size: 1rem;
        margin-top: 5%;
        margin-bottom: 10%;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 5%;
    }
    .trialClass h4.title-h4 {
        margin-bottom: 60px;
        font-size: 24px;
    }
    .trialClass .section4 .swiper .btnP {
        top: 39%;
        left: 14.5%;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        text-align: initial;
    }
    .trialClass .section4 .swiper .btnP,
    .trialClass .section4 .swiper .btnN {
        width: 30%;
    }
    .trialClass .section8 .swiper .btnP2, .trialClass .section8 .swiper .btnN2 {
        top: 33%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 45%;
        right: -9%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 44%;
        left: 12%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 18px;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 18%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 0%;
        margin-top: -7%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 1.5rem;
        line-height: 26px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 26px;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 1.2rem;
        line-height: 20px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 40px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 37%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 1.3rem;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 20px;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 34px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 30px;
    }
    .ket-layout .small-img-text li {
        font-size: 12px;
    }
    .ket-layout .section1 .item_box {
        font-size: 18px;
    }
    .ket-layout .section2 h5 {
        font-size: 15px;
    }
    .ket-layout .section2 .A_item a {
        width: 30%;
    }
    .ket-layout .section4 .center-box .sma_box .item,
    .ket-layout .section2 .center-box .sma_box .item {
        font-size: 15px;
    }
    .ket-layout .section4 .orgBox a {
       margin-left: 6%;
    }
    .ket-layout .section4 .orgBox p {
        width: 100%;
    }
    .ket-layout .section4 .orgBox {
        height: 70px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 65%;
    }
    .pet-layout .section2 .A_item a {
        width: 23%;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 18%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .gallery-list li a {
        font-size: 12px;
    }
    .courses-main .title-p {
        width: 90%;
        font-size: 15px;
    }
    .courses-main .tab-content .tab-pane p {
        font-size: 12px;
    }
    .courses-main-cn .title-p {
        width: 85%;
        font-size: 14px;
    }
    .courses-main-cn .tab-content .tab-pane p {
        font-size: 12px;
    }
    .courses-main-cn .gallery-list li a {
        font-size: 12px;
    }
    .chinese_character .section4 .p_item p,
    .chinese_character .section2 .p_item p {
        font-size: 15px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 20px;
    }
    .chinese_character .section4 .S_item {
        font-size: 14px;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 15px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: 0%;
    }
    .panda_chinese .top_sec5 .F_item {
        margin-bottom: 5%;
    }
    .panda_chinese_cn .section4 .HBox {
        margin-top: 5%;
    }
    .panda_papsk .section4 .A_item a {
        width: 30%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        width: 90%;
        margin-bottom: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 30px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 20px;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 90% !important;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p, .Panda_Course .section2 .center_box .r-item p {
        width: 70%;
        text-align: center;
    }
    .Panda_Course .section2 h4.title-h4 {
        font-size: 24px;
    }
    .Panda_Course h4.title-h4 {
        margin-bottom: 20px;
    }
    .Private_Lesson .top_sec5 .p_item>div img {
        width: 65%;
    }
    .Private_Lesson .top_sec5 .divP p {
        font-size: 15px;
    }
    .trialClassS .section7 .item-img-p p {
        font-size: 15px;
        width: 60%;
        margin-top: 2%;
    }
    .trialClassS .section8 .swiper_box {
        margin-top: 25%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2{
        top: 50%;
    }
    .trialClass .section8 .span h4 {
        font-size: 24px;
    }
    .trialClass .gallery .gallery-list li a {
        background: transparent;
        color: #603813;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-top {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 18px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom1 {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3 {
        margin-top: 5%;
    }
    .trialClassS .section7 .span {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClassS .section7 .span p {
        width: 75%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 18px;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 56%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 235px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        font-size: 13px;
    }
    .trialClassS .section8 .AItem .A_item button {
        padding: 2px 0px;
        font-size: 14px;
        width: 65%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 0%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border-radius: 45px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassS h4.title-h4 {
        margin-top: 20%;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.85rem;
        font-weight: initial;
    }
    .trialClassS .section5 .pagination a {
        padding: 0% 1%;
        font-size: 17px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 30%;
        padding: 1% 0%;
    }
    .Intensive_Phonics .section4 .F_item {
        font-size: 22px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 30%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 22px;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -40%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 10%;
    }
    .trialClass .section8 .swiper_box123 {
        width: 55%;
        margin-top: 5%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 15px;
        width: 40%;
    }
    .trialClass .section7 .pItem a .img {
        width: 65% !important;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -10%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 20px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        width: 100%;
        font-size: 25px;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
        width: 100%;
    }
    .course-new-page .section2 .video-box iframe {
        height: 285px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 22%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 20%;
        width: 93%;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4, .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 22px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 18px;
    }
    .phVideo .section1 .video-box iframe {
        height: 287px;
    }
    .phVideo .section1 .img1 {
        height: 60px;
    }
    .phVideo .section7 {
        margin-top: 35%;
    }
    .course-new-page .section1 .img1-1 {
        height: 80px;
    }
    .course-new-page .section1 .img2 {
        height: 70px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 95px;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 18px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc,
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 13px;
    }
    .trialClass .section6 .downLoad {
        font-size: 12px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 13px;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1 img {
        width: 19%;
    }
    .trialClass .section6 .down_content .contentItem p, .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 11px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 21px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 13px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn {
        margin-top: 15%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        padding-bottom: 2%;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 7.5%;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 6.5%;
    }
    .trialClassS .tieBox li {
        font-size: 15px;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 100%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 480px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 270px;
    }
    .rrg_hk .Download_now .a-btn, .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 18px;
    }
    .rrg_hk .Download_now .qrBox .qr-appStore, .rrg_hk .Download_now .qrBox .qr-google {
        width: 20%;
    }
    .rrg_hk .Download_now .qrBox .logo-img {
        width: 35%;
    }
    .course-new-page .section1 .topBox{
        margin-top: 4%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 55%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 35%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 12px;
    }
}

@media (max-width: 576px){
    .m-box{
        width: 490px !important;
    }
    .m-slide{
        width: 490px !important;
    }
    .m-slide .event-content{
        font-size: 22px;
    }
    /*.m-slide .event-content .event-text{*/
    /*    width: 230px !important;*/
    /*}*/
}

@media (max-width: 468px) {
    .m-box{
        width: 350px !important;
    }
    .m-slide{
        width: 350px !important;
    }
    .m-slide .event-content{
        font-size: 18px;
    }
    .m-slide .event-content .event-text{
        width: 25%;
    }
    .see-all{
        font-size: 14px;
    }
    .carousel-images {
        height: 330px;
    }
    .crVideo .section1 .img4 {
        height: 100px;
    }
    .trialClass .section1  .video-box{
        height: 250px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        text-align: left;
        margin-left: 9%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 160%;
        margin-left: -30%;
        margin-bottom: 54%;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
        margin-top: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 24px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 12px;
    }
    .panda_conver .section4 .F_item {
        margin-bottom: -11%;
    }
    .Panda_Course .section1 h4.title-h4 {
        font-size: 24px;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 17px;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 15px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 24px;
    }
    .Panda_Course .section2 h4.title-h4 {
        font-size: 20px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -25%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 0%;
    }
    .trialClassS .section7 .span h4 {
        font-size: 24px;
    }
    .trialClassS .section8 .Mob_img {
        height: 550px;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border: 5px solid #FED900;
        border-radius: 33px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 16px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 70%;
        font-size: 15px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 3%;
        left: -2%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 202px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.3rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.9rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.7rem;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 130%;
        margin-left: -15%;
        margin-top: 5%;
        line-height: initial;
        margin-bottom: 5%;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 25px;
        height: 25px;
        right: 15px;
        top: 10px;
        font-size: 14px;
    }
    .benefits_details .RedeemRewards .red-p {
        text-align: center;
        font-size: 12px;
        margin-bottom: 5%;
        width: 80%;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 11px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
        padding: 12px 10px;
    }
    .benefits_details .RedeemRewards .detail-box select {
        padding-right: 25%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 65%;
        padding: 1% 0%;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 6%;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 35%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 16px;
    }
    .Primary_Preparation .section2 .F_item {
        font-size: 30px;
    }
    .Primary_Preparation .section2 .ppasset7-8 img {
        margin-top: -8%;
    }
    .Primary_Preparation .section4 .H_item h3 {
        font-size: 28px;
    }
    .Primary_Preparation .section4 .H_item .ppasset15-15 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset16-16 {
        width: 13%;
    }
    .trialClass .section8 .swiper_box123 {
        width: 50%;
        margin-top: 0%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 12px;
        width: 50%;
    }
    .trialClass .section7 .pItem a {
        height: 180px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 18px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -26%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 16px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 100px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 14px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 10px;
    }
    .trialClassS h4.title-h4 {
        margin-top: 5%;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 20px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 15px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 246px;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 90px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 26%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 22%;
        width: 90%;
    }
    .course-new-page .section2 {
        padding-bottom: 10%;
    }
    .trialClass .section4 .span h4 {
        font-size: 20px;
    }
    .trialClass .section4 .sm-box {
        top: 17%;
    }
    .trialClass .section7 .span .item-p {
        font-size: 14px;
        padding: 0% 15%;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 18px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 15px;
    }
    .trialClassA .section7 .pItem .item-p {
       font-size: 11px;
    }
    .phVideo .section1 .img1 {
        height: 45px;
    }
    .phVideo .section1 .img2 {
        height: 45px;
    }
    .phVideo .section1 .img3 {
        height: 50px;
    }
    .phVideo .section1 .video-box iframe {
        height: 229px;
    }
    .phVideo .section7 {
        margin-top: 40%;
    }
    .EarlyAdmission .p-item p {
        font-size: 15px;
    }
    .crVideo .section1 .topBox {
        top: 40%;
    }
    .course-new-page .section1 .camb_Asset41 {
        height: 70px;
    }
    .course-new-page .section1 .camb_Asset45 {
        height: 65px;
    }
    .course-new-page .section1 .img1-1 {
        height: 60px;
    }
    .course-new-page .section1 .img2 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 85px;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 18px;
        text-align: center;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1 img {
        width: 17%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 7%;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        padding: 0% 4.5%;
    }
    .trialClassS .tieBox .title-h4 {
        margin-top: 30%;
        margin-bottom: 5%;
    }
    .trialClassS .benefits .den-box .m-h3 {
        font-size: 17px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 12px;
        text-align: left;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 11%;
    }
    .trialClassS .tieBox li {
        font-size: 12px;
    }
    .trialClassS .gallery #offers #text3 {
        margin-top: 10%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 15px;
    }
    .rrg_hk .title-box {
        margin-top: 35%;
        margin-bottom: 5%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 400px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 225px;
    }
    .rrg_hk .Download_now .a-btn, .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 15px;
    }
    .rrg_hk .gallery {
        padding: 0px 15px;
    }
    .course-new-page .section1 .topBox{
        margin-top: 7%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 50%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 30%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 10px;
    }
}

@media (max-width: 430px) {
    .m-box{
        width: 330px !important;
    }
    .m-slide{
        width: 330px !important;
    }
    .m-slide .event-content{
        font-size: 14px;
    }
    /*.m-slide .event-content .event-text{*/
    /*    width: 125px !important;*/
    /*}*/
    .carousel-images {
        height: 300px;
    }
    .padding-ton .ex-text{
        font-size: 12px;
    }
    .intro-item{
        font-size: 11px;
    }
    .intro-item h1{
        font-size: 12px;
    }
    .intro-item .t-border{
        font-size: 12px;
    }

    .trialClass .section1  .video-box{
        height: 230px;
    }
    .Our_Locations {
        font-size: 24px;
    }
    .trialClass .section1 .left_top a img {
        width: 150px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 52%;
    }
    .trialClass .section1 .left_bottom2 .textItem01 a {
        font-size: 20px;
        line-height: normal;
    }
    .trialClass .section1 .left_bottom2 .textItem02 a {
        font-size: 12px;
    }
    .trialClass .section1 .left_bottom2 .textItem02 {
        margin-top: 2%;
        width: 71%;
    }
    .trialClass .section1 .left_bottom2 {
        padding: 40px 0;
    }
    .trialClass .section3 .span h4, .trialClass .section2 .span h4 {
        font-size: 24px;
    }
    .trialClass .section3 .Item_box .Item01 {
        padding: 0 15px;
    }
    .trialClass .section3 .lis_item li span {
        font-size: 12px;
        bottom: -37px;
        left: -5px;
    }
    .trialClass .section3 .lis_item li a {
        font-size: 14px;
    }
    .trialClass .section3 .lis_item li {
        height: 50px;
        line-height: 50px;
    }
    .trialClass .section3 .lis_item li .span {
        bottom: -37px;
        right: -95%;
    }
    .trialClass .hangBox {
        margin-top: 50px;
    }
    .trialClass .hangBox .san {
        position: absolute;
        top: -10px;
        left: 15%;
        width: 0;
        height: 0;
        border-bottom: 10px solid hsl(48, 100%, 50%);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
    .trialClass .hangBox .leftItem {
        margin-left: 10%;
        padding: 5px 0;
        line-height: normal;
    }
    .trialClass .hangBox .leftItem h3 {
        font-size: 14px;
    }
    .trialClass .hangBox .leftItem span {
        font-size: 12px;
        display: block;
        transform: scale(0.7);
        margin-left: -18%;
    }
    .trialClass .hangBox .rightItem01 {
        right: 13.5%;
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
    }
    .trialClass .hangBox .rightItem {
        right: 12.5%;
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(1) {
        font-size: 30px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(2) {
        font-size: 24px;
        margin: -15px -4px 0px 5px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(3) {
        font-size: 50px;
    }
    .trialClass .hangBox .rightItem .top_item {
        width: 100%;
        height: 60%;
        color: hsl(48, 100%, 50%);
        padding-top: 20px;
    }
    .trialClass .hangBox .rightItem .num {
        font-size: 12px;
        width: 129%;
        color: hsl(48, 100%, 50%);
        transform: scale(0.55);
    }
    .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClass .section4 .big_box .center_img {
        position: absolute;
        bottom: 30%;
        left: calc(100% - 34.5%);
        width: 30%;
    }
    .trialClass .section4 .img_box img {
        height: 200px;
    }
    .trialClass .section4 .item_box {
        height: 150px;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 90px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 17px;
    }
    .trialClass .section5 .center_top .num2 h3, .trialClass .section5 .center_top .num1 {
        font-weight: bold;
        font-size: 24px;
    }
    .trialClass .section5 .center_top .num3 {
        width: 68%;
        font-size: 15px;
    }
    .trialClass .section5 .center_top .num4 {
        width: 57%;
    }
    .trialClass .section5 .center_top .num5 {
        font-size: 14px;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 65%;
        font-size: 24px;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 65%;
        font-size: 13px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 77%;
        font-size: 12px;
        transform: scale(0.8);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 4% 4%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 13px;
    }
    .trialClass .section6 .right_box .top_item h1, .trialClass .section6 .left_box .top_item h1 {
        font-size: 24px;
    }
    .trialClass .section6 .left_box .top_item div {
        font-size: 14px;
    }
    .trialClass .section6 .right_box .top_item,
    .trialClass .section6 .left_box .top_item {
        height: 80px;
    }
    .trialClass .section6 .downLoad {
        font-size: 12px;
    }
    .trialClass .section6 button {
        font-size: 14px;
        padding: 0px 20px;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 12px;
        padding: 0 10px;
    }
    .trialClass .section6 .ItemBox .item .item03 {
        margin-left: 5px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        font-size: 18px;
        padding-right: 2%;
    }
    .trialClass .section3 .text_item .item01 img {
        top: 15%;
        left: 44%;
        height: 75%;
        width: 25%;
    }
    .trialClass .section3 .text_item .item02 .img {
        top: 15%;
        left: 20%;
        height: 75%;
        width: 25%;
    }
    .trialClass .section3 .text_item .item02 .total img {
        width: 15px;
        height: 16px;
        margin-right: 0%;
        margin-top: 15%;
    }
    .trialClass .section3 .text_item .item02 .orange,
    .trialClass .section3 .text_item .item02 .write,
    .trialClass .section3 .text_item .item01 .write,
    .trialClass .section3 .text_item .item01 .green {
        border-top: 12px solid transparent;
        border-bottom: 13px solid transparent;
    }
    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        height: 25px;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 75%;
        text-align: center;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
    }
    .trialClass .section3 .item {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0px;
        width: 57%;
    }
    .trialClass .section4 .item_box .num {
        font-size: 12px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 20px;
    }
    .trialClass .section4 .itemBox .item_box {
        position: absolute;
        top: 62%;
        left: 10%;
    }
    .top_item2 {
        position: absolute;
        top: 100%;
        left: 15%;
        width: 51%;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 3%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 135%;
        left: 15%;
        width: 67%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 1rem;
        padding-left: 0%;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 75px;
    }
    .trialClass .section4 .Image {
        margin-top: 150px;
    }
    .trialClassHk .section6 .footer_box .span {
        padding:0px 10px;
        width: 55%;
    }
    .trialClassHk .section6 .footer_box .item01 {
        margin-top: -30px;
    }
    .imgBox .enlargeImg_wrapper {
        display: none;
    }
    .trialClass .section6 .footer_box .dl_mcf {
        width: 80%;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section6 .footer_box .dl_mcf a img {
        height: 60px;
        margin-bottom: 10px;
    }
    .newsDetails .buttonBox a img {
        width: 70%;
        margin: 5px 0%;
    }
    .trialClassHk .section4 .item_box .num2 {
        width: 85%;
    }
    .trialClassHk .section4 .item_box .num3 {
        width: 60%;
    }
    .trialClass .section2 .videoBox .videoItem {
        height: 100%;
    }
    .trialClassHk .section1 .IphonBox .left_bottom p {
        font-size: 20px;
        line-height: 30px;
    }
    .trialClassHk .section6 .downBox .down_content .contentItem p {
        font-size: 12px;
        text-align: left;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 100%;
        height: 225px;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 24px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 16px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none03,
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none02 {
        display: block;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none04,
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none01 {
        display: none;
    }

    .Faq-Page-cn .section2 .topItem .img01 {
        top: -150%;
        right: 5%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .topItem .img {
        top: 1050%;
        left: 5%;
        width: 15%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .active {
        padding: 4.92% 0;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        right: 5%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        padding-left: 5%;
    }
    .lucky_draw_page .center_item_box .topItem {
        font-size: 18px;
        color: #0071B4;
        font-weight: bold;
        line-height: initial;
    }
    .lucky_draw_page .center_item_box .selectItem .right_item .big_circle,
    .lucky_draw_page .center_item_box .selectItem .left_item .big_circle {
        width: 20px;
        height: 20px;
    }
    .lucky_draw_page .center_item_box .selectItem .role_item {
        font-size: 16px;
        font-weight: bold;
        color: #0071B4;
    }
    .lucky_draw_page .center_item_box .enter_name .name_item {
        font-size: 16px;
    }
    .lucky_draw_page .center_item_box .enter_name form {
        font-size: 16px;
        width: 200px;
        height: 40px;
        border: 2px solid #0071B4;
        margin-bottom: 5%;
    }
    .lucky_draw_page .center_item_box .enter_name input {
        width: 180px;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name .noen_item {
        font-size: 14px;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name {
        height: 35px;
    }
    .lucky_draw_page .center_item_box ._Submit button {
        padding: 5px 20px;
        font-size: 18px;
    }
    .lucky_draw_page .center_item_box ._Prize p:first-child {
        font-size: 32px;
    }
    .lucky_draw_page .center_item_box ._Prize p:last-child {
        font-size: 15px;
    }
    .lucky_draw_page .center_item_box ._Prize {
        line-height: 24px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .footer-bottom02 {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 160%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -147.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -162%;
        line-height: 15px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 20px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 28px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 14px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -168%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 40%;
        width: 20%;
    }
    .lucky_draw_page .center_item_box .topItem01 {
        font-size: 14px;
    }
    .comeOthers a {
        font-size: 14px;
        color: white;
        font-weight: bold;
        padding: 1px 10px;
        background: #F39800;
        border-radius: 10px;
    }
    .trialClass .section8 .AItem .A_item,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 100px;
    }
    .trialClass .section8 .AItem .A_item button,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 12px;
        border-right: 8px;
    }
    .trialClass .section7 .pItem a {
        height: 150px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 15px;
    }
    .trialClass .section7 .pItem .item .psize {
        font-size: 12px;
    }
    .trialClass .section7  .span h4,
    .trialClass .section8  .span h4,
    .trialClass .section4  .span h4 {
        font-size: 20px;
    }
    .trialClass .section5 .center_top .Citem,
    .trialClass .section5 .center_top .Fitem {
        font-size: 24px;
    }
    .trialClass .section5 .center_top .Oitem {
        font-size: 22px;
    }
    .trialClass .section5 .center_top .Eitem {
        font-size: 13px;
    }
    .trialClass .section8 .swiper .btnN,
    .trialClass .section4 .swiper .btnN {
        top: 59%;
        right: 4%;
    }

    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        top: 30.5%;
        width: 29px;
    }
    .trialClass .section8 .swiper .btnP2 {
        top: 30%;
        width: 30px;
    }
    .trialClass .section4 .section8 .swiper .btnP2 {
        top: 43%;
    }
    .trialClass .section3 .span h4 {
        font-size: 18px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 5%;
    }
    .trialClass .section4 .swiper .btnP {
        width: 35px;
        left: 13%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 13.5%;
        width: 33px;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-bottom: 0%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 5%;
    }
    .Intensive_Phonics .section1 .img_box .img03 {
        margin-left: 2%;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 15px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 28px;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 15px;
        margin-top: 5%;
        padding-bottom: 7%;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 2%;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 15px;
    }
    .Intensive_Phonics .section4 .D_item div,
    .Intensive_Phonics .section4 .F_item {
        font-size: 16px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 12px;
        width: 30%;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .O_item {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .hr {
        height: 10px;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 24px;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 8%;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item .H3 {
        font-size: 20px;
    }
    .Summer_Monkey .section1 .img_box .img03 {
        margin-left: 5%;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 15px;
    }
    .Cambridge .section1 .F_item {
        font-size: 20px;
    }
    .Cambridge .section4 .A_item a {
        font-size: 12px;
        width: 23%;
        padding: 0.8% 0%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Cambridge .section4 .P_item {
        margin-top: 13%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -25%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-left: 5%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset90 {
        width: 9%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Summer_Monkey36 .section1 .img_box .img03 {
        margin-top: 1%;
        margin-left: 5%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 12%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 8%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 7.5%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
        margin-top: -5%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 20px;
    }
    .Cambridge612 .section4 .YouItem {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .right_box {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .F_item {
        margin-bottom: 5%;
        font-size: 24px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 11%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 15%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 15%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 12%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        width: 7%;
        left: 21%;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .lucky_draw_page .footer-bottom02 .terms01 {
        padding-bottom: 10px;
    }
    .trialClass .gallery .gallery-list li a {
        font-size: 15px;
    }
    .trialClass h4.title-h4 {
        margin-bottom: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean1 p {
        font-size: 1rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 0.9rem;
    }
    .trialClass .gallery .stu_can {
        font-size: 0.9rem;
        margin-bottom: 0%;
    }
    .trialClass .gallery .benefits {
        margin-top: 10%;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 0.8rem;
    }
    .trialClass .gallery .stu_in {
        font-size: 12px;
    }
    .trialClass .section6 .downBox {
        border-top: 2px solid #B72831;
        border-bottom: 2px solid #B72831;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 15px;
    }
    .trialClass h4.title-h4 {
        font-size: 24px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .mo-tex {
        font-size: 12px;
    }
    .trialClass .gallery .benefits {
        padding: 10px;
        border-radius: 25px;
    }
    .trialClass .section4 .swiper .btnP img, .trialClass .section4 .swiper .btnN img {
        width: 100%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 18px;
        line-height: 20px;
        margin-top: -10%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 24px;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 0.9rem;
        line-height: 15px;
    }
    .E-Teaching .section2 .PC_Plus img {
        width: 12%;
    }

    .E-Teaching .section3 .small-img-text img {
        width: 25px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 12px;
    }
    .E-Teaching .section3 .BG2_qwe .container {
        top: 3%;
        left: 0%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 14px;
        padding-bottom: 5%;
        width: 80%;
        margin-left: 10%;
        padding-top: 0px;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 5%;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 47%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 18px;
        line-height: 20px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 15px;
        line-height: 20px;
        width: 70%;
        margin-bottom: 15%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 0%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 28px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 13px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text img {
        width: 20px;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: -3%;
        margin-top: -4%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
    }
    .ket-layout .small-img-text img {
        width: 15px;
        margin-right: 3px;
    }
    .ket-layout .small-img-text li {
        padding-right: 15px;
    }
    .ket-layout .section1 .img_box .img01 {
        margin-bottom: 4%;
    }
    .ket-layout .section4 h4, .ket-layout .section2 h4 {
        font-size: 20px;
    }
    .ket-layout .section2 h5 {
        font-size: 12px;
    }
    .ket-layout .section4 .center-box .sma_box .item, .ket-layout .section2 .center-box .sma_box .item {
        font-size: 12px;
    }
    .ket-layout .section4 .center-box .sma_box .top_item h3, .ket-layout .section2 .center-box .sma_box .top_item h3 {
        font-size: 16px;
    }
    .ket-layout .section4 .center-box .sma_box .item,
    .ket-layout .section2 .center-box .sma_box .item {
        height: 60px;
    }
    .ket-layout .section4 .center-box .sma_box .top_item,
    .ket-layout .section2 .center-box .sma_box .top_item {
        height: 40px;
    }
    .ket-layout .section4 .center-box .sma_box .itemP,
    .ket-layout .section2 .center-box .sma_box .itemP {
        height: 70px;
    }
    .ket-layout .section4 .center-box .sma_box .itemS,
    .ket-layout .section2 .center-box .sma_box .itemS {
        height: 110px;
    }
    .ket-layout .section4 h4 {
        font-size: 20px;
        margin-bottom: 3%;
    }
    .ket-layout .section4 .center-box .sma_box .itemY {
        height: 265px;
    }
    .ket-layout .section4 .center-box .sma_box .itemG {
        height: 110px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 80%;
        height: 55px;
    }
    .pet-layout .section2 .A_item a {
        font-size: 12px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 20%;
    }
    .pet-layout .section4 .A_item a {
        font-size: 12px;
        width: 20%;
    }
    .pet-layout .section4 .orgBox img {
        width: 20px;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        font-size: 12px;
    }
    .chinese_character .section2 .p_item p {
        width: 50%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 15px;
    }
    .chinese_character .section4 .S_item {
        font-size: 12px;
    }
    .chinese_character .section4 .HBox {
        margin-top: 5%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 100%;
        margin-top: 10%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 150%;
        margin-left: -25%;
    }
    .chinese_character_cn .section4 .C_item .img02, .chinese_character_cn .section4 .C_item img {
        width: 7%;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: 3%;
    }
    .panda_papsk .section4 .A_item a {
        width: 35%;
    }
    .panda_papsk .section4 .p_item p, .panda_papsk .section2 .p_item p {
        width: 65%;
    }
    .panda_papsk .title-box .title {
        font-size: 24px;
    }
    .panda_papsk .section4 .san-3 img {
        width: 30%;
    }
    .panda_papsk_cn .title-box .sk-p {
        font-size: 15px;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 75% !important;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 20px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -25%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 0%;
    }
    .panda_chinese .section4 .p_item div>img {
        width: 40% !important;
    }
    .Private_Lesson .top_sec5 .divP p {
        font-size: 12px;
        width: 70%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        font-size: 12px;
    }
    .trialClassS .section8 .Mob_img {
        height: 500px;
    }
    .trialClassS .section8 .span h4 {
        font-size: 20px;
    }
    .trialClassS .section7 .item-or {
        font-size: 28px;
    }
    .trialClass .section7 .span h4 {
        font-size: 20px;
    }
    .trialClassS .section7 .item-img-p img {
        width: 15%;
    }
    .trialClassS .section7 .item-img-p p {
        font-size: 12px;
        width: 60%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 50%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 100%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 70%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 16px;
    }
    .trialClassS .section8 .Mob_img {
        height: 435px;
    }
    .trialClassS .section7 .item-or {
        font-size: 24px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 14px;
    }
    .trialClassS .section8 .swiper .PC_img {
        width: 90%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 13px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 2%;
        left: 23%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 60%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 182px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 68%;
        left: 10%;
        font-size: 12px;
        width: 80%;
    }
    .trialClassS h4.title-h4 {
        margin-bottom: 0px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-img img {
        width: 11%;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 120%;
        margin-left: -11%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.8rem;
    }
    .trialClassS .section5 .pagination a {
        padding: 0% 1%;
        font-size: 12px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 15px;
        margin-top: -3%;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -55%;
        font-size: 12px;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 9%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -13%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 14px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        bottom: 17%;
        left: 6%;
    }
    .trialClassT h4.title-h4 {
        margin-bottom: 12%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn02 {
        bottom: 25%;
    }
    .course-new-page .section6 .title-box p {
        margin: 0 0px 10% auto;
    }
    .chat-room-new .section6 .title-box p {
        margin: 0 0 0px auto;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4,
    .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 20px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 15px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 12px;
    }
    .phVideo .section1 .video-box iframe {
        height: 205px;
    }
    .course-new-page .section6 .big-border-b {
        height: 8px;
        margin: 5% 0% 15% 0%;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 100%;
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 0%;
    }
    .benefits_details .section1 {
        padding-top: 25%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore,
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 20%;
        margin-top: -6%;
        margin-left: 3%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 25%;
        margin-left: -30%;
        margin-top: -8%;
    }
    .benefits_details .gallery .gallery-list ul {
        margin-bottom: 10%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        margin-left: 1%;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 11px;
        padding: 0% 5%;
        line-height: initial;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 21px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1rem;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 7.5%;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 8.5%;
    }
    .benefits_details .section7 .Asset346 {
        margin-top: 15%;
    }
    .benefits_details .section7 .span .rrg_btn {
        margin-top: 0%;
        margin-bottom: 10%;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -25%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 30%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 30%;
        right: -22%;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 12px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 360px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 203px;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 40%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 25%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 9px;
    }
    .gallery-list .item-benefits .contentItem img {
        width: 20px;
        margin-right: 10px;
    }
    .gallery-list .item-benefits .contentItem .text {
        font-size: 12px !important;
        font-weight: bold;
    }

}

@media (max-width: 390px) {
    .m-box{
        width: 300px !important;
    }
    .m-slide{
        width: 300px !important;
    }
    .trialClass .section1  .video-box{
        height: 220px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 18px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 165%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -152.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -162%;
        line-height: 13px;
    }
    .lucky_draw_page .footer-bottom02 {
        font-size: 12px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 41%;
        right: 13%;
        width: 20%;
        height: 6%;
    }
    .lucky_draw_page .center_item_box ._Submit button {
        padding: 3px 18px;
        font-size: 18px;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 20%;
    }
    .trialClass .gallery .gallery-list li a {
        font-size: 12px;
    }
    .trialClass .gallery .benefits {
        width: 86%;
    }
    .trialClass .gallery .benefits {
        width: 80%;
        border-radius: 15px;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 1rem;
        line-height: 20px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 0.8rem;
        line-height: 18px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 22px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 18px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
        width: 100%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 15px;
        line-height: 18px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 13px;
        width: 82%;
        margin-left: 9%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 26px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text img {
        width: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 200%;
        margin-left: -50%;
        margin-bottom: 15%;
    }
     .benefits_details .gallery .benefits {
        width: 100%;
        border-radius: 25px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 202px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 30%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 24%;
    }
    .trialClass .section7 .span .item-p {
        font-size: 12px;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4, .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 18px;
    }
    .phVideo .section1 .video-box iframe {
        height: 185px;
    }
    .course-new-page .section1 .camb_Asset41 {
        height: 60px;
    }
    .course-new-page .section1 .camb_Asset45 {
        height: 50px;
    }
    .course-new-page .section1 .img1-1,
    .course-new-page .section1 .img2 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 73px;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span{
        font-size: 18px;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.7rem;
    }
    .trialClass .section6 .downLoad1 {
        margin-top: 5px;
    }
    .trialClass .section6 .downLoad {
        font-size: 11px;
    }
    .trialClass .benefits .den-box .faqs_regBox .item2 img {
        width: 8%;
        margin-right: 2%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 8%;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 11px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 11px;
    }
    .trialClass h4.title-h4 {
        font-size: 20px;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 15%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 9.5%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 30%;
        right: -21%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 330px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 186px;
    }
}

@media (max-width: 375px) {
    .Our_Locations {
        font-size: 20px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 62%;
        line-height: normal;
    }
    .trialClass .section1 .left_bottom2 .textItem02 {
        margin-top: 2%;
        width: 85%;
    }
    .trialClass .section3 .Item_box {
        width: 79%;
    }
    .trialClass .section3 .item {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 80%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 16px;
    }
    .trialClass .section4 .item_box .num {
        font-size: 12px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 14px;
    }
    .trialClass .section5 .center_top .num3 {
        width: 68%;
        font-size: 13px;
    }
    .trialClass .section5 .center_top .num4 {
        width: 58%;
    }
    .trialClass .section5 .center_top .num5 {
        font-size: 12px;
    }
    .trialClass .section5 .center_top .num2 h3, .trialClass .section5 .center_top .num1 {
        font-size: 22px;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 59%;
        font-size: 22px;
        color: #1A6FAF;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 70%;
        font-size: 12px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 90%;
        font-size: 12px;
        transform: scale(0.7);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 3% 2%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 12px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 2px 3px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        font-size: 15px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        font-size: 12px;
        padding-right: 0%;
    }
    .trialClass .section3 .text_item .item02 .total img {
        width: 12px;
        height: 12px;
        margin-right: 2%;
        margin-top: 12%;
    }
    .trialClass .section3 .text_item .item02 .img {
        left: 25%;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 85%;
        text-align: center;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 0%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 120%;
        left: 15%;
        width: 55%;
    }
    .trialClass .section4 .Image {
        margin-top: 100px;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClassHk .section6 .footer_box .span {
        padding: 0px 10px;
        width: 65%;
    }
    .trialClassHk .section6 .footer_box .hr {
        width: 15%;
        height: 3px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 14px;
    }
    .trialClassHk .section6 .downBox .down_content .contentItem p {
        font-size: 12px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 5px;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 0.9rem;
        padding-left: 0%;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 70px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none04 {
        display: block;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none03 {
        display: none;
    }
    .lucky_draw_page .lucky_img05 {
        height: 176%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -163.2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 28px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 20px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -185%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -178%;
        line-height: 12px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 41%;
        right: 15%;
        width: 20%;
        height: 5%;
    }
    .comeOthers a {
        font-size: 12px;
        color: white;
        font-weight: bold;
        padding: 1px 9px;
        background: #F39800;
        border-radius: 9px;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        width: 29px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        padding: 0;
    }
    .trialClass .section4 .swiper .btnP {
        left: 12%;
        width: 30px;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 12%;
        width: 29px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 11%;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 24px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 24px;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 24px;
    }
    .Intensive_Phonics .section4 .H_item .H3 {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 10%;
        margin-top: 0%;
    }
    .Intensive_Phonics .section4 .A_item a {
        width: 35%;
    }
    .Cambridge .section4 .A_item a {
        width: 25%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 18px;
    }
    .Cambridge612 .section4 .S_item {
        font-size: 14px;
    }
    .Cambridge612 .section4 .H_item img {
        width: 11.5%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 22%;
    }
    .trialClass .gallery .stu_can {
        font-size: 12px;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 0%;
    }
    .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 17px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 15px;
        line-height: 18px;
        margin-top: -10%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 20px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 13px;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 0.9rem;
        line-height: 17px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 0.7rem;
        line-height: 17px;
        width: 70%;
        margin-bottom: 15%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 12px;
        line-height: 14px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 50%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 1%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 24px;
    }
    .ket-layout .section1 .item_box {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .hr {
        height: 5px;
    }
    .ket-layout .section4 .orgBox {
        height: 80px;
    }
    .ket-layout .section2 .A_item a {
        width: 50%;
    }
    .pet-layout .section2 .A_item a {
        font-size: 12px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 22%;
    }
    .pet-layout .section4 .A_item a {
        font-size: 12px;
        width: 22%;
    }
    .ket-layout .section2 .A_item a {
        width: 26%;
    }
    .pet-layout-cn .section4 .orgBox {
        height: 50px;
    }
    .pet-layout-cn .section4 .orgBox {
        width: 95%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 170%;
        margin-left: -33%;
        margin-bottom: 50%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 18px;
    }
    .chinese_character .section2 .p_item img {
       width: 45%;
    }
    .chinese_character .section2 .p_item p {
        font-size: 12px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 15px;
    }
    .chinese_character .section4 .C_item .img02, .chinese_character .section4 .C_item img {
        width: 7%;
    }
    .chinese_character .small-img-text li {
        padding-right: 25px;
    }
    .chinese_character .small-img-text img {
        width: 15px;
        margin-right: 5px;
    }
    .panda_chinese .section4 .p_item p {
        font-size: 12px;
        width: 40%;
    }
    .panda_chinese .top_sec5 .p_item img {
       width: 50%;
    }
    .panda_papsk .section4 .A_item a {
        width: 40%;
    }
    .panda_papsk .section4 .p_item p,
    .panda_papsk .section2 .p_item p {
        width: 65%;
    }
    .panda_papsk_cn .title-box .sk-p {
        font-size: 12px;
    }
    .Panda_Course .section1 h4.title-h4 {
        font-size: 20px;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 14px;
    }
    .Panda_Course .section4 .F_item, .Panda_Course .section2 .F_item {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 12px;
    }
    .Panda_Course .section2 h4.title-h4 {
        font-size: 15px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 12px;
    }
    .trialClassS .section8 .swiper .PC_img {
        width: 100%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 155px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 85%;
        padding: 0px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        width: 88%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 2%;
        left: 35%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byBc {
        font-size: 0.75rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.75rem;
    }
    .trialClassS .section6 .detail-img-1 a {
        padding: 3% 7%;
        font-size: 12px;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 17px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box label {
        top: -15px;
        left: 0px;
        font-size: 10px;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 10px;
        padding: 12px 10px;
    }
    .benefits_details .RedeemRewards .detail-box select {
        padding-right: 25%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 70%;
        padding: 1% 0%;
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 17px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 13px;
    }
    .Primary_Preparation .section2 .S_item p {
        font-size: 15px;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 10px;
        width: 44%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 12px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -23%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 8px;
    }
    .trialClass .section8 .AItem .A_item, .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 85px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 4%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.53rem;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 15px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 12px;
    }
    .trialClass .section8 .AItem .A_item button {
        font-size: 10px;
        width: 100%;
        border: 1px solid #008845;
    }
    .trialClassT .section6 .downBox .down_box img {
        width: 8%;
        margin-right: 4%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassT .gallery .benefits {
        width: 100%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 30%;
    }
    .trialClassA .gallery .gallery-list .nat-an .item-coming {
        font-size: 18px;
        margin-top: 0%;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 11px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 13px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 11px;
    }
    .phVideo .section1 .video-box iframe {
        height: 173px;
    }
    .phVideo .section1 .img1 {
        height: 40px;
    }
    .phVideo .section1 .img2 {
        height: 40px;
    }
    .phVideo .section1 .img3 {
        height: 45px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 310px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 174px;
    }
    .rrg_hk .Download_now .a-btn {
        border: 1px solid #603813;
        border-radius: 5px;
    }
}

@media (max-width: 366px) {
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 200%;
        margin-left: -50%;
        margin-bottom: 50%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 17px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 150px;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 15px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.7rem;
    }
    .benefits_details .RedeemRewards .detail-box select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/freeDown.png) no-repeat center right 8px transparent;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 12px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 189px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 33%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 30%;
        width: 90%;
    }
    .course-new-page .section1 .img1-1 {
        height: 40px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 65px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 9px;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 11px;
    }
    .phVideo .section1 .video-box iframe {
        height: 166px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 9.5%;
    }

}

@media (max-width: 320px) {
    .Our_Locations {
        font-size: 18px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 68%;
        line-height: normal;
    }
    .trialClass .section3 .Item_box {
        width: 94%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 12px;
        transform: scale(0.85);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 2% 0%;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 12px;
        transform: scale(0.8);
        padding: 0 0px;
    }
    .trialClass .section6 .footer_box .hr {
        width: 13%;
    }
    .trialClass .section6 .ItemBox .item .item02 {
        margin-left: 0px;
    }
    .trialClass .section6 .ItemBox .item .item03 {
        margin-left: -4px;
    }
    .trialClass .hangBox {
        margin-top: 50px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        padding-top: 3px;
    }
    .trialClass .section3 .text_item .item02 .total img {
        margin-right: 0%;
        margin-top: 20%;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 100%;
    }
    .trialClass .section3 .span h4, .trialClass .section2 .span h4 {
        font-size: 20px;
    }
    .trialClass .section4 .span h4 {
        font-size: 17px;
    }
    .trialClass .section3 .span h4 {
        font-size: 13px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 12px;
    }
    .trialClass .section4 .itemBox .item_box {
        top: 59%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 96%;
        left: 15%;
        width: 55%;
    }
    .trialClass .section4 .Image {
        margin-top: 50px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 100%;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 80%;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 75%;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClassHk .section5 .center_top .num2 h3 {
        font-size: 21px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
        padding: 0px 20px;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        width: 80%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 0.8rem;
        padding-left: 0%;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 22px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 30px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 13px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 195%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -182.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -200%;
        line-height: 12px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -210%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 35%;
        right: 15%;
        width: 20%;
        height: 14%;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name .noen_item {
        font-size: 12px;
    }
    .lucky_draw_page .center_item_box .topItem01 {
        font-size: 12px;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        width: 30px;
    }
    .trialClass .section8 .swiper .btnP2{
        width: 30px;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 12.5%;
        width: 30px;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 12px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 12px;
        width: 80%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 80%;
    }
    .Intensive_Phonics .section1 {
        margin-top: 75px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 17px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 12%;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 14px;
    }
    .Intensive_Phonics .section4 .A_item01 a {
        width: 40%;
    }
    .Cambridge .section4 .A_item a {
        width: 30%;
    }
    .Cambridge .section4 .S_item {
        width: 70%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 24%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 8.5%;
    }
    .trialClass .section5 .center_top .num4 {
        width: 62%;
    }
    .gallery .gallery-list li a {
        padding: 5px 8px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 0.1rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.9rem;
        line-height: 1rem;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 13px;
        line-height: 16px;
        margin-top: -10%;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 16px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 15px;
        margin-right: 0px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 12px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 60%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 0.8rem;
        line-height: 15px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 12px;
        line-height: 16px;
        width: 75%;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
        width: 100%;
        margin-left: 0%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 18px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text {
        padding: 5px 0;
    }
    .E-Teaching .section3 .right_box_cn .right-box {
        margin-top: 0%;
    }
    .ket-layout .section4 .center-box .sma_box .itemY {
        height: 330px;
    }
    .ket-layout .section4 .orgBox {
        height: 90px;
    }
    .ket-layout-cn .section4 .orgBox {
        height: 60px;
    }
    .chinese_character_cn .section4 .C_item .img02, .chinese_character_cn .section4 .C_item img {
        width: 9%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 220%;
        margin-left: -62%;
        margin-bottom: 70%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 12px;
    }
    .panda_papsk .title-box .sk-p {
        font-size: 12px;
    }
    .panda_papsk .section4 .A_item a {
        width: 50%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        width: 100%;
        margin-bottom: 5%;
    }
    .trialClassS .section8 .Mob_img {
        height: 360px;
    }
    .trialClassS .section7 .span h4, .trialClassS .section8 .span h4 {
        font-size: 14px;
    }
    .trialClassS .section8 .span {
        top: -5%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 80%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border: 4px solid #FED900;
        border-radius: 25px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 45%;
        left: 7%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 1%;
        left: 15%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 130px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 55%;
        left: 7%;
        font-size: 12px;
        width: 90%;
    }
    .trialClassS .section8 .AItem .A_item_ps {
        bottom: 34%;
    }
    .trialClassS .section8 .AItem .A_item_smallAs {
        top: 64%;
    }
    .trialClassS .section8 .AItem .A_item_smallR {
        top: 62%;
    }
    .trialClassS .section8 .AItem .A_item_pt {
        bottom: 30%;
    }
    .trialClassS .section8 .AItem .A_item_pz {
        bottom: 22%;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 10px;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 50%;
        padding: 1% 0%;
        font-size: 10px;
    }
    .benefits_details .RedeemRewards .detail-box .input-group input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 4px 15px;
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 10px;
        padding: 8px 10px;
    }
    .Intensive_Phonics .section4 .D_item div, .Intensive_Phonics .section4 .F_item {
        font-size: 12px;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -55%;
        font-size: 8px;
    }
    .trialClass .section7 .pItem a {
        height: 110px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -37%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 7px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 2%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 0.95rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 12px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 10px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        font-size: 10px;
    }
    .course-new-page .section1 .img1-1 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 55px;
    }
    .phVideo .section1 .video-box iframe {
        height: 143px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 267px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 150px;
    }
}

@media (max-width: 300px) {
    .lucky_draw_page .lucky_img05 {
        height: 200%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 19px;
        margin-top: 0%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -196%;
        line-height: 12px;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -187.2%;
    }
    .trialClass .section8 .swiper .btnN, .trialClass .section4 .swiper .btnN {
        right: -0.5%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 23%;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 0%;
    }
    .trialClass h4.title-h4 {
        font-size: 20px;
    }
    .trialClass .gallery .benefits {
        padding: 5px;
        border-radius: 20px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.8rem;
        line-height: 0.8rem;
    }
    .trialClass .gallery .gallery-list li {
        padding: 0 3px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 0.9rem;
        line-height: 16px;
        margin-top: -10%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 15px;
    }
    .E-Teaching .section3 .item_box {
        width: 85%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 250%;
        margin-left: -76%;
        margin-bottom: 70%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 12px;
    }
    .chinese_character .section4 .C_item .img02, .chinese_character .section4 .C_item img {
        width: 9%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 2%;
        margin-top: 3%;
    }
}