@media (max-width: 1125px){
	#navbar > div{padding: 0px;}
	
	.front_point_title{text-align: center;}
	
	.front_count{padding: 30px 20px;}
	
	.front_point{box-sizing: border-box;}
	
	.front_step .fsList .flItem1 > div, .front_step .fsList .flItem3 > div{margin-left: 50px;}
	.front_step .fsList .flItem2 > div{margin-right: 50px;}
	
	.front_testi .ftList{padding: 0px 20px;}
}

@media (max-width: 1025px){
	#navbar .nbBottom{grid-gap: 20px; grid-template-columns: 245px 1fr min-content;}
	#navbar .navMenu{float: left;}
	
	.card_package_group .cpgBox.cbLeft{grid-template-columns: 260px 1fr;}
	.card_package_group .cpgBox.cbRight{grid-template-columns: 1fr 260px;}
}

@media (max-width: 1018px){
	.front_testi .ftList .flContent .fcRow > div > div{min-width: 400px;}
	
	.info_course_offline .icoMain{grid-template-columns: 1fr 1fr; padding: 0px 15px; box-sizing: border-box;}
	.info_course_offline .icoMain > div:nth-child(2){display: none;}
}

@media (max-width: 980px){
	.card_gallery{grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width: 920px){
	.info_course_head{padding: 50px 15px 200px 15px;}
	.info_course_location .iclContent, .info_course_age .icaMain, .info_course_offline .icoContent{padding: 0px 15px;}
	.info_course_class{padding: 50px 15px;}
}

@media (max-width: 915px){
	#navbar > div{grid-template-columns: 215px 1fr 60px;}
	#navbar .navLogo{position: relative; z-index: 2;}
	#navbar .navMenu{position: fixed; left: 0px; top: 0px; padding-top: 60px; width: 80%; max-width: 350px; background: var(--bg_red); height: 100%;}
	#navbar .navMenu:not(.active){display: none;}
	#navbar .navMenu > a{display: block;}
	#navbar .navMenu > a.nmMobile{display: block;}
	#navbar .navMenu .nmItem:before{right: 0px; width: 5px; height: 100%; left: unset;}
	#navbar .navBtn{display: none;}
	#navbar .navHamburgerDesktop{display: none;}
	#navbar .navHamburger{display: block;}
}

@media (max-width: 875px){
	.tab > div:first-child{display: block; height: auto;}
	.tab > div:first-child > div{padding: 10px; display: inline-block; font-size: 15px; font-weight: bold;}
	.tab > div:first-child > div:before{right: unset;}
	
	.cdArea{padding: 0px !important;}
	.cdAreaFooter{display: none;}
	.cdHead{border-radius: 0px;}
	.cdHead .chDesc{display: none;}
	.cdBody{border-radius: 0px;}
}

@media (max-width: 850px){
	.enrollCriteria > div{align-items: normal;}
}

@media (max-width: 830px){
	.calendar_layout, .cdLayout.clRight{grid-template-columns: 1fr;}
	
	.info_about_age .iaaBox{padding: 0px 15px; grid-template-columns: 1fr;}
	.info_about_age .iaaBox > div:not(:last-child):before{display: none;}
	.info_about_age .iaaBox > div{padding: 15px 10px; border-radius: 10px; box-sizing: border-box; background: var(--bg_reddark);}
	
	.info_about_way .iawContent .icTitle{display: none;}
	.info_about_way .iawContent .icBody{grid-template-columns: 1fr;}
	.info_about_way .iawContent .icBody .ibCover .icHead{display: block;}
	.info_about_way .iawContent .icBody .ibCover .icPhoto{display: none;}
	.info_about_way .iawContent .icBody .ibList{box-sizing: border-box;}
	.info_about_way .ilItem > div:nth-child(2){padding-right: 15px;}
}

@media (max-width: 815px){	
	.pdLayout{padding: 0px 15px;}
	
	.info_aboutVM{grid-template-columns: 1fr;}
	.info_aboutVM::after{display: none;}
}

@media (max-width: 810px){
	.cdLayout{grid-template-columns: 1fr;}
	.clLeft .clMenu{white-space: nowrap; width: calc(100vw - 37px); overflow: auto;}
	.clLeft .clMenu > div{display: inline-block;}
	
	.info_aboutPrincipal{grid-template-columns: 150px 1fr;}
	
	.card_package_group .cpgBox.cbLeft{grid-template-columns: 1fr;}
	.card_package_group .cpgBox.cbRight{grid-template-columns: 1fr;}
	.card_package_group .cpgBox.cbLeft > div:first-child{height: min-content; width: 100%;}
	.card_package_group .cpgBox.cbRight > div:nth-child(2){height: min-content; width: 100%;}
	
	.card_package_group .cpgBox.cbRight{display: flex; gap: 1rem; flex-direction: column;}
	.card_package_group .cpgBox.cbRight > div{flex: 1;}
	.card_package_group .cpgBox.cbRight > div:first-child{order: 2;}
	.card_package_group .cpgBox.cbRight > div:nth-child(2){order: 1;}
	.card_package_group .cpgBox.cbRight .cbImg .ciCover{width: 100%; position: relative;}
	.card_package_group .cpgBox .cbImg .ciCover{position: relative; height: auto; padding-bottom: 150%;}
}

@media (max-width: 780px){
	.auth_layout{max-width: 420px; padding: 0px; border-radius: 0px; background: transparent;}
	.auth_layout.alLogin{max-width: 500px;}
	.auth_layout.alLogin:before{display: none;}
	.auth_layout .alHead{color: var(--text_white);}
	.auth_layout .alContent{grid-template-columns: 1fr; background: var(--bg_silvercalm);}
	.auth_layout .alContent .acBody{padding: 10px 0px 20px 0px; min-height: auto;}
	.auth_layout.alLogin .alContent .acBody{padding: 10px 15px;}
	.authTab{padding: 15px;}
	.authTab .atOpt{background: var(--bg_white);}
	
	.front_focus{padding: 50px 20px 0px 20px;}
	.front_focus .ffContent{margin: 20px;}
	
	.front_video{padding: 0px 20px 50px 20px;}
	.front_video .fvContent{padding-left: 15px; padding-right: 15px;}
	
	.card_class_full .ccfItem{grid-template-columns: 1fr;}
	
	.info_course_offline .icoMain .imItem{min-height: 175px;}
}

@media (max-width: 720px){
	.info_about_head{padding: 115px 0px 150px 0px;}
	
	.info_about_step .ibList .ilItem{padding: 20px 15px;}
	.info_about_step .ibList .ilItem .iiBox{display: grid; text-align: left; grid-template-columns: 35px 1fr; box-sizing: border-box; align-items: center; grid-gap: 30px;}
	.info_about_step .ibList .ilItem .iiBox > div{width: 100%; box-sizing: border-box;}
}

@media (max-width: 705px){
	.pdLayout{grid-template-columns: 1fr;}
	.pdLayout .pbHead{display: none;}
	.pdBody .pbSelect .psOpt{display: block; white-space: nowrap; width: calc(100vw - 75px); overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
	.pdBody .pbSelect .psOpt::-webkit-scrollbar{display: none;}
	.pdBody .pbSelect .psOpt > div{display: inline-block; width: min-content; padding: 5px 10px; border-radius: 35px; border: 1px solid var(--bg_red);}
	.pdBody .pbSelect .psOpt > div:not(:last-child){margin-right: 10px;}
	
	.info_course_head{padding: 50px 15px 120px 15px;}
	.info_course_head .ichBox .ibCover{width: 175px;}
	.info_course_head .ichBox .ibContent > div{padding-right: 225px;}
	
	.info_course_location .iclContent, .info_course_age .icaMain{grid-template-columns: 1fr;}
	.info_course_age .icaMain > div:first-child{display: none;}
}

@media (max-width: 675px){
	.front_header .fhContent .fcTitle{padding: 0px 15px;}
	.front_header .fhContent .fcBtn{grid-template-columns: 1fr; padding: 0px 25px; max-width: 500px;}
	.front_header .fhHighlight{padding-bottom: 35%;}
	
	.info_course_offline .icoContent{grid-template-columns: 1fr;}
}

@media (max-width: 660px){
	.info_about_head > div:nth-child(2){padding: 0px 15px;}
	.info_about_focus{padding: 25% 15px 100px 15px;}
}

@media (max-width: 625px){	
	.front_focus .ffContent .fcItem{grid-template-columns: 1fr;}
	
	.front_focus{padding: 50px 0px 0px 0px;}
	.front_focus > div{border: 0px;}
	.front_focus .ffContent{margin: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
	.front_focus .ffContent::-webkit-scrollbar{display: none;}
	.front_focus .ffContent > div:first-child{margin-left: 15px;}
	.front_focus .ffContent > div{margin-right: 15px;}
	.front_focus .ffContent .fcItem{padding: 0px; width: 350px; height: 100%; grid-template-rows: 210px min-content;}
	.front_focus .ffContent .fcItem > div:first-child > div{top: 7px; left: 0px; border-radius: 15px;}
	.front_focus .ffContent .fcContent{padding: 15px; box-sizing: border-box;}
	
	#footer .fContent{grid-template-columns: 1fr;}
}

@media (max-width: 600px){
	.front_count .fcContent .fcItem{grid-template-columns: 1fr 1fr;}
	.front_count .fcContent .fcItem > div:nth-child(2):before{display: none;}
	
	.card_testi, .card_class_schedule{grid-template-columns: 1fr;}
}

@media (max-width: 590px){
	.coursesPackage{grid-template-columns: 1fr;}
	
	.info_about_head{padding: 115px 0px 125px 0px;}
	.info_about_head > div:first-child{font-size: 25px;}
	.info_about_head > div:nth-child(2){font-size: 14px;}
	.info_about_focus{font-size: 14px; padding: 25% 15px 65px 15px;}
	
	.info_about_age .iaaBox > div{box-shadow: inset 0px 0px 0px 1px var(--bg_white);}
	.info_about_age .iaaBox > div:nth-child(even) {background: var(--bg_redblack);}
}

@media (max-width: 545px){
	.info_course_head .ichBox .ibCoverMobile{display: block;}
	.info_course_head .ichBox .ibContent{padding-top: 50px;}
	.info_course_head .ichBox .ibContent > div{padding-right: 15px;}
	.info_course_head .ichBox .ibCover{display: none;}
	
	.info_course_step .icsContent{padding: 0px 15px;}
}

@media (max-width: 490px){
	.front_focus{padding: 50px 0px 0px 0px;}
	.front_focus > div{border-radius: 0px; border: none;}
}

@media (max-width: 480px){
	.info_course_step .icsContent .icItem{gap: 35px;}
}

@media (max-width: 460px){
}