/* Keep legacy course filters and cards inside tablet/mobile containers. */
@media(max-width:980px){
 .Filters,.Module.CourseSearch{box-sizing:border-box;width:calc(100% - 22px)!important;max-width:none!important;margin-left:11px!important;margin-right:11px!important;padding:14px!important}
 .Filters .Filters-in,.Filters .sort,.Filters .Filters-s,.Filters .f_div,.Filters .optionListdiv{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;height:auto!important;float:none;margin-left:0!important;margin-right:0!important}
 .Filters .top-page{width:100%!important;margin:0 0 12px!important;padding:0!important;white-space:normal}
 .Filters .Filters-s .p_title{float:none;width:100%!important;height:auto;line-height:1.6;padding:0;margin:0 0 8px;text-align:left}
 .Filters .optionListdiv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow:visible}
 .Filters .optionListdiv input.text{box-sizing:border-box;width:62px!important;min-width:0;margin:0}
 .Filters .optionListdiv .option_bottom_border{display:none}
 .Module.CourseSearch>.JG{box-sizing:border-box;float:none;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;padding:0!important}
 .CourseSearch .JG-tool,.CourseSearch .JG-nav,.CourseSearch .clist_condition,.CourseSearch .JG-list,.CourseSearch .JG-list>li{box-sizing:border-box;width:100%!important;max-width:100%;min-width:0;height:auto!important;float:none;margin-left:0!important;margin-right:0!important}
 .CourseSearch .JG-tool{position:static!important;left:auto!important;top:auto!important}
 .CourseSearch .JG-nav,.CourseSearch .clist_condition{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
 .CourseSearch .JG-nav a{float:none;box-sizing:border-box;width:auto!important;height:auto!important;padding:8px;line-height:1.6;white-space:normal}
 .CourseSearch .clist_condition{padding:10px 0;line-height:1.6}
 .CourseSearch .clist_condition .count{float:none;width:auto;height:auto;line-height:1.6;margin:0 0 0 auto}
 .CourseSearch .JG-list .sch-item{box-sizing:border-box;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;width:100%;height:auto;min-width:0;overflow:visible}
 .CourseSearch .sch-item>.imgdiv{float:none;width:100px;height:78px;margin:0}
 .CourseSearch .sch-item>.imgdiv img{display:block;width:100%;height:100%;object-fit:cover}
 .CourseSearch .sch-item>.infodiv{float:none;box-sizing:border-box;width:auto!important;min-width:0;height:auto;margin:0;padding:0;border:0;overflow:visible}
 .CourseSearch .sch-item .info_prdtname,.CourseSearch .sch-item .info_prdttxt,.CourseSearch .sch-item .info_prdttype{box-sizing:border-box;width:100%!important;height:auto!important;max-height:none;white-space:normal;overflow:visible;overflow-wrap:anywhere;line-height:1.65;margin:0}
 .CourseSearch .sch-item .info_prdtname{font-size:16px!important;text-align:left}
 .CourseSearch .sch-item .info_prdtname i:empty{display:none}
 .CourseSearch .sch-item .info_prdttype:empty{display:none}
 .CourseSearch .sch-item>.srocediv{grid-column:1/-1;float:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;height:auto;padding:0;margin:0;text-align:left}
 .CourseSearch .sch-item>.srocediv>a{display:block;width:48px;height:38px;flex:none}
 .CourseSearch .sch-item>.srocediv>a img{max-width:100%;width:100%;height:100%;object-fit:contain}
 .CourseSearch .sch-item>.srocediv p{width:auto;height:auto;margin:0;line-height:1.65;white-space:normal}
 .CourseSearch .sch-item>.srocediv .nunberpeople{flex:1;min-width:0;max-width:100%;overflow:visible}
 .CourseSearch .sch-item>.moneydiv{grid-column:1/-1;float:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;height:auto;padding:0;margin:0}
 .CourseSearch .sch-item>.moneydiv .money{width:auto;height:auto;margin:0;line-height:1.6}
 .CourseSearch .sch-item>.moneydiv .backmoney:empty,.CourseSearch .sch-item>.clearflaot{display:none}
 .CourseSearch .sch-item>.moneydiv .buybtn{box-sizing:border-box;width:auto;min-width:100px;height:auto;margin:0;padding:7px 14px;line-height:1.6}
 .CourseSearch .prd_div,.CourseSearch .prd_info,.CourseSearch .prd_info_detail,.CourseSearch .prd_info_d_left,.CourseSearch .prd_info_d_right,.CourseSearch .prd_imglist{box-sizing:border-box;float:none;width:100%!important;max-width:100%;height:auto;min-width:0;margin:0}
 .CourseSearch .prd_div .prd_img{float:none;margin:0 0 12px}
 .CourseSearch .prd_info_d_title,.CourseSearch .prd_info_d_title label,.CourseSearch .prd_info_d_txt{height:auto!important;white-space:normal;line-height:1.65;overflow:visible;overflow-wrap:anywhere}
 .CourseSearch .prd_single{display:flex;flex-wrap:wrap;width:100%;height:auto}
 .CourseSearch .prd_single>a{display:flex;flex-wrap:wrap;gap:8px;width:100%;height:auto}
 .CourseSearch .prd_single p{float:none;width:auto!important;max-width:100%;height:auto!important;white-space:normal;overflow:visible;line-height:1.65}
 .Module.CourseSearch>.RightList{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%;margin:24px 0 0!important}
 .Module.CourseSearch>.RightList .centent{width:100%;max-width:100%}
}

@media(max-width:980px){.CourseSearch .prd_info_d_title>a{display:block;width:100%!important;max-width:100%;height:auto!important;white-space:normal}.CourseSearch .prd_info_d_title label{display:inline!important;float:none!important;max-width:100%}}

@media(max-width:980px){.CourseSearch .prd_info_d_title label{white-space:normal!important;overflow-wrap:anywhere!important}}

@media(max-width:980px){.CourseSearch .sch-item>.srocediv>.school-logo{display:block;width:48px;height:38px;flex:none}.CourseSearch .sch-item>.srocediv>.school-logo img{max-width:100%;width:100%;height:100%;object-fit:contain}}