@media (max-width: 1199.98px) {
    /* Cover */
    .mainCoverBox {	
        background: url("../images/mainCoverBG-m.jpg") no-repeat center center;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 613px;
    }
    .mainCover-ticktets {
        bottom: -80px;
        left: -50px;
        width: 40%;
    }
    .mainCover-girl {
        bottom: -250px;
        right: -200px;
        width: 55%;
    }
    .mainCover-mainSlogan {
        top: 0;
        width: 90%;
    }
    .mainCover-subSlogan {
/*        top: -75px;*/
        width: 70%;
    }
    .mainCoverDescription {
        font-size: 34px;
/*        top: -30px;*/
    }
    
}

@media (max-width: 991.98px) {
	/* Cover */
    .mainCover-ticktets {
        bottom: -50px;
        left: -40px;
        width: 45%;
    }
    .mainCover-girl {
        bottom: -250px;
        right: -140px;
        width: 55%;
    }
    .mainCover-mainSlogan {
        top: 0;
        width: 90%;
    }
    .mainCover-subSlogan {
/*        top: -45px;*/
        width: 70%;
    }
    .mainCoverDescription {
        font-size: 32px;
/*        top: -30px;*/
    }
}

@media (max-width: 767.98px) {
    /* Cover */
    .mainCoverBox {	
        width: 100%;
        height: 468px;
    }
    .mainCover-ticktets {
        bottom: -50px;
        left: 0;
        width: 50%;
    }
    .mainCover-girl {
        bottom: -180px;
        right: -100px;
        width: 55%;
    }
    .mainCover-mainSlogan {
        top: 0;
        width: 90%;
    }
    .mainCover-subSlogan {
/*        top: -30px;*/
        width: 65%;
    }
    .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;
    }
}

@media (max-width: 575.98px) {
	/* Cover */
    .mainCoverBox {	
        background: url("../images/mainCoverBG-s.jpg") no-repeat center center;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 468px;
    }
    .mainCover-ticktets {
        bottom: 0;
        left: 0;
        width: 55%;
        z-index: 30;
    }
    .mainCover-girl {
        bottom: -38px;
        right: 0;
        width: 55%;
    }
    .mainCover-mainSlogan {
        top: -20px;
    }
    .mainCover-subSlogan {
        top: -10px;
        width: 90%;
    }
    .mainCoverDescription {
        font-size: 24px;
        top: -60px;
        z-index: 30;
    }
}

@media (max-width: 419.98px) {
	/* Cover */
    .mainCover-ticktets {
        bottom: 0;
        left: -20px;
        width: 60%;
        z-index: 30;
    }
    .mainCover-girl {
        bottom: -60px;
        right: -15px;
        width: 62%;
    }
    .mainCover-mainSlogan {
        top: 30px;
    }
    .mainCover-subSlogan {
        margin-top: 60px;
        width: 90%;
    }
    .mainCoverDescription {
        font-size: 19px;
        top: -50px;
    }

}

@media (max-width: 367.98px) {
    /* Cover */
    .mainCoverBox {	
        height: 398px;
    }
	/* Cover */
    .mainCover-ticktets {
        bottom: 0;
        left: -30px;
        width: 70%;
        z-index: 30;
    }
    .mainCover-girl {
        bottom: -85px;
        right: -40px;
        width: 70%;
    }
    .mainCover-mainSlogan {
        margin-top: 0;
    }
    .mainCover-subSlogan {
/*        top: -15px;*/
        width: 90%;
    }
    .mainCoverDescription {
        font-size: 17px;
/*        top: -5px;*/
    }
	
	/* Forms */
    .form-check {
         padding-left: 0; 
    }
}