@media only screen and (max-width:991px) {
	.top-section {
		padding: 40px 0;
	}
	.mt-40 {
		margin-top: 30px;
	}
	.mt-30 {
		margin-top: 20px;
	}
	.pd-40 {
		padding: 30px 0;
	}
	.heading h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.guide-box h3 {
		font-size: 16px;
		margin-top: 5px;
	}
	.guide-box p {
		font-size: 12px;
		line-height: 18px;
	}
	.advantage-box {
		border-radius: 10px;
		padding: 10px;
	}
	.advantage-box h3 {
		font-size: 16px;
	}
	.advantage-box p {
		font-size: 12px;
		line-height: 18px;
		margin-top: 5px;
	}
	.advantage-box .icon {
		margin-top: -24px;
	}
	.section02 .col-md-3 {
		margin: 25px 0 0 0;
	}
	.section03 .cnt ul li h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.section03 .cnt ul li {
		margin-top: 12px;
		padding-top: 12px;
		padding-left: 14px;
	}
	.section03 .cnt ul li:before {
		top: 22px;
	}
	.section03 .cnt ul li p {
		font-size: 12px;
		line-height: 20px;
	}
	.top-section:before {
		display: none;
	}
	.open-block .right-box h3 {
		font-size: 24px;
		line-height: 30px;
	}

	.phase-box-outer .phase-box h3 {
		width: 90px;
		padding: 20px 5px;
	}
	.phase-box-outer .phase-box ul {
		padding: 0;
		width: calc(100% - 90px);
	}
	.phase-box-outer .phase-box ul li h4 {
		font-size: 14px;
	}
	.phase-box-outer .phase-box ul li p {
		font-size: 11px;
	}
	.phase-box-outer .phase-box ul li:before {
		left: -10px;
	}
	.scholarship-block .cnt h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.scholarship-block .cnt h3 {
		font-size: 20px;
	}
	.scholarship-block .cnt h4 {
		font-size: 16px;
	}
	.aim-block {
		gap: 10px;
	}
	.aim-block .icon {
		width: 60px;
	}
	.aim-block .cnt h2 {
		font-size: 18px;
		line-height: 24px;
	}
	.aim-block .cnt p {
		font-size: 14px;
		line-height: 20px;
		margin-top: 2px;
	}
	.schedule-block {
		gap: 15px;
	}
	.schedule-block .schedule-box ul li {
		font-size: 14px;
	}
	.schedule-block .schedule-box .bottom-box {
		padding: 10px;
		font-size: 14px;
	}
	.top-block .left-block h1 {
		font-size: 30px;
		line-height: 38px;
		margin-top: 30px;
	}
	.top-block .left-block p {
		font-size: 20px;
		line-height: 26px;
	}
	.top-section .container:before {
		bottom: -40px;
		width: 390px;
		height: 300px;
	}
	.top-blue-cnt {
		padding: 20px 0;
		font-size: 16px;
	}
	.champions-bottom-block {
		margin-top: 20px;
	}
	.champions-bottom-block ul {
		flex-wrap: wrap;
	}
	.champions-bottom-block ul li {
		width: calc(50% - 10px);
		margin-top: 20px;
	}
	.champions-bottom-block ul li:nth-child(3) {
		padding-left: 0;
	}
	.champions-bottom-block ul li:nth-child(3):before {
		display: none;
	}
	.classroom-courses-section .courses-block .courses-box {
		padding: 10px;
		padding-bottom: 40px;
		border-radius: 5px;
	}
	.classroom-courses-section .courses-block .courses-box h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.classroom-courses-section .courses-block .courses-box h3 small {
		font-size: 10px;
	}
	.classroom-courses-section .courses-block .courses-box p {
		font-size: 11px;
		line-height: 18px;
	}
	.classroom-courses-section .courses-block .courses-box .target {
		width: calc(100% - 20px);
		left: 10px;
		font-size: 10px;
		line-height: 16px;
		padding: 6px 0;
	}
	.classroom-courses-section .courses-block2 .courses-box {
		padding: 10px;
		border-radius: 5px;
	}
	.classroom-courses-section .courses-block2 .courses-box h3 {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 4px;
	}
	.classroom-courses-section .courses-block2 .courses-box p {
		font-size: 11px;
		line-height: 18px;
	}
	.classroom-courses-section .courses-block2 .courses-box h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.scholarship-block .cnt ul li {
		font-size: 15px;
		line-height: 24px;
		padding-left: 30px;
	}
	.scholarship-block .cnt ul li:before {
		width: 24px;
		height: 24px;
		top: 1px;
	}
}


@media only screen and (max-width:767px) {
	.desktop-hide {
		display: inline-block !important;
	}
	.mobile-hide {
		display: none !important;
	}
	.mt-40 {
		margin-top: 20px;
	}
	.mt-30 {
		margin-top: 0;
	}
	.pd-40 {
		padding: 20px 0;
	}
	.heading h2 {
		font-size: 20px;
		line-height: 28px;
	}
	.top-section {
		padding: 20px 0;
		background: #EDF2FA;
	}
	.top-block .left-block {
		width: 100%;
		max-width: 100%;
	}
	.top-block .left-block .logo img {
		max-width: 110px;
	}
	.top-block .left-block h1 {
		margin-top: 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.top-block .left-block h1 span {
		color: #005BAA;
	}
	.top-block .left-block p {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.top-block .left-block .btn-outer {
		display: none;
	}
	.top-block .right-block {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.form-outer {
		max-width: 100%;
	}
	.guide-box {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.guide-box .icon img {
		max-width: 50px;
	}
	.section03 .image {
		margin-top: 25px;
	}
	.path-box-1 p {
		font-size: 12px;
		line-height: 20px;
		padding-top: 10px;
	}
	.path-box-1 .btn-outer {
		margin-top: 15px;
	}
	.faq-block {
		margin: 0;
	}
	.accordion .accordion-item .accordion-header {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0;
		padding-right: 30px;
	}
	.accordion .accordion-item .accordion-body {
		padding: 0 24px 10px 0px;
	}
	.accordion .accordion-item:before {
		font-size: 14px;
		top: 10px;
	}
	.accordion .accordion-item {
		padding-left: 30px;
	}
	.accordion .accordion-item .accordion-body p {
		font-size: 12px;
		line-height: 20px;
	}
	.accordion .accordion-item .accordion-header:after {
		width: 24px;
		line-height: 24px;
		background-size: 100% auto;
		right: 0;
		top: 3px;
	}
	footer {
		padding: 15px 0;
	}
	footer p {
		width: 100%;
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
	footer .footer-social {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	footer .footer-social li {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 5px;
	}
	.thankyou-section .thankyou-block h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.thankyou-section .thankyou-block img {
		max-width: 100px;
	}
	.thankyou-section .thankyou-block p {
		font-size: 14px;
		line-height: 24px;
	}
	.top-block .left-block .class-block {
		margin-top: 30px;
	}
	.top-block .left-block .class-block span {
		font-size: 16px;
		padding: 4px 8px;
	}
	.open-block {
		flex-wrap: wrap;
	}
	.open-block .left-box {
		width: 100%;
	}
	.open-block .right-box {
		width: 100%;
	}
	.open-block .right-box h3 {
		text-align: left;
	}
	.four-box-outer {
		margin-top: 20px;
	}
	.classroom-block {
		margin-top: 10px;
	}
	.classroom-block .classroom-box h3 {
		font-size: 16px;
	}
	.scholarship-block .cnt {
		width: 100%;
		position: relative;
	}
	.scholarship-block .image {
		display: none;
	}
	.schedule-block {
		flex-wrap: wrap;
		gap: 0;
	}
	.schedule-block .schedule-box {
		margin-bottom: 15px;
	}
	.top-section .container:before {
		display: none;
	}
	.top-blue-cnt  {
		font-size: 14px;
		padding: 12px 0;
	}
	.top-blue-cnt span {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #FFCD30;
	}
	.top-blue-cnt span:before {
		display: none;
	}
	.classroom-courses-section .courses-block {
		margin-top: 0;
	}
	.classroom-courses-section .courses-block .courses-box {
		height: auto;
		margin-top: 10px;
	}
	.classroom-courses-section .courses-block2 {
		margin-top: 20px;
	}
	.classroom-courses-section .courses-block2 .courses-box {
		height: auto;
		margin-top: 10px;
	}
	.study-center-section .study-center-block {
		font-size: 12px;
	}
	.champions-block .champions-box .cnt h4 {
		font-size: 18px;
	}


}

@media only screen and (max-width:575px) {
	.btn-outer .btn {
		font-size: 14px;
		padding: 8px 15px;
	}
	.form-outer .form-group label {
		font-size: 11px;
	}
	.champions-bottom-block ul li {
		width: 100%;
		padding: 0;
		display: flex;
		align-items: center;
		margin: 5px 0 0 0;
		padding: 0 0 5px 0;
		gap: 10px;
	}
	.champions-bottom-block ul li h3 {
		width: 90px;
		font-size: 15px;
		line-height: 30px;
		border-bottom: none;
		padding: 0;
	}
	.champions-bottom-block ul li:before {
		display: none;
	}
	.champions-bottom-block ul li .ranks {
		width: calc(100% - 100px);
		padding-left: 10px;
		border-left: 1px solid #ccc;
		margin-top: 0;
		align-items: center;
	}
	.champions-bottom-block ul li h4 {
		font-size: 24px;
		line-height: 30px;
	}
	.champions-bottom-block ul li p {
		font-size: 10px;
		line-height: 16px;
	}
	.scholarship-block .cnt ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}