@media (max-width: 1199.98px) {
    /* Cover */
    .mainCoverBox {
        background:url("../images/mainCoverBG-s.jpg") no-repeat top left;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 613px;
    }
    .mainCover-trophy {
        left: -80px;
    }
	.mainCover-trophy img {
		width: 60%;
	}
    .mainCover-mainSlogan {
        margin-top: 280px;
		margin-left: 113px;
    }
    .mainCover-subSlogan {
        margin-top: 420px;
        margin-left: 191.5px;
    }
	
    /* Numerical Value Box  */
    .numericalValueBox {
		height: 128px;
        margin-top: 24px;
		position: inherit;
    }
	
	/* Show All Class */
    .showAllClassBox {
        background:url("../images/footerCover-s.jpg") no-repeat bottom center;
        background-size: contain;
        overflow: hidden;
        object-fit: contain;
        width: 100%;
    }
	
}

@media (max-width: 991.98px) {
    /* Cover */
    .mainCover-trophy {
        left: -120px;
    }
	.mainCover-trophy img {
		width: 48%;
	}
    .mainCover-mainSlogan {
		margin-left: inherit;
    }
    .mainCover-subSlogan {
        margin-left: 71.5px;
    }
	.mainCover-boy, .mainCover-girl {
		right: -100px;
	}
	.mainCover-boy img, .mainCover-girl img {
		width: 98%;
	}
	
	/* Numerical Value */
	.numericalValueBox-description {
		line-height: 24px;
	}
	.breakText {
		display: block;
	}
	
    /* Show All Class */
    .allClass-title {
        margin-bottom: 12px;

    }
    .showAllClassBox [class*="col-"] {
		border: none;
        margin: 15px 0;
    }
    .showAllClassBox [class*="col-"]:nth-child(2n+1) {
        border-right: 1px solid #C9CACA;
    }
	
    /* Show All Class Information */
    .showAllClassBox .classInfoCard [class*="col-"] {
        border-right: 1px solid #C9CACA;
    }
    .showAllClassBox .classInfoCard [class*="col-"]:last-child {
        border-right: none;
    }
    .classInfoCard ul li {
        line-height: 24px;
    }
	
}

@media (max-width: 767.98px) {
    /* Cover */
    .mainCover-trophy {
		bottom: 250px;
        left: -70px;
    }
	.mainCover-trophy img {
		width: 50%;
	}
    .mainCover-mainSlogan {
		margin-left: inherit;
		margin-top: 380px;
    }
    .mainCover-subSlogan {
        margin-left: inherit;
		margin-top: 483px;
    }
	.mainCover-subSlogan img {
		width: 90%;
	}
	
	/* Forms */
	.checkBoxBtn p {
        margin-bottom: 15px;
    }
	
    /* Show All Class */
    .showAllClassBox [class*="col-"] {
        border-right: none!important;
		margin: 15px 0;
		min-height: inherit;
    }
	
}

@media (max-width: 575.98px) {
	/* Base */
	.contentBox {
		padding: 24px 0;
	}
    .pageTitle {
        font-size: 26px;
        line-height: 32px;
        padding: 0 0 12px 0;
    }
	
    /* Cover */
    .mainCover-trophy {
		left: -50px;
		z-index: 2;
    }
    .mainCover-mainSlogan {
		margin-left: inherit;
    }
    .mainCover-subSlogan {
        margin-left: inherit;
    }
	.mainCover-boy, .mainCover-girl {
		z-index: 1;
	}
	.mainCover-boy img, .mainCover-girl img {
		width: 90%;
	}
	
	/*  Numerical Value Box */
    .numericalValueBox {
        height: 78px;
    }
	.numericalValueBox-digital {
		font-size: 32px;
	}
	.numericalValueBox-description {
		font-size: 14px;
		line-height: 17px;
	}
	
	/* Page Description */
    .pageDescriptionBox {
        font-size: 19px;
        line-height: 27px;
    }
	
	/* Class Description */
    .classDescription-title {
        font-size: 22px;
    }
	
	/* Forms Content Box */
    .pageTitle h4 {
        font-size: 22px;
    }
    .form-check {
        padding-left: 0;
    }
	
	/* Show All Class */
    .allClass-title {
        font-size: 21px;
    }
	
}

@media (max-width: 419.98px) {
    /* Cover */
    .mainCover-trophy {
		bottom: 180px;
		left: -60px;
    }
    .mainCover-mainSlogan {
		bottom: 100px;
    }
    .mainCover-subSlogan {
        bottom: 0;
    }
	
	/* Show All Class */
	.showAllClassBox {
		padding-bottom: 110px;
	}
    .textBreak {
		display: block;
    }
}

@media (max-width: 367.98px) {
    /* Cover */
    .mainCoverBox {
        background:url("../images/mainCoverBG-s.jpg") no-repeat top left;
        background-size: cover;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 468px;
    }
    .mainCover-trophy {
		bottom: 160px;
		left: -70px;
    }
	.mainCover-trophy img{
		width: 40%;
	}
	.mainCover-mainSlogan {
		bottom: 85px;
	}
	.mainCover-subSlogan {
		bottom: 0;
	}
	.mainCover-boy, .mainCover-girl {
		right: -130px;
	}
	.mainCover-boy img, .mainCover-girl img {
		width: 70%;
	}
}