@media (max-width: 1199.98px) {
    .mainCover-right {
        right: 350px;
    }
}

@media (max-width: 991.98px) {
    .textBreak {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .mainCover {
        min-height: 768px;
    }

    .girl {
        position: absolute;
        top: 2%;
        right: 7%;
        padding-top: 0%;
        padding-right: 0%;
        z-index: 3;
    }

    .girl img {
        width: 85vw;
    }


    .mainCover-good img {
        /* order: 2; */
        padding-right: 50px;
    }

    .mainCover-description {
        /* order: 1; */
        padding-left: 55%;
    }

    .mainCover-left {
        left: 0;
        order: 2;
        position: absolute;
        top: 180px;
    }

    /* .mainCover-left img {
        width: 38%;
    } */

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

    .mainCover-right {
        order: 1;
        right: 0;
        top: 15px;
    }

    .mainCover-right img {
        max-width: 100%;
        height: auto;
    }

    .mainCover-right-flipx {
        transform: rotateY(180deg);
    }

    .mainCover-infoBox-1 h3,
    .mainCover-infoBox-2 h3 {
        font-size: 27px;
        padding: 6px 0;
    }

    .mainCover-infoBox-1 h4 {
        font-size: 18px;
        line-height: 21px;
        margin: 15px 0;
    }

    .mainCover-infoBox-2 h4 {
        font-size: 18px;
        text-align: center;
        line-height: normal;
        padding: 6px 0;
    }

    .netForm h4 {
        font-size: 32px;
        text-align: center;
    }

    .netForm h4 span {
        font-size: 38px;
        margin: 12px 0;
    }
}

@media (max-width: 575.98px) {
    .mainCover {
        min-height: 598px;
    }

    .mainCover-left {
        top: 210px;
    }

    .mainCover-good img {
        padding-right: 10px;
    }

    .box-3 h1 {
        font-size: 29px;
        line-height: 35px;
    }

    .box-4 h2 {
        font-size: 29px;
        line-height: 35px;
    }

    .textBreak {
        line-height: 32px;
    }

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

@media (max-width: 419.98px) {
    .mainCover {
        min-height: 468px;
    }

    .mainCover-left {
        top: 160px;
    }

    .mainCover-good img {
        width: 30%;
    }
}

@media (max-width: 367.98px) {

    .mainCover-left {
        top: 200px;
    }
}