@media (max-width: 1700px) {
    .balloon{
    
       z-index: -5;
    }

    .balloon_box_5 img {
        width: 7vw;
    }


    .balloon_box_6 img {
        width: 7vw;
    }

 }


 @media (min-width: 767px) and (max-width: 768px) {

    .second_img {
        width: 44%;
        margin: -60px auto 0 auto;
    }
 }


/* @media (min-width: 1500px) and (max-width: 1860px)  {


    .note_img img {
        width: 6vw;
    
       
    }

    .note_img {
        position: absolute;
        top: 0vw;
        left: -2.8vw;
        padding-top: 0%;
        padding-left: 0%;
    }


}

 */

@media (max-width: 900px) {


    .gift {
    
        padding-bottom: 17%;
        padding-right: 40%;
       
    }

    .balloon_box_3 img {
        width: 17vw;
    }

    .balloon_box_3 {
    
        padding-top: 8%;
        padding-right: 6%;
   
    }

    .balloon_box_2 {

        padding-bottom: 60%;
        padding-left: 7%;

    }


    .balloon_box_2 img {
        width: 17vw;
    }



    .mainCoverBox_1 .woman img {
        width: 100vw;
    }

    .woman{
          padding-right: 0%;  
          padding-bottom: 29px;
    }

    .mainCoverBox_1 .title img {
        width: 90vw;
    }

    .title {
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        padding-top: 31%;
        padding-left: 5%;
    }

    .W2, .W3, .W4, .W6, .W7, .W8 {
        width: 18vw;
    }
    .W1{
        width: 18vw;
    }
    
    .W5{
        width: 18vw;
     
    }

    .hat img {
        width: 11.614583vw !important;
    }


    .hat{
        position: absolute;
        top: -7.5vw;
        left: -4vw;
    }
    



    .people_4{
        display: none;
    }

    .h1_word {
        display: flex;
        position: absolute;
        top: 0px;
        left: 0;
        padding-top: 33.8%;
        padding-left: 4.5%;

        z-index: 1;
    }
    
    .mainCoverContainer_1 .gift img {
        padding: 0px;
        margin-bottom: 20px;
        width: 20vw;
    }
  

} 





@media (max-width: 1440.98px) {



    /* Cover */
    .mainCoverBox .container {
        max-width: 100% !important;
    }

}

@media (max-width: 1199.98px) {



    /* future */
    .futureBox .oneBox {
        display: none;
    }

    .futureBox .twoBox {
        display: block;
    }
}

@media (min-width:769px)  and (max-width:999px) {

    .second_img {
        width: 74%;}


    .coupon_1 {
        width: 80%;
    }

    .first-framebigbox::before {
        position: absolute;
        top: -70px;
        left: -36px;
        content: '';
        background: url(../images/title_1.svg) no-repeat center center;
        width: 60%;
        height: 300px;
        z-index: 1;
    }

    .first-framebigbox_1::before {
        position: absolute;
        top: -70px;
        left: -36px;
        content: '';
        background: url(../images/title_1.svg) no-repeat center center;
        width: 60%;
        height: 300px;
        z-index: 1;
    }

    .gift_bigbox {
        position: absolute;
        bottom: -83px;
        right: -84px;
        width: 220px;
    }


    .gift_bigbox_1 {
        position: absolute;
        bottom: -53px;
        left: -84px;
        width: 260px;

    }


    .gift_bigbox_2 {
        position: absolute;
        bottom: -53px;
        right: -84px;
        width: 220px;
    }

    .gift_box {

        top: 25px;
    }


    .gift_box p {

        padding: 8px 16px;
        font-size: 21px;
        border: solid 2px white;
        
 
    }

    .gift_box span {
        font-size: 10px;
    }

    .gift img {
        padding: 0px;
    }

   

    .checkBoxBtn p, .pageTool a {
        font-size: 16px;
    }

    .checkBoxDescription {
        font-size: 16px;
    }

    .mbb_1{
        margin-bottom: 10px;
    }
    

    .cloud-wh{
        margin-top: -84px;
    }

    .formsBox input, .formsBox select{
        height: 35px;
        font-size: 16px;

    }

    .people img {
        padding: 20px;
    }  

    .people1 {
        right: -70px;
    }

    .people2 {
        left: -70px;
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 30%;}

        .swiper-button-next, .swiper-rtl .swiper-button-prev {
            right: -22px;
            left: auto;
        }

        .swiper-button-prev, .swiper-rtl .swiper-button-next {
            left: -22px;
            right: auto;
        }
}



@media (max-width:1000px) {

    .three_form_box {
        width: 100%;
    }

    .imgbox h3 {
        background-color: #ffe52c;
        border: solid 2px #2c243b;
    }

    .three_img {
        width: 74%;
    }

 

    .line{
        display: none;
    }


    
    .icon_box{
        flex-direction: column;
        margin-bottom: 0;
    }


    .imgbox img {
        width: 44vw;
    }


    .icon_imgbox {
        width: 100%;
      
    }

    .icon_imgbox + .icon_imgbox{
        margin-top: 50px; 
    }
    }

@media (max-width: 991.98px) {

    


    .note_img img {
        width: 10vw;
    }

    .note_img {
        position: absolute;
        bottom: 8vw;
        left: -4.7vw;
        padding-top: 0%;
        padding-left: 0%;
    }


    .people_4 {
        width: 40%;
        position: absolute;
        top: 70px;
        right: -170px;
    }
    

    /* Cover */
    .mainCoverBox_1 {
        background: url("../images/bgc-ph.webp") no-repeat bottom center;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        /* height: 800px; */
    }

    .mainCover-mainSlogan {
        left: 10%;
        width: 78%;
    }

    .mainCover-mainSlogan img {
        width: 100%;
    }

    .mainCover-mainSlogan1-1 {
        left: 20%;
    }

    .mainCover-mainSlogan1-2 {
        left: 14%;
    }

    .mainCover-mainSlogan2 {
        right: 10%;
    }

    .giveAwayBox .card-body .contentText {
        height: 100px;
    }

    .mainCover-mainSlogan2 {
        margin-top: 4%;
    }

    .btnTool1 {
        width: 80%;
    }
}



@media(min-width: 768px) and (max-width: 991.98px) {

    .note_img img {
        width: 10vw;
    }

    .note_img {
        position: absolute;
        top: 90px;
        left: -4.7vw;
        padding-top: 0%;
        padding-left: 0%;
    }
}

@media (max-width: 768.98px) {




    .pageTitle_2 p {
        font-size: 22px;
}

    .mainCover-mainSlogan {
        left: 0;
        width: 100%;
    }

    .mainCover-mainSlogan1-1 {
        left: 15%;
    }

    .mainCover-mainSlogan1-2 {
        left: 8%;
    }

    .mainCover-mainSlogan2 {
        right: -2.5%;
    }
}


@media (min-width: 700px) and (max-width: 768px) {

    .second_box {
        padding: 30px 25px 20px 40px;
        width: 100%;
        margin-bottom: 150px;
    }
}


@media (min-width: 570px) and (max-width: 699px) {

    .second_box {
        padding: 30px 25px 20px 40px;
        width: 90%;
        margin-bottom: 150px;
    }

    .note_img {
        position: absolute;
        bottom: 9vw;
        left: -5.7vw;
        padding-top: 0%;
        padding-left: 0%;
    }

    .second_box::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 24px;
        right: -24px;}

        .note_img img {
            width: 12vw;
        }
    

}

@media (max-width: 569px) {

    .second_box::before{
        top: 17px;
    right: -17px;    
    }

  .second_box{
    width: 95%;
    padding: 30px 15px 20px 15px;
    margin-bottom: 90px;
    margin-top: 60px;
  }  

  .note_img{
    display: none;
  }
}

@media (max-width: 767.98px) {

    .form-box .share-box .share-line::before{
        display: none;
    }

    .form-box .share-box .share-fb::before {
        display: none;
    }

    .input_2 {
        width: 30% !important;}

    .form-box ::placeholder{
        font-size: 16px;
    }

    .input-code {
        width: 40% !important;
    }

    .three_form_box{
        margin-top: 50px;  
        width: 95%;
        padding: 11px 20px 11px;
    }

    .three_form h1 {
        margin-top: 0px;
    }

    .imgbox h3{
background-color: #ffe52c;
border: solid 2px #2c243b;

    }

    .line{
        display: none;
    }


       

    .caption_box {
        margin-top: 10px;
    }


    .three_img{
        width: 90%;
        margin:0px auto 0 auto;
    }
    
    
    .three_img img{
        width: 100%;
    }



    .content_3 {
        padding: 30px 0 60px 0;
        
    }

    .second_p span {

        width: 21px;
        height: 21px;
        font-size: 15px;
    }


    .second_img {
        width: 100%;
        margin: -65px auto 0 auto;
        
    }

    .second_p p {
        text-align: justify;
        line-height: 1.5;
        margin-top: 10px;
    }



    .gift {
    
        padding-bottom: 17%;
        padding-right: 40%;
       
    }

    .balloon_box_3 img {
        width: 17vw;
    }

    .balloon_box_3 {
    
        padding-top: 8%;
        padding-right: 6%;
   
    }

    .balloon_box_2 {

        padding-bottom: 60%;
        padding-left: 7%;

    }


    .balloon_box_2 img {
        width: 17vw;
    }



    .mainCoverBox_1 .woman img {
        width: 100vw;
    }

    .woman{
          padding-right: 0%;  
          padding-bottom: 29px;
    }

    .mainCoverBox_1 .title img {
        width: 90vw;
    }

    .title {
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        padding-top: 31%;
        padding-left: 5%;
    }



    .formsContentBox_1{
        background-attachment: scroll;
    }

    .btnTool1 p {
        font-size: 20px;
    }

    .hotCoursesBox .card-body {
        padding: 10px 10px;
    }

    .hotCoursesBox .card-body .card-title {
        font-size: 21px;
    }

    .hotCoursesBox ul li {
        font-size: 19px;
    }


    .hotCoursesBox .card {
        margin: 0 30px;
    }

    .gift_box_1{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    

    .dot_1{

        line-height: 1.5;
        
        }

   

    .ferris-wheel{
        display: none;
    }

    .carousel-cont{
        display: none;
    }

    .W2, .W3, .W4, .W6, .W7, .W8 {
        width: 18vw;
    }
    .W1{
        width: 18vw;
    }
    
    .W5{
        width: 18vw;
     
    }

    .hat img {
        width: 11.614583vw !important;
    }


    .hat{
        position: absolute;
        top: -7.5vw;
        left: -4vw;
    }
    



    .people_4{
        display: none;
    }

    .h1_word {
        display: flex;
        position: absolute;
        top: 0px;
        left: 0;
        padding-top: 33.8%;
        padding-left: 4.5%;

        z-index: 1;
    }


    .h2_word {
        display: flex;
        position: absolute;
        top: 0px;
        left: 2px;
        padding-top: 50.8%;
        padding-left: 8.5%;
        z-index: 1;
    }
  

    .content_3 h2 {
        font-size: 25px;}

        .content_3 h1 {
            font-size: 22px;}


    .active{
        width: 100%;
    }

    .content_3 h3 {
        color: #3e3a39;
        font-size: 16px;
    
    }

    .content_3 .span{
        font-size: 16px;
        position: static;
        display: inline-block;
      margin-top: 3px;
        text-align: center;
        line-height: normal;
        
    }
    

    .people_4 {
        width: 40%;
        position: absolute;
        top: 0px;
        right: -140px;
    }

    .caption_box{
        position: relative;
        width: 100%;
    }


  

    .circle_1{
    
        width: 70%;
        margin-top: 30px;
    }
    


    .swiper-slide {
        padding: 7px;}


    .first-framebox{
        width: 96%;
        margin: 0 auto;
    }

    .first-framebigbox::before {
        left: -19px;
        width: 80%;
    }
    .first-framebigbox_1::before {
        left: -19px;
        width: 80%;
    }


    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 35%;}

        .swiper-button-next, .swiper-rtl .swiper-button-prev {
            right: -21px;
            left: auto;
        }

        .swiper-button-prev, .swiper-rtl .swiper-button-next {
            left: -21px;
            right: auto;
        }

    .gift_2 p {
        font-size: 18px;
        margin-bottom: 15px;
        letter-spacing: 0;
    }

    .gift_2{
        margin-bottom: 20px;
    }

    .first-frame {

        height: auto;
    }

    .content_2 {

        background: url(../images/bgc_2_ph.webp) no-repeat center center;
        background-color: #fff6ee;
        background-size: cover;
     
    }


    .coupon_box{
        margin: 0;
    }

    .people_gift_2 {
        width: 26%;
        position: absolute;
        bottom: -10px;
        right: -80px;
        top:auto
    }


    .people_gift_1 {
        width: 26%;
        position: absolute;
        bottom: -10px;
        left: -80px;
        top:auto
    }

    .ribbon {
        width: 100%;
        margin: 0 auto;
    }

    .coupon_box{
        flex-direction: column;
    }

    .coupon_1{
        width: 90%;
    }

    .gift_bigbox {
        position: absolute;
        bottom: -83px;
        right: -34px;
        width: 210px;
    }


    .gift_bigbox_1 {
        position: absolute;
        bottom: -73px;
        left: -34px;
        width: 260px;
    }

    .gift_bigbox_2 {
        position: absolute;
        bottom: -53px;
        right: -34px;
        width: 210px;
    }


    .gift_box {
        top: 31px;
    }

    .first-frame{
        display: flex;
        flex-direction: column;
    }

    .formsBox input, .formsBox select {

        height: 38px;
    }
    
    .gift_box p{
        font-size: 24px;
    }


    .mbb_1 {
        margin-bottom: 10px;
    }

    .div {
        display: inline;
    }

    .yellow_content p {
        display: inline;
    }

    .yellow_content span {
        font-size: 19px;
    }

    .hotCoursesBox .card{
        margin: 0 30px;  
    }

    .pageTitle_3 h1 {
        font-size: 22px;
        padding: 12px 30px;
     
    }

    .formsBox input, .formsBox select{
        font-size: 16px;  
    }

    .checkBoxBtn p, .pageTool a {
        font-size: 20px;
    }


    .checkBoxDescription {
        font-size: 16px;
    }

    .caption th:not(:last-child):after, .caption td:not(:last-child):after {
        height: 23px;
    }

    .caption th, .caption td {
        vertical-align: middle;
        font-size: 17px;
        padding: 10px;}

    .people1,.people2{
        display: none;
    }


    .caption th {
        font-size: 17px;
    }

    .caption span{
display: block;
line-height: 1.4;
    }

    .pageTitle_3_p h1 {
        font-size: 22px;
    }

    .pageTitle_3_p p {
        font-size: 18px;
    }

    .content_2 {
        margin-top: -2px;
    }

    /* .pageTitle_3  span{
        display:block ;
    } */

    .pageTitle_1::after {

        width: 195px;
    }

 

    .mainCoverContainer_1  .gift img{
        padding: 0px;
        margin-bottom: 20px;
        width: 20vw;
    }
    

    .cloud-wh img{
        position: relative;
        top: 3px;
       
    }

    .people {
        width: 210px;
        bottom: -97px;
        right: -50px;
    }

    .content_1{

        background-color:white;
        background: none;
    }

    /* .yellow_title span{
        display: inline-block;
    } */


    .boxx p {
        font-size: 25px;
    }    

    .boxx h1 {
        font-size: 29px;
    }


    .yellow_title h1 {
        font-size: 22px;
        padding: 14px;
        width: 90%;
        line-height: 1.3;
    }

    .yellow_content p {
        font-size: 19px;
        word-break: break-all;
    }

    .yellow_content {
        width: 90%;
        padding: 20px 20px 65px 20px;
    }

    .content_1 {
        background-color: white;
        padding: 0px 0 50px 0;
        margin-top: 30px;
    }


    .images {
        z-index: 33;
        position: relative;
        width: 60%;
    }

    .count{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /* .mainCoverBox_1{
      padding-top: 40px;
    } */
    

    .cloud-wh {
        width: 100%;
        height: 100%;
        margin-top: -20px;
    }

    .mainCover-mainSlogan_1{
        padding: 15px 0;
        width: 95%!important;
        min-height: auto;
    }

    .mainCover-mainSlogan_2 {
        width: 70%;
    }


    .mainCoverContainer_1 {
        flex-direction: column;
        justify-content: flex-end;
}






    a .btnTool {
        width: 40%;
    }

    .giveAwayBox .pageTitle h1 br {
        display: block;
    }

    .giveAwayBox .card-body .contentText {
        height: 120px;
    }

    /* Forms */
    .textBreak {
        display: block;
        padding-left: normal;
    }
}

@media (max-width: 575.98px) {

    .circle_1{
    
        width: 80%;
        margin-top: 30px;
    }
    


    .people_gift_2 {
        width: 26%;
        position: absolute;
        bottom: -60px;
        right: -20px;
        top: auto;
    }


    .people_gift_1 {
        width: 26%;
        position: absolute;
        bottom: -60px;
        left: -20px;
        top: auto;
    }


    /* Cover */
    /* .mainCoverBox {
        height: 700px;
    } */

    .mainCover-mainSlogan {
        left: -13%;
        width: 115%;
    }

    .mainCover-mainSlogan1-1 {
        left: 2%;
    }

    .mainCover-mainSlogan1-2 {
        left: 60%;
        top: 23%;
    }

    .mainCover-mainSlogan2 {
        right: -10%;
    }

    .giveAwayBox .card-body .contentText {
        height: auto;
    }

    .pageTitle h1 {
        font-size: 22px;
        line-height: 36px;
    }

    .pageTitle h2 {
        font-size: 27px;
        line-height: 36px;
    }

    .pageTitle h3 {
        font-size: 22px;
        line-height: 36px;
    }

    .advantageBox .card-body {
        font-size: 21px;
        line-height: 36px;
    }

    .pageTitle p {
        font-size: 19px;
        line-height: 36px;
    }

    /* future */
    .futureBox .twoBox {
        display: none;
    }

    .futureBox .threeBox {
        display: block;
    }
}

@media (max-width: 425.98px) {



    .p_1{
        text-align: left!important;
        line-height: 1.2;
        font-size: 14px;
        width: 90%;
        margin: 10px auto;
    }

    .balloon_box_5 img {
        width: 13vw;
    }

    .balloon_box_6 img {
        width: 13vw;
    }

    .balloon_box_7 img {
        width: 13vw;
    }


    .balloon_box_8 img {
        width: 13vw;
    }
    

    .content_3_p p {
        
        font-size: 33px;}

    .circle img {
        width: 80%;
    }

    .first-framebigbox::before {
        width: 100%;
        left: -8px;
        top: -70px;
    }

    .first-framebigbox_1::before {
        width: 100%;
        left: -8px;
        top: -70px;
    }

    .first-framebox{
        width: 90%;
        margin: 0 auto;
    }

    .content_2 {
        padding: 50px 0 90px 0;
    }

    .people_gift_1 {
        width: 26%;
        position: absolute;
        bottom: -90px;
        left: -20px;
        top: auto;
    }


    .people_gift_2 {
        width: 26%;
        position: absolute;
        bottom: -90px;
        right: -20px;
        top: auto;
    }

    a .btnTool {
        width: 100%;
    }

    .btnTool1 {
        width: 80%;
    }

    /* .mainCoverBox {
        height: 600px;
    } */
}

@media (max-width: 375.98px) {

    .content_3 h3{
        text-align: left;    
    }
    .content_3 .span{
        text-align: left;  
    }
    /* .mainCoverBox {
        height: 550px;
    } */
}

@media (max-width: 367.98px) {

    /* Cover */
    .mainCoverDescription {
        font-size: 17px;
        top: -5px;
    }

    /* Forms */
    .form-check {
        padding-left: 0;
    }

    .formsDateBox {
        width: 250px;
        font-size: 18px;
    }
}

@media (max-width: 320.98px) {
    /* .mainCoverBox {
        height: 500px;
    } */
}