@media (max-width: 1199.98px) {

    /* Cover */
    .mainCoverBox {
        background: url("../images/mainCoverBG-m.jpg") no-repeat bottom center;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 613px;
    }

    .mainCoverBox .container {
        max-width: 900px;
    }

    .mainCover-mainSlogan {
        top: 10px;
        right: 0;
    }

    .ticketdBoxDiscount {
        font-size: 130px;
    }

    .ticketdBox {
        width: 100%;
        text-align: center;
    }

    .mainCoverDescription {
        font-size: 34px;
        top: -30px;
    }

}

@media (max-width: 991.98px) {

    /* Cover */

    .mainCover-mainSlogan {
        position: relative;
        width: 100%;
        top: 15px;
        right: 0;
        text-align: center;
    }

    .mainCoverDescription {
        font-size: 32px;
        top: -30px;
    }

    .ticketdBoxDiscount {
        font-size: 100px;
        -webkit-text-stroke: 0px white;
    }

    .ticketdBoxDiscount2 {
        font-size: 92px;
        -webkit-text-stroke: 0px white;
    }

    .ticketdBoxDiscount span {
        font-size: 36px;
    }

    .ticketdBoxDiscount2 span {
        font-size: 36px;
    }

    .ticketdBoxTwo {
        padding: 30px;
    }

    .ticketdBoxTree {
        padding: 30px;
    }
}

@media (max-width: 767.98px) {

    /* Cover */
    .mainCoverBox {
        width: 100%;
        height: 468px;
    }

    .mainCoverDescription {
        font-size: 27px;
        top: 10px;
    }

    /* Button */
    .btnTool {
        background: #666aff;
        color: #FFFFFF !important;
    }

    .hotCoursesBox .btnTool {
        background: #FFFFFF;
        color: #666aff !important;
    }

    /* Forms */
    .textBreak {
        display: block;
        padding-left: normal;
    }

    .ticketdBoxDiscount {
        font-size: 92px;
        text-align: center;
    }

    .ticketdBoxDiscount2 {
        font-size: 92px;
        line-height: 50px;
        margin-top: 15px;
        padding-top: 30px;
        text-align: center;
    }
}

@media (max-width: 575.98px) {

    /* Cover */
    .mainCoverBox {
        background: url("../images/mainCoverBG-s.jpg") no-repeat bottom center;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 550px;
    }

    .mainCover-mainSlogan {
        width: 100%;
    }

    .mainCoverDescription {
        font-size: 24px;
        top: -15px;
        z-index: 30;
    }

    .pageTitle h1 {
        font-size: 30px;
        line-height: 48px;
    }

    .pageTitle h2 {
        font-size: 30px;
        line-height: 48px;
    }

    .ticketdDescriptionBox .pageTitle .badge {
        font-size: 18px;
    }

    .ticketdBoxDiscount2 {
        font-size: 52px;
    }
}

@media (max-width: 419.98px) {

    /* Cover */
    .mainCoverBox {
        height: 400px;
    }

    .mainCoverDescription {
        font-size: 19px;
        top: 0;
    }

    .ticketdBoxOne {
        width: 100%;
        height: auto;
    }

    .ticketdBoxTwo {
        width: 100%;
        height: auto;
    }

    .ticketdBoxTree {
        width: 100%;
        height: auto;
    }

    .ticketdBoxDiscount2 {
        font-size: 92px;
        line-height: 50px;
        padding: 15px 0;
    }

    .ticketdBoxTwoText01 {
        width: 100%;
    }

    .ticketdBoxTwoText02 {
        width: 100%;
        padding: 30px 15px;
        text-align: center;
    }

}

@media (max-width: 367.98px) {

    /* Cover */
    .mainCoverBox {
        height: 350px;
    }

    .mainCoverDescription {
        font-size: 17px;
        top: -5px;
    }

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

    .ticketdDescriptionBox .pageTitle .badge {
        font-size: 18px;
        padding: 8px 15px;
    }
}