@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:768px)  and (max-width:999px) {

    .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: 991.98px) {

    .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 (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 (max-width: 767.98px) {

    .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;
        
        }

    .woman {
        display: none;
    }

    .man{
        display: none;
    }


    .ferris-wheel{
        display: none;
    }

    .carousel-cont{
        display: none;
    }

    .W2, .W3, .W4, .W6, .W7, .W8 {
        width: 18vw;
    }
    .W1{
        width: 18vw;
    }
    
    .W5{
        width: 28vw;
        top: -5vw;
        position: relative;
    }

    .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: 30.8%;
        padding-left: 14.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%;
    }


    .content_3 span {
        display: inline-block;
        line-height: 1.8;
    }

    .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: 12px;}

    .people1,.people2{
        display: none;
    }


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

    .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;
    }

 

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

    .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;
    } */
}