@media screen and (max-width: 767.98px) {
    .teachers.b-left .box {
        margin-left: 0;
        margin-top: 15px;
    }

    .teachers .image {
        margin: 0 auto;
    }

    .comment .box {
        margin-top: 15px;
        width: auto;
    }

    .res-li {
        flex-direction: column;
    }

    .res-non {
        display: none !important;
    }

    .v-box .video-view {
        right: 0;
        margin: 0 auto;
        height: 400px;
    }

    .res-block {
        display: block;
    }

    .left-side {
        margin-top: 0 !important;
        padding-top: 25px !important;
    }

    .teachers .box {
        margin: -30px auto 30px!important;
    }

    .teachers.b-left .box {
        margin: -30px auto 30px!important;
    }
    .comment .box, .avatar .box {
        padding: 15px;
    }

    .conversation-box .main-items {
        height: 300px;
    }
}