@media (max-width:1366px) {
    .box2 .smBox {
        font-size: 16px;
    }
}


@media (max-width:768px) {
    .fixed-top {
        position: static;
        background: #000;
    }
    .banner {
        height: unset;
        padding-top: 13%;
    }
    .banner .centerBox {
        top: 60%;
    }
    .banner video {
        display: none;
    } 
    .banner img {
        display:block;
        width: 100%;
    }
    .banner .centerBox p {
        font-size: 16px;
        margin-bottom: 5px;
    }
    /* box1 */
    .box1 .container-fluid {
        height: unset;
    }
    .box1 .bigRow {
        width: 100%;
        padding: 15% 0;
    }
    .box1 .svgRow {
        margin-bottom: 3%;
    }
    .box1 .left .bigTit {
        font-size: 20px;
    }
    .box1 .left .smTit {
        font-size: 16px;
    }
    .box1 .btCont svg {
        display: none;
    }
    .box1 .btRow {
        width: 100%;
    }
    .box1 .btRow .bigTit {
        font-size: 23px;
    }
    .box1 .right img {
        display: none;
    }
    .box1 .btBox::after {
        height: 15%;
        bottom: 10px;
    }
    /* box2 */
    .box2,
    .box3 {
        display: none;
    }
    /* box2 */
    .box2-phone {
        display: block;
        background-size: 100% 100%;
        padding: 5% 10%;
    }
    .box2-phone .container-fluid {
        margin-bottom: 15%;
    }
    .box2-phone .row {
        margin: 5% 0;
    }
    .box2-phone .thinkTit {
        font-size: 26px;
        font-weight: 600;
    }
    .box2-phone .thinkCont {
        font-size: 20px;
        text-align: justify;
    }

    /* phBox */
    .box2-phone .row .phBox {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        width: 100%;
        height: 100%;
        background-size: 30%;
        background-position: 50% 65%;
    }
    .box2-phone .bigOne {
        background: url(../../resources/images/edu-imgs/child1.png) no-repeat;
    }
    .box2-phone .bigTwo {
        background: url(../../resources/images/edu-imgs/child2.png) no-repeat;
    }
    .box2-phone .bigThree {
        background: url(../../resources/images/edu-imgs/child3.png) no-repeat;
    }
    .box2-phone .bigFour {
        background: url(../../resources/images/edu-imgs/child4.png) no-repeat;
    }


    .box2-phone .phTit {
        font-size: 20px;
        font-weight: 600;
    }
    .box2-phone .phCont {
        font-size: 16px;
        text-align: justify;
    }

    .button {
        display: flex;
        justify-content: end;
        padding: 0 5% 0 0;
      }
    .button .more {
        width: 150px;
        height: 50px;
        background-color: rgba(18, 150, 219, 1);
        color: white;
        font-size: 16px;
        border: 0;
        border-radius: 5px;
        transition: transform .2s;
    }
    .more:hover{
        transform: scale(1.05);
    }

}