@charset "utf-8";


@media screen and (max-width: 1400px) {
}


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1080px) {
    .nav-item { display: block; }
    .nav-item:before { display: none; }
    .nav-item a { width: 100%; flex: none;}
    .nav-item .dropdown-menu { width: 100%; flex: none; top: auto !important; left: auto !important; inset: auto; position: relative; }
}



@media screen and (max-width: 980px) {
    .teacher-cover { width: 100%; flex: none; margin-bottom: 30px; }
    .teacher-tool-links .gruid-line { display: block; height: 1px; width: 100%; margin: 20px 0; border-bottom: 1px #00c0de solid; }
}

@media screen and (max-width: 728px) {
    .company-info { margin-bottom: 30px; }
}

@media screen and (max-width: 680px) {
    .banner-box.pc {   display: none; }
    .banner-box.mb {   display: block; }
    .teacher-tool-links { border-radius: 1em; }
    .teacher-tool-links .button { width: 100%; display: block; margin-bottom: 0.5em; }

    .teacher-info-list { margin-bottom: 1.6em; }
    
    .i-daily-picks,
    .i-live-broadcast,
    .i-major-team { padding: 50px 20px; }

}

@media screen and (max-width: 480px) {
    .logo a { width: 120px; } 
    .teacher-info .teacher-cover { justify-content: center; }
    .teacher-info .teacher-name { width: 100%; max-width: 100%; flex: none; text-align: center; justify-content: center; margin: 30px 0 0 0; }
    
    .foot-info .footer-title { text-align: center; }
    footer nav.footer-link a { width: auto; flex: none; }

    .page-main { padding: 50px 0 30px 0; }

    .page-banner { padding: 50px 0; }
    .page-banner-title h1 { font-size: 24px; }

    .teacher-mug-shut { width: 120px; height: 120px; }
}

@media screen and (max-width: 414px) {

}