@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
    .mainCover-left {
        margin-top: 30px;
    }
}

@media (max-width: 768.98px) {
    .mainCover-right img {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .mainCover {
        min-height: 768px;
    }

    .mainCover-left {
        left: 80px;
        order: 2;
        position: absolute;
        top: 320px;
    }

    .mainCover-left img {
        width: 80%;
    }

    .mainCover-right {
        order: 1;
        left: 120px;
        top: 0;
    }

    .mainCover-right img {
        width: 65%;
    }

    .box-2 h1 {
        font-size: 27px;
        line-height: 56px;
    }

    .box-2 h1 i {
        font-size: 24px;
    }

    .box-2 .card .line-right {
        display: none;
    }

    .box-4 .class-box .class-left-box {
        height: 100%;
    }
}

@media (max-width: 575.98px) {
    .mainCover {
        min-height: 598px;
    }

    .mainCover-left {
        left: 40px;
        top: 210px;
    }

    .mainCover-left img {
        width: 90%;
    }

    .mainCover-right {
        left: 90px;
    }

    .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: 479.98px) {
    .mainCover {
        min-height: 468px;
    }

    .mainCover-left {
        left: 30px;
        top: 160px;
    }

    .mainCover-right {
        left: 70px;
    }
}

@media (max-width: 419.98px) {
    .mainCover {
        min-height: 468px;
    }

    .mainCover-left img {
        width: 100%;
    }

    .mainCover-left {
        left: 0;
        top: 160px;
    }

    .mainCover-right {
        left: 40px;
    }

    .mainCover-right img {
        width: 75%;
    }
}

@media (max-width: 367.98px) {

    .mainCover-left {
        top: 200px;
    }

    .mainCover-right {
        left: 0;
    }

    .mainCover-right img {
        width: 100%;
    }
}