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

    .gift img {
        padding: 0px;
    }

    .gift_box{
        margin-bottom: 50px;  
    }

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

    .checkBoxDescription {
        font-size: 16px;
    }

    .mbb_1{
        margin-bottom: 20px;
    }
    

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

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

    }

    .people img {
        padding: 20px;
    }  

    .people1 {
        right: -70px;
    }

    .people2 {
        left: -70px;
    }
}

@media (max-width: 991.98px) {

    /* 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) {

    .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 {

        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 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .gift img{
        padding: 0px;
    }
    

    .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) {

    /* 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) {
    a .btnTool {
        width: 100%;
    }

    .btnTool1 {
        width: 80%;
    }

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

@media (max-width: 375.98px) {
    /* .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;
    } */
}