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

    .content .teacher .teacher-banner .box .info h2{
        font-size:16px;
        line-height:16px;
        height:16px;
    }
    .content .teacher .teacher-banner .box .info h3{
        margin-top:4px;
        font-size:14px;
        line-height:14px;
        height:14px;
    }
    .content .teacher .teacher-banner .box .info p{
        margin-top:4px;
        line-height:12px;

        height:12px;
    }

}



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

    .content .teacher .teacher-banner .box .info h2{
        font-size:14px;
        line-height:14px;
        height:14px;
    }
    .content .teacher .teacher-banner .box .info h3{
        margin-top:2px;
        font-size:12px;
        line-height:12px;
        height:12px;
    }
    .content .teacher .teacher-banner .box .info p{
        margin-top:2px;
    }


}


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

    .content .teacher .teacher-banner .box .info{
        top:65%;
        height:35%;
    }



}