#teacher_cover .container {
        position: relative;
        height: 100%;
    }
    #teacher_menu_area {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #teacher_menu {
        list-style:none;
    }
    #teacher_menu li {
        list-style:inside none;
        margin:0 1px;
        display:block;
        float: right;
        background: darkviolet;
        border-radius: 2px 2px 0 0;
    }
    #teacher_menu li:hover {
        background: blueviolet;
    }
    #teacher_menu li a {
        font:bold 14px Aptima;
        text-decoration:none;
        display: block;
        color: #ffffff;
    }
    #teacher_menu li.active, #teacher_menu li.active:hover {
        background:#fbfbfd;
    }
    #teacher_menu li.active a {
        color: navy;
    }
    #teacher_title {
        
    }
    #teacher_avatar {
        float: left;
        border: 1px solid #fbfbfd;
        background: #fbfbfd;
        border-radius: 50%;
        display: inline-block;
        padding: 3px;
    }
    #teacher_title h1 {
        color: red;
        font-family: 'Aptima';
    }
    #teacher_title span {
        color: navy;
        font-size: 17px;
        font-family: 'Aptima';
    }

    .tred {
        background: red;
    }
    .tgreen {
        background: green;
    }
    .tblue {
        background: blue;
    }
    
    a.action_btn {
        display: block;
        float: right;
        font-weight: bold;
        color: #fff;
        font-size: 13px;
        margin: -5px 0 0 2px;
        padding: 6px 10px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    .action_btn:hover {
        color: #fff;
        background: #018CC5;
    }
    .followed {
        background: gray;
    }
    .badge {  
        position: relative;
        text-align: center;
    }
    .badge[nbr]:after{  
        content:attr(nbr);
        position:absolute;
        background:red;
        width:20px;
        height:15px;
        top:-8px;
        right:2px;
        border-radius:50%;
        box-shadow: 0 0 1px #333333;
        font-size: 11px;
        padding-bottom: 4px;
    }

@media screen and (min-width: 800px) {
    #wrap {
        width: 100%;
        margin: -12px 0 0 0;
    }
    .container {
        width: 1000px;
        margin: 0 auto;
    }
    #teacher_cover {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        height: 300px;
        margin-top: 12px;
    }
    #teacher_menu li a {
        padding: 8px 20px 10px 20px;
    }
    #teacher_avatar {
        max-width: 140px;
        margin-right: 20px;
        margin-top: -90px;
    }
    #teacher_menu_bottom_area {
        display: none;
    }
    #teacher_title h1 {
        margin: 10px 0;
        font-size: 27px;
    }
    #teacher_title .teacher_title_actions {
        float: right;
    }
    #teacher_title .teacher_title_btn {
        display: block;
        float: left;
        font-weight: bold;
        color: #fff;
        font-size: 13px;
        margin: 0 0 0 2px;
        padding: 6px 20px;
               -moz-border-radius: 2px;
               -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    #teacher_title .teacher_title_btn:hover {
        color: #fff;
        background: #018CC5;
    }
    #teacher_title .teacher_star_mobile {
        display: none;
    }
}

@media screen and (max-width: 799px) {
    #wrap {
        width: 100%;
        margin: -12px 0 0 0;
    }
    .container {
        margin: 0 10px;
    }
    #teacher_cover {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        height: 250px;
        margin-top: 12px;
    }
    #teacher_menu_area {
        display: none;
    }
    #teacher_menu_bottom_area {
        margin: 10px -2.5px 0 -2.5px;
    }
    #teacher_menu_bottom {
        list-style:none;
        width: 100%;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    #teacher_menu_bottom li {
        color: #fff;
        margin: 2.5px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }
    #teacher_menu_bottom li#teacher_menu_bottom_course {
        background: blueviolet;
    }
    #teacher_menu_bottom li#teacher_menu_bottom_prac {
        background: crimson;
    }
    #teacher_menu_bottom li#teacher_menu_bottom_quiz {
        background: forestgreen;
    }
    #teacher_menu_bottom li#teacher_menu_bottom_blog {
        display: none;
        background: indigo;
    }
    #teacher_menu_bottom li img {
        max-width: 40px;
        max-height: 40px;
        border: none;
        margin: 5px 0;
    }
    #teacher_menu_bottom li a {
        font:bold 14px Aptima;
        padding: 3px 0 5px 0;
        text-decoration:none;
        display: block;
        text-align: center;
        color: #ffffff;
    }
    #teacher_menu_bottom li a:hover, #teacher_menu_bottom li.active, #teacher_menu_bottom li.active:hover {
        color:#fff;
        background: navy;
        border-radius: 3px;
    }
    #teacher_avatar {
        max-width: 120px;
        margin-right: 10px;
        margin-top: -80px;
    }
    #teacher_title h1 {
        margin: 6px 0;
        font-size: 23px;
    }
    #teacher_menu li:last-child, #teacher_title .teacher_title_actions {
        display: none;
    }
}