/* gop tu file static/css/style.css */
.course-section .rota-top-left {
    top: 10px;
    left: -5px;
}
.title-style {
    text-align: unset !important;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.text-center-style {
    text-align: center !important;
}
#main
{
    min-height: calc(100vh - 127px);
}
.pdr-0-style
{
    padding-right: 0 !important;
}
.slider-mb-course_home .teacher-name-course-section-style
{
    padding: 5px 15px 10px 10px;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: -.1px;
    color: #9b9b9b;
    font-weight: 400;
    display: inline-block;
    max-width: 136px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(3px); /*căn giữa trên dưới*/
}
.pull-left-style {
    float: left;
}
.pull-right-style {
    float: right;
}
.rating_course_style i
{
    color: #f5a623;
    font-size: 15px;
}
.count_review_course_style
{
    font-size: 14px;
    padding-right: 5px;
   /* padding-top: 5px;*/
}
.price-col-style
{
    margin-bottom: 10px;
    color: #333 !important;
}
.item-review-style
{
  padding: 10px 0;  
}
.mb-join-code { text-align: center; }
.right-col-img-post { height: 165px; }
.slider-mb-course_home .item-review {
    margin-left: 0px;
}
.slider-mb-combo_home .title-style a {
    font-weight: bold;
}
.slider-mb-blog_home .course-item-detail {
    margin: 10px 15px 0px 15px !important;
}
.course-section-style .title-style {
    padding-left: 15px;
    padding-right: 15px;
}
.course-section-style .item-review {
    margin-left: 0px;
}
.style_course_price .course-item-detail-combo .title {
    text-align: left;
    font-weight: bold;
}
.style_course_price .course-item-detail-combo .price-box {
    padding-bottom: 10px;
}
.photo-teacher-course-section {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
}
.slider-mb-course_home .course-item-detail{
    position: relative;
}
.price-course-section {
    position: absolute;
    bottom: -10px;
    right: 15px;
}
.price-course-section .old-price {
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: -.2px;
    text-align: right;
    color: #B0B0B0;
    padding-right: 10px;
}
.price-course-section .new-price {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.2px;
    text-align: right;
    color: #8B5CF6;
}
.emall-percent-off-strong {
    width: 45px;
    height: 30px;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    background-color: #E53E3E;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    font-family: Lato;
    color: #FFFFFF;
    display: block;
    line-height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.slider-mb-course_home {
    margin-top: -20px;
}
.slider-mb-course_home .price-course-section {
    position: absolute;
    bottom: -25px;
    right: 10px;
}
.section_course_of_cate_home .rota-membership {
    top: unset !important;
    left: 15px;
    bottom: -27px;
}
.section-course-of-tag .rota-membership {
    top: unset !important;
    left: 30px;
    bottom: -40px;
}
.feature-course-search .rota-membership {
    top: unset !important;
    left: 30px;
    bottom: -40px;
}
.teacher-personal-related-course .rota-membership {
    top: unset !important;
    left: 30px;
    bottom: -40px;
}
.section_course_home .rota-membership {
    top: unset !important;
    left: 30px;
    bottom: -40px;
}

/* gv */
.u-teacher-top-style {
    background-image: url(../img/page-title-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 341px;
    position: relative;
}
.utt-bot-style {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}
.u-teacher-avatar-style {
    float: left;
    margin-bottom: 20px;
}
.u-teacher-avatar-style img {
    border-radius: 85px;
}
.u-teacher-info-style {
    display: inline-block;
    margin-top: 20px;
}

.u-teacher-info-style h1 {
    font-size: 30px;
    font-weight: bold;
}

.u-teacher-info-style span {
    font-size: 20px;
    display: block;
    width: 375px;
}
.uti-link-style {
    margin-top: 20px;
}
.u-teacher-info-style a {
    margin-top: 20px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #fff;
    width: 175px;
    margin-right: 10px;
}
.u-teacher-right-style {
    float: right;
    margin-top: 50px;
}
.u-teacher-right-style ul li {
    display: inline;
    float: left;
    text-align: center;
    margin: 0 20px;
}
.u-teacher-right-style p {
    font-size: 48px;
    font-weight: bold;
}
.u-teacher-right-style span {
    font-weight: bold;
}
.u-teacher-intro-style {
    margin: 10px 0;
}
.u-teacher-intro-style h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.u-teacher-intro-style p {
    margin: 10px 0;
    text-align: justify;
}
.u-teacher-video-style {
    margin: 20px 0;
}
.u-box-course-style {
    background: #f6f6f6;
}
.u-box-course-teacher-style {
    margin: 15px 0 20px 0;
}
.u-box-course-teacher-style h2 {
    font-size: 18px;
    font-weight: bold;
}
.u-box-course-teacher-style ul
{
    padding: 0;
}
.u-box-course-teacher-style p
{
    margin: 0;
}
.ubc-course-style {
    position: relative;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 10px 10px 5px 10px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.img-ubc-course-style {
    width: 30%;
    float: left;
}
.img-ubc-course-style img
{
    width: 100%;
}
.des-ubc-course-style {
    width: 47%;
    float: left;
    margin-left: 20px;
}
.des-ubc-course-style p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.mini-des-style {
    display: inline-block;
    margin-bottom: 10px;
}
.mini-des-style li {
    float: left;
    margin-right: 20px;
    list-style: none;
}
.lp-bc-price-style .price-b {
    font-size: 34px;
    text-decoration: none;
}
.lp-bc-price-style a {
    background: #1877f2;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}
.lp-bc-price-style .price-b sup {
    font-size: 20px;
}
.lp-bc-price-style .price-s {
    font-size: 24px;
    color: #696969;
    text-decoration: line-through;
}
.lp-bc-price-style .price-s sup {
    font-size: 12px;
}
.lp-bc-price-style .price-o {
    font-size: 14px;
    background: #f26522;
    border-radius: 3px;
    padding: 5px;
    color: #fff;
    display: inline-block;
    margin: 10px 0;
}
@media (max-width: 767px)
{
    .u-teacher-left-style {
        margin-top: 20px;
        text-align: center;
    }
    .u-teacher-avatar-style {
        margin-right: 0;
        float: none;
    }
    .u-teacher-info-style {
        margin: 0;
    }
    .u-teacher-info-style span {
        width: 295px;
        font-size: 15px;
    }
    .u-teacher-info-style a {
        display: block;
        float: left;
    }
    .u-teacher-right-style {
        margin-top: 0;
        float: none;
    }
    .u-teacher-right-style ul li {
        margin: 0 5px;
        width: 25%;
    }
    .u-teacher-right-style p {
        font-size: 26px;
    }
    .img-ubc-course-style, .des-ubc-course-style, .ubc-btn p, .ubc-btn a {
        width: 100%;
    }
    .des-ubc-course-style
    {
        margin: 0;
    }
    .u-teacher-info-style a
    {
        width: 155px;
    }
    .lp-bc-price-style {
        width: 100%;
    }
    .lp-bc-price-style .price-b {
        display: inline-block;
        width: 100%;
    }
    .utt-bot-style {
        position: relative;
        padding-bottom: 20px;
    }
    .u-teacher-top-style {
        height: auto;
    }
        .lesson-name-container {
        width: 80%;
            }
    .teacher-overview{
        flex-direction: column;
    }
    .teacher-course-info {
        width: 100%!important;
    }
    .teacher-experiences{
            height: 300px;
            overflow-x: auto;
            margin-top: 15px;
            width: 100%;
                }
}



/* payment */
.create-fullwidth-style{
    padding: 0px 25px;
}
.create-fullwidth-style .container{
    background: white;
}
.height-100-style {
    min-height: 100% !important;
}
.table-style thead th
{
    border-bottom: 0 !important;
}
.name-course-style{
    font-size: 18px;
    font-weight: 400;
    color: #5c82d3 !important;
}
#form-apply-discount td, #form-apply-discount th {
    border-top: none;
}
.response-error-style {
    margin: 10px 0;
    color: red;
}
.btn-apply-discount-style {
    margin-top: 17px;
    border: 1px solid #5c82d3;
    width: 66px;
    text-align: center;
    padding: 2px 5px;
    background: #5e17eb;
    font-weight: 400;
    font-size: 13px;
    color: white !important;
    border-radius: 5px;
}

/* search */
.header-search-boxtop-style{
    width: 100%;
    height: 100%;
}
.search-form-style {
    font-size: 13px;
    font-style: italic;
    height: 40px;
    width: 99% !important;
}
.header-search-style {
    position: absolute;
    right: 15px;
    background: transparent;
    color: #4267B2;
    font-size: 15px;
    padding: 6px 20px;
}

/* gop tu file static/css/style.css */


/* gop tu file static/css/slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* gop tu file static/css/slick.css */



/* gop cac file css lien quan den view edit themes */

/* trang home */
/* section header */
.head-content .layer {
    background-color: rgba(33, 33, 33, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.secton_header_home{
    background-position: center !important;
    background-size: cover !important;
    position: relative !important;
}

/* section course_of_cate */
.section_course_of_cate_home{
     padding: 30px 0;
}
.cate_name_course_of_cate{
    margin-bottom:15px;
}

/* section course */

.section_course_home{
    padding: 30px 0;
}
.title_section_course_home{
    text-align: center;font-weight: bold;
}

/* section combo */
.section_combo_home{
    padding: 30px 0;
}
.title_section_combo_home{
    text-align: center;font-weight: bold;
}

/* section what_learn_today */
.section_what_learn_today_home{
     padding: 30px 0;
}

/* section teacher */
.section_teacher_home{
    background-size: cover !important;
    padding: 30px 0;
}
.title_section_teacher_home{
    text-align: center;font-weight: bold;
}

/* section link */
.title_section_link_home{
    text-align: center;font-weight: bold;
}

/* section blog */
.title_blog a{
    color: #4c6379;
}
.title_blog{
    font-size: 16px;
    font-weight: bold;
    height: 4.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.desc_blog{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}

/* file views/sections/main.css trong section */
@-webkit-keyframes live-pulse{0%{background-color:#e78dac}50%{background-color:white}100%{background-color:#d9534f}}@-moz-keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}@keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}


/*------------------FOOTER------------------------*/



/*
    ==============================================================
       Responsive CSS 
    ==============================================================
*/


@media (min-width:1921px) and (max-width:2560px) { 
}

@media (min-width:1366px) and (max-width:1600px) {
.head-content { background-size: contain; height: 400px }
.lp-main-head { padding: 120px;  }

}
@media (min-width:1200px) and (max-width:1365px) { 
.head-content { background-size: contain; height: 400px }
}
@media (min-width:992px) and (max-width:1199px) {
.lp-ava-name-owner {    width: 38%; }
.lp-bc-img { width: 30%; }
.lp-bc-des { width: 45%; }
.lp-bc-des ul li { line-height: 1.5; }
.head-content { background-size: contain !important; height: 375px }
.lp-main-head { padding: 90px !important; }
.item-giangvien { width: 175px !important; height: 175px !important; margin-left: -70px !important; }
}

@media (min-width:768px) and (max-width:991px) { 
.lp-main-head { padding: 45px !important; }
.head-content { background-size: contain !important; height: 280px }
.lp-ava-name-owner { width: 32%; }
.lp-box-search-top { width: 63%; }
.lp-link-menu { float: none; text-align: center; }
.inner-col-reason span { width: 78%; }
.lp-bc-img { width: 25%; }
.lp-bc-des { width: 49%; }
.lp-bc-des ul li { line-height: 1.5 }
.lp-bc-price a { padding: 7px; }
.lp-block-testi .container { padding: 5px }
.lp-block-testi .col-sm-4 { padding: 5px; }
.item-giangvien { width: 175px !important; height: 175px !important; margin-left: -80px !important; }
}

@media (max-width:767px) { 
    /* .block-section-html div
    {
        width: unset !important;
        height: unset !important;
        display: block !important;
    } */
    .lp-main-head {
        padding: 20px;
    }
    .course-item .course-item-detail h3.title
    {
        min-height: unset;
    }
.lp-ava-name-owner { display: none; }
.lp-box-search-top { width: 100%; }
.lp-link-menu { font-size: 14px; float: none; margin: 0; padding: 10px 0; }
.lp-main-head img { margin: 0 0 10px 0; width: 40%; }
.box-reason { display: block; }
.box-reason .col-12 { float: left; }
.lp-bc-img, .lp-bc-des, .lp-bc-price{ width: 100%; }
.lp-bc-des { margin: 10px 0; }
.lp-bc-des ul li { line-height: 1.5 }
.price-b, .price-s { width: 30%; text-align: center; }
.price-b { font-size: 30px;  float: left; }
.price-b sup { font-size: 15px; }
.price-s { font-size: 20px; float: left; margin-top: 8px; }
.price-s sup { font-size: 10px; }
.price-o { margin: 0; }
.lp-bc-price a { margin-top: 10px; }
.mini-testi { margin-bottom: 10px; }
.lp-block-greeting h3, .lp-block-video h3, .lp-block-reason h3, .lp-block-course h3, .lp-block-testi h3 { font-size: 20px; }
.head-content { background-size: contain !important;}
}

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

}
@media (min-width:321px) and (max-width:375px) {
.head-menu .col-12 { padding: 5px; }
.price-b, .price-s { width: 33%; }

}
@media (max-width: 320px) {
.head-menu .col-12 { padding: 5px; }
.lp-link-menu ul li { margin-right: 30px; font-size: 13px; }
.price-b { width: 40%; }
}
.item-what {
    background-color: #ccc;
    display: block;
    width: 100%;
    position: relative;
    height: 115px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.item-what .title-what {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    top: 40%;
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    margin-top: 0px;
}
.item-what-learn-today
{
    color: #fff;
    margin-top: 15px;
}
/*     .item-what a:hover span
{
    color: #d9534f;
} */
/* .container-fluid
{
    padding-left: 0;
    padding-right: 0;
} */
.item-giangvien {
    border-radius: 10px;
    text-align: center;
    margin: 8px;
    min-height: 305px;
}
.giangvien-img {
    margin-top: 20px;
}
.giangvien-img a {
    outline: none;
}
.giangvien-img img{
    border: 1px solid #f1f1f1;
    border-radius: 88px;
    box-shadow: 1px 1px 1px #ccc;
    display: inline-block !important;
    height: 153px;
    width: 153px;
}
.item-cat-content {
    padding: 10px 10px;
    min-height: 10px;
}
.intro-giangvien {
    line-height: 22px;
    font-size: 14px;
}
.giangvien-name1 a
{
    margin: 10px 0;
    font-size: 16px;
    color: #000;
    display: block;
}
.slick-slide
{
    margin: 0 15px;
    position: relative;
}
.slick-slide .course-item
{
    margin: 15px 0px;
}
.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    bottom: 20px;
    color: #eee;
    border: 0;
    background: none;
    z-index: 1;
}

.slick-prev {
    left: 0px;
}

.slick-prev:before {
    content: "\f104";
    font: 40px/1 'FontAwesome';
    color: #929191;
}

.slick-next {
    right: 0px;
    text-align: right;
}

.slick-next:before {
    content: "\f105";
    font: 40px/1 'FontAwesome';
    color: #929191;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #d9534f;
}

@media screen and (max-width: 1023px) 
{
    .course-item .course-item-image
    {
        max-width: unset;
        max-height: unset;
    }
}
.btn-view-all
{
    margin-bottom: 15px;
    margin-top: 10px;
}
/*   .slick-slide .course-section .rota-top-left {
    top: -1px !important;
    left: -5px !important;
}*/
/*    .slick-slide .course-section .rota-top-left::before {
    top: 0px;
    right: 10px;
}*/
@media screen and (max-width: 568px) 
{
    .course-item .course-item-image
    {
        max-width: unset;
        max-height: unset;
        height: 290px;
    }
    .next-live-day{
        top: 238px !important;
    }
}
@media screen and (max-width: 450px) 
{
    .next-live-day
    {
       top: 157px !important;
    }

    .course-item .course-item-image
    {
        max-width: unset;
        max-height: unset;
        height: 210px !important;
    }
}

@media screen and (max-width: 320px) 
{
    .course-item .course-item-image
    {
        max-width: unset;
        max-height: unset;
        height: 175px !important;
    }
    .next-live-day{
        top: 123px !important;
    }
}
/* file main.css trong section */

/* trang home */


/* trang course of cate */
/* file course.css */
    body {
        /* color: #4c6379; */
    }

    .course-header {
        background: #ececec;
        /* box-shadow: inset 0px 2px 6px #e1e1e1; */
        padding: 10px 0;
    }
    .course-header.fix-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .course-header .course-header-menu {
        font-size: 18px;
        color: #4c6379;
        font-weight: bold;
        cursor: pointer;
        margin-top: 15px;
    }
    .course-header .course-header-menu i.fa {
        margin-right: 5px;
    }
    .course-header .search-course {
        height: 50px;
        line-height: 50px;
    }
    .course-header .search-course input {
        border: 1px solid #e1e1e1;
        border-right: none;
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        color: #686868;
        font-style: italic;
    }
    .course-header .search-course .input-group-append {
        background: #eb4336;
        color: #fff;
        padding: 0 20px;
        border: none;
    }
    .course-header .dropdown-menu {
        padding: 20px 0;
        margin: 0;
        top: 44px;
        font-size: 16px;
        color: #4c6379;
    }
    .course-header .dropdown-menu>li>a {
        padding: 7px 28px;
    }
    .course-header .dropdown-menu i.fa {
        margin-right: 15px;
    }

    /* Css for course list */
    .feature-course {
        padding: 30px 0;
        background: #f0f2f5;
    }
    .recent-course {
        padding: 50px 0 80px 0;
    }
    .feature-course h2,
    .recent-course h2 {
        color: #4c6379;
        font-size: 24px;
        font-weight: bold;
        margin: 5px;
    }
    .course-item {
        box-shadow: 2px 2px 10px #cecece;
        margin-top: 20px;
        min-height: 290px;
        border-radius: 10px;
    }
    .course-item .course-item-image {
        display: block;
        position: relative;
        height: 153px;
        width: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0px 0px;
    }
    .course-item .course-item-image .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: .3s ease;
        background: rgb(0,0,0,0);
    }
    .course-item:hover .course-item-image .image-overlay {
        background: rgba(0,0,0,0.5);
    }
    .course-item .course-item-image .course-item-label {
        display: inline-block;
        margin-top: 10px;
        padding: 7px;
        text-align: center;
        background: #eb4335;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        text-transform: uppercase;
    }
    .course-item .course-item-image .course-item-label.item-free {
        background: #22b84c;
    }
    .course-item .course-item-detail h3.title {
        font-size: 16px;
        color: #4c6379;
      	margin: 0;
        text-align: left;
        font-weight: bold;
        margin-bottom: 5px;
        min-height: 58px;
    }
    .course-item .course-item-detail h3.title a,
    .course-item .course-item-detail h3.title a:hover {
        color: #4c6379;
    }
    .course-item .course-item-detail h3.title span.live {
        display: inline-block;
        background: #09d509;
        color: #fff;
        border-radius: 3px;
        padding: 3px 5px;
        font-size: 16px;
    }
    .course-item .course-item-detail .start-voting i.fa-star {
        color: #eb4335;
    }
    .course-item .course-item-detail .start-voting {
        margin-bottom: 10px;
    }
    .course-item .course-item-detail .course-register {
        background: rgba(0,0,0,0);
        border: 1px solid #d9534f;
        color: #d9534f;
        font-weight: bold;
    }
    .course-item .course-item-detail .course-register:hover {
        color: #fff;
        background: #d9534f;
    }

    /* Css for course detail */
    #detail_course li {
        list-style-type: none;
    }
    .course-title {
        color: #fff;
        padding: 145px 0;
        text-align: center;
        background-attachment: fixed;
    }
    .course-title h1 {
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        margin: 0;
        margin-bottom: 25px;
    }
    .course-title .meta {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 15px;
    }
    .group-button-countdown {
        margin: 20px 0 45px;
    }
    .group-button-countdown .button-countdown-item {
        position: relative;
    }
    .group-button-countdown .button-countdown-item .btn-countdown {
        background: #0bacea;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        width: 70px;
        text-align: center;
        padding: 8px 0;
    }
    .group-button-countdown .button-countdown-item .label-button-countdown {
        position: absolute;
        bottom: -25px;
        color: #fff;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 13px;
    }
    .group-button-countdown .button-countdown-next {
        padding: 0 10px;
        line-height: 40px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }
    .star-rating {
        display: inline-block;
        font-size: 13px;
    }
    .text-rating {
        display: inline-block;
        margin-left: 20px;
        font-size: 13px;
        color: #595959;
    }
    .course-content {
        background: #f4f5f7;
    }
    .course-content .course-pannel {
        background: #fff;
        padding: 30px;
        margin-top: 30px;
    }
    .course-content .sub-menu {
        padding: 16px 0;
        background: #f0f2f5;
        -webkit-box-shadow: 0px 1px 1px 0px #eee;
        -moz-box-shadow: 0px 1px 1px 0px #eee;
        box-shadow: 0px 1px 1px 0px #eee;
        text-transform: uppercase;
    }
    .course-content .sub-menu.fix-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .course-content .sub-menu ul {
        padding-left: 0;
        text-align: center;
        margin-bottom: 0;
    }
    .course-content .sub-menu ul li {
        display: inline-block;
        padding: 0 21px;
    }
    .course-content .sub-menu ul li span {
        cursor: pointer;
        color: #686868;
    }
    .course-content .sub-menu ul li span:hover,
    .course-content .sub-menu ul li span.active {
        color: #20b3ec;
    }
    .course-content .course-pannel .course-pannel-block {
        margin-bottom: 30px;
    }
    .course-content .course-pannel h3 {
        font-size: 24px;
        font-weight: bold;
        color: #4c6379;
        margin: 0;
        margin-bottom: 15px;
    }
    .course-content .course-pannel ul li {
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .course-content .course-pannel ul li:before {
        content: "\f0da";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -20px;
        width: 20px;
        font-size: 16px;
    }
    .course-content .course-pannel ul.course-pannel-block-benefit {
        border: 2px solid #c0d2dc;
        border-radius: 3px;
        background: #f3f7f8;
        color: #4c6379;
        padding: 30px 20px 20px 20px;
    }
    .course-content .course-pannel ul.course-pannel-block-benefit li {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }
    .course-content .course-pannel ul.course-pannel-block-benefit li:before {
        content: "\f058";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -20px;
        width: 20px;
        color: #545454;
    }
    .course-content .course-pannel ul.course-pannel-block-benefit li:nth-child(2n+1) {
        clear: both;
    }
    .course-content .course-pannel ul.course-pannel-block-content li {
        padding: 20px 20px 20px 40px;
        border-bottom: 1px solid #e1e1e1;
        margin: 0;
        background-color: #e1e1e1;
    }
    .course-content .course-pannel ul.course-pannel-block-content li:last-child {
        border: none;
    }
    .course-content .course-pannel ul.course-pannel-block-content li:before {
        float: left;
        content: "\f01d";
    }
    .course-content .course-pannel .panel-group .panel-default {
        border-radius: 0;
    }
    .course-content .course-pannel .panel-group .panel-default .panel-body {
        padding: 0;
    }
    .course-content .course-pannel .panel-group .panel-heading {
        padding: 15px;
        font-size: 18px;
    }
    .course-content .course-pannel .panel-group .panel-heading span {
        color: #0282c5;
        font-weight: bold;
    }
    .course-content .course-pannel .teacher-name {
        font-size: 18px;
        font-weight: bold;
        color: #0282c5;
        margin-bottom: 15px;
    }
    .course-content .course-pannel .list-review .list-review-item {
        margin-bottom: 20px;
    }
    .course-content .course-pannel .list-review .list-review-item:last-child {
        margin-bottom: 0;
    }
    .course-content .course-pannel .list-review .list-review-item img {
        border-radius: 100%;
        max-width: 50px;
    }
    .course-content .course-pannel .list-review-item .author {
        font-weight: bold;
        margin-bottom: 10px;
    }
    .course-content .course-pannel .course-list-tag span {
        font-size: 16px;
        font-weight: bold;
        margin-right: 10px;
    }
    .course-content .course-pannel .course-list-tag .course-list-tag-item {
        border: 1px solid #e0ebf1;
        background: #f9f7fa;
        display: inline-block;
        border-radius: 20px;
        padding: 10px;
        margin: 0 3px;
        font-weight: normal;
    }
    .course-content .course-info h3 {
        font-size: 16px;
    }
    .course-content .course-info .rate {
        margin-bottom: 20px;
    }
    .course-content .course-info .course-price {
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .course-content .course-info .btn-danger {
        background: #eb4336;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .course-content .course-info .btn-default {
        background: #fff;
        font-size: 18px;
        margin-bottom: 30px;
    }
    .course-content .course-info p {
        margin-bottom: 20px;
    }
    .course-content .course-info .share-social {
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
    }
    .course-content .course-info .share-social .btn-default {
        color: #4c6379;
    }
    .course-content .course-info .share-social .btn-default:hover {
        color: #fff;
        background: #e95d51;
    }
    .related-course {
        padding: 50px 0 80px 0;
        background: #f4f5f7;
    }
    .related-course h2 {
        color: #4c6379;
        font-size: 24px;
        font-weight: bold;
        margin: 0;
    }
    #owl-course-related {
        margin: 0 -10px;
        position: relative;
    }
    #owl-course-related .course-item {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #owl-course-related .owl-controls .owl-buttons .owl-next,
    #owl-course-related .owl-controls .owl-buttons .owl-prev {
        position: absolute;
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-radius: 3px;
        color: #595959;
        font-size: 24px;
        background: #fff;
        opacity: 0.8;
        top: 125px;
        padding: 0;
        margin: 0;
    }
    #owl-course-related .owl-controls .owl-buttons .owl-prev {
        left: -10px;
    }
    #owl-course-related .owl-controls .owl-buttons .owl-next {
        right: -10px;
    }
    .readmore {
        color: #0381c4;
        font-size: 13px;
    }

    @media screen and (max-width: 767px) {
        .course-content .sub-menu {
            padding: 15px;
        }
        .course-content .course-pannel {
            padding: 15px;
        }
        .course-content .course-pannel ul.course-pannel-block-benefit li {
            float: none;
            width: 100%;
        }
        .group-button-countdown .button-countdown-item .btn-countdown {
            width: 38px;
        }
        .course-content .course-pannel .list-review .list-review-item img {
            float: left;
            margin-right: 20px;
        }
        .course-content .course-pannel .list-review-item .author {
            line-height: 50px;
        }
    }

    /* Css for pricing */
    .pricing {
        padding: 40px 0 70px 0;
    }
    .pricing h1 {
        font-size: 48px;
        margin: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .pricing .pricing-description {
        font-size: 20px;
        text-align: center;
        margin-bottom: 50px;
    }
    .pricing .pricing-table {
        width: 100%;
        font-weight: bold;
    }
    .pricing .pricing-table th {
        border: none;
        border-radius: 5px 5px 0 0;
        color: #fff;
        text-align: center;
        padding: 15px 0;
        position:relative;
    }
    .pricing .pricing-table th:nth-child(2):after {
        content:'';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-top: solid 13px #fe7c86;
        border-left: solid 13px transparent;
        border-right: solid 13px transparent;
    }
    .pricing .pricing-table th .plan-name {
        font-size: 36px;
    }
    .pricing .pricing-table th .pricing-name {
        font-size:24px;
        font-weight:300;
    }
    .pricing .pricing-table th .pricing-name i {
        
        margin-top:4px;
        font-size:16px;
        position: absolute;
    }
    .pricing .pricing-table th .pricing-name span {
        display: inline-block;
        font-size: 16px;
        margin-left: 10px;
    }
    .pricing .pricing-table th .plan-description {
        font-size: 14px;
        font-weight: 300;
    }
    .pricing .pricing-table th .plan-description.pr {
        font-size: 22px;
        font-weight: bold;
        margin-top: -15px;
    }
    .pricing .pricing-table th:first-child {
        text-align: left;
        padding: 0 25px;
        font-size: 24px;
    }
    .pricing .pricing-table tbody tr:nth-child(2n+1),
    .pricing .pricing-table tr td:nth-child(2) {
        background: #f3fafe;
    }
    .pricing .pricing-table tbody tr:last-child {
        background: unset;
    }
    .pricing .pricing-table td {
        text-align: center;
        border: 1px solid #ebebeb;
        padding: 25px;
    }
    .pricing .pricing-table td:first-child {
        text-align: left;
    }
    .pricing .pricing-table .register-course {
        padding: 10px 25px;
        background: #f15141;
        color: #fff;
        font-size: 16px;
        display: inline-block;
        border-radius: 30px;
    }
    .pricing .pricing-table .register-course:hover {
        color: #fff;
    }




    /*------------------HEADER------------------------*/


    .head-menu a { color: #fff; }
    .lp-ava-name-owner { margin: 5px 30px 0 0; display: inline-block; width: 80%;   }
    .lp-av-o { float: left; width: 20%; }
    .lp-name-o { float: left; margin: 13px 10px; }
    .lp-name-o a { font-size: 16px; font-weight: bold; }
    .lp-av-o img { width: 100%; }
    .lp-box-search-top {     margin-top: 10px;    display: inline-block;    width: 54%; }
    .lp-box-search-top input { background: transparent !important; color: #fff; }
    .lp-box-search-top .form-group { margin-bottom: 0; }
    .lp-form {    border-bottom: 1px solid #fff !important;    width: 100%;    background: 0;    border: none;    box-shadow: none;    border-radius: 0;    padding: 10px 5px 0 5px;    color: #fff; font-size: 13px;}
    .lp-form::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */    color: #fff;    opacity: 1; /* Firefox */ ;}
    .lp-form:-ms-input-placeholder { /* Internet Explorer 10-11 */    color: #fff;}
    .lp-form::-ms-input-placeholder { /* Microsoft Edge */    color: #fff; }
    .lp-btn-search { position: absolute;    right: 2px;    top: 10px;    background: transparent;    color: #fff;    font-size: 14px;    padding: 6px 20px;}
    .lp-link-menu { float: right; margin: 10px; font-size: 16px; }
    .lp-link-menu a:hover { text-decoration: underline; }
    .lp-link-menu ul li { display: inline-block;  margin-right: 50px; margin-top: 8px; font-weight: bold}
    .lp-link-menu> ul > li:nth-child(2) { margin: 0 5px; }
    .lp-link-menu ul li:last-child { margin: 0 5px; }
    .lp-main-head { padding: 190px; text-align: center; }
    .lp-main-head img { border: 2px solid #fff; border-radius: 100%; margin: 30px 0 15px 0; width: 15%; }
    .lp-main-head p { display: inline-block; width: 100%; font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 5px; }
    .lp-main-head span { font-weight: bold; display: inline-block; width: 100%; margin: 0 0 30px 0; color: #fff }
    .lp-main-head-style a { border-radius: 10px; background: #4267B2; padding: 10px 25px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 16px; }

    /*------------------MAIN------------------------*/

    .lp-block-greeting, .lp-block-reason, .lp-block-course, .lp-block-testi { padding: 20px 0; }
    .lp-block-greeting h3, .lp-block-video h3, .lp-block-reason h3, .lp-block-course h3, .lp-block-testi h3 { font-weight: bold; font-size: 30px; text-align: center; display: inline-block; width: 100%; }
    .lp-block-greeting p { line-height: 1.5; margin: 10px 0; }
    .lp-block-video { padding: 20px 0; background: #00a0dc;  }
    .lp-block-video h3, .lp-block-testi h3 { color: #fff; margin-bottom: 10px; }
    .lp-inner-video { width: 70%; margin: 0 auto; }
    .lp-block-reason { background: #f3f3f3; }
    .inner-col-reason img {    display: block;    margin: 10px 0;width: 120px;height: 120px;}
    .inner-col-reason p {    font-size: 18px; margin: 20px 0; }
    .inner-col-reason span {    font-size: 16px; width: 69%; display: inline-block;}
    .box-reason { margin: 20px 0; display: flex; text-align: center;  width: 100%; }
    .lp-bc-img { width: 37%; float: left;}
    .lp-bc-des { width: 37%; float: left; margin: 0 20px; }
    .lp-bc-price { width: 20%; float: left; }
    .lp-box-course { margin-top: 30px; display: inline-block; width: 100%; border-bottom: 1px solid #ccc; }
    .lp-bc-des p {font-size: 18px; font-weight: bold; max-height: 42px; min-height: 42px;}
    .lp-bc-des span { margin: 10px 20px 10px 0px; display: inline-block; }
    .lp-bc-des i { color: #000; width: 15px; text-align: center; }
    .lp-bc-des ul { padding: 0; }
    .lp-bc-des ul li i { color: #0090ff; width: 15px; text-align: center; }
    .lp-bc-des ul li { line-height: 1.5; list-style: none;}
    .lp-bc-price { text-align: right; font-weight: bold; }
    .price-b { font-size: 40px; }
    .price-b sup { font-size: 22px; }
    .price-s { font-size: 24px; color: #696969; text-decoration: line-through;  }
    .price-s sup { font-size: 12px; }
    .price-o { font-size: 16px; background: #f26522; border-radius: 3px; padding: 5px; color: #fff; display: inline-block; margin: 10px 0; }
    .lp-bc-price a { background: #1877f2; padding: 10px 20px; text-transform: uppercase; font-size: 16px; text-align: center; color: #fff; display: inline-block; width: 100%;  border-radius: 3px;}
    .lp-bc-price a:hover { background: #a50000; }
    .lp-block-testi { background: #00a0dc; }
    .mini-testi {    background: #fff;    border-radius: 3px;    padding: 30px 20px 60px 20px;    text-align: center;    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.35);}
    .mini-testi img {    text-align: center;    display: inline-block !important;    border-radius: 100%;}
    .mini-testi p {    font-size: 18px;    margin: 20px 0 40px;}
    .mini-testi span {    font-size: 16px;}
    .lp-block-teacher-edit { background: #eee; border-top: 1px solid #ccc; padding: 30px 0; text-align: center; }
    .lp-block-teacher-edit p { font-weight: bold; margin-bottom: 10px; }

    /*--------Block Youtube--------*/
    .mbs-block-youtube { padding: 20px 0;  }
    .box-yt { width: 70%; margin: 0 auto }
    .mbs-block-youtube h3 { text-align: center; font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }

    /*---------Block about --------*/
    .mbs-block-about {   padding: 20px 0;  background: #f3f3f3; }
    .mbs-block-about h3 { text-align: center; font-size: 24px; font-weight: bold;   display: block; margin-bottom: 20px; }
    .mbs-block-about span { font-weight: bold; }

    /*--------- Block benefit -------*/
    .mbs-block-benefit {  padding: 20px 0;  background: #fff; }
    .mbs-block-benefit h3 { text-align: center; font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }
    /* .mbs-block-benefit span { font-weight: bold; } */

    /*--------- Block description -------*/
    .mbs-block-description {  padding: 20px 0;  background: #f3f3f3; }
    .mbs-block-description h3 { text-align: center; font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }
    /* .mbs-block-description span { font-weight: bold; } */

    /*--------- Block content -------*/
    .mbs-block-content {  padding: 20px 0;  background: #fff; }
    .mbs-block-content h3 { text-align: center; font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }
    .mbs-block-content span { float: right; }

    .box-course-collapse button { width: 100%;  }
    .box-course-collapse .card-header { padding: 5px; }
    .box-course-collapse p { float: left; color: #000; font-weight: bold; margin-bottom: 0; font-size:14px;white-space: normal;text-align: left;  }
    .box-course-collapse span { float: right; color: #000; font-size: 14px; }
    .box-course-collapse .card { margin-bottom: 10px; }
    .box-course-collapse .card-body ul { padding-left: 0; }
    .box-course-collapse .card-body ul li { display: inline-block; width: 100%; list-style: none; border-bottom:  1px solid #ccc; padding: 10px 0; }
    .box-course-collapse .card-body ul li:last-child { border: none; }
    .list-video-course a { float: left; color: #428bca; }
    .list-video-course p { float: right; font-weight: normal; }
    /* .list-video-course i {    margin-right: 20px;} */
    .review-demo { background: #17a2b8; color: #fff !important; padding: 2px 10px ; border-radius: 3px; margin-right: 20px; transition: 0.5s; font-size: 14px;  float: right !important; }
    .review-demo:hover { background: #0ac3e0; }


    /*--------- Block teacher -------*/
    .mbs-block-teacher {  padding: 20px 0;  background: #f3f3f3; }
    .mbs-block-teacher h3 { text-align: center; font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }
    .mbs-block-teacher span { font-weight: bold; }
    .m-img-teacher img { border-radius: 100%;  }
    .box-teacher-mbs ul li { list-style: none; display: inline-block; width: 100%; margin-bottom: 30px;      border-bottom: 1px solid #ccc; }
    .box-teacher-mbs ul li:last-child { border: none; }
    .m-des-teacher p { margin-bottom: 5px; }
    .m-img-teacher { float: left; text-align: center; }
    .m-des-course { float: left; }
    .m-des-course ul li { margin-bottom: 5px; border: none; font-size: 14px; }
    .description-teacher { text-align: center; }
    .m-name-gv { display: inline-block; margin: 5px 0; font-size: 20px; }
    .box-teacher-mbs ul { padding: 0; }

    /*--------- Block time live -------*/
    .mbs-block-time-live {  text-align: center;padding: 20px 0;  background: #f3f3f3; }
    .mbs-block-time-live h3 {  font-size: 24px; font-weight: bold; display: block; margin-bottom: 20px; }
    .mbs-block-time-live span { font-weight: bold; font-size: 15px;}

    /*--------- Block membership -------*/

    .mbs-block-membership {  padding: 20px 0;  background: #fff; }
    .mbs-block-membership h3 { text-align: center; font-size: 24px; font-weight: bold;  display: block; margin-bottom: 20px; }
    .mbs-block-membership span { font-weight: bold; display: block; white-space: normal !important;}
    .box-pay-mbs .form-check { margin-bottom: 10px; }
/*         .btn-cart-mbs a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff; transition: 0.5s; font-size: 14px;}
    .btn-cart-mbs a:hover { background: #034d9c; } */
    .detail-price .form-check .form-check-input { margin-left: 0; }
    .detail-price .form-check .form-check-label { margin-left: 25px; }
    .detail-price { border-bottom: 1px solid #ccc; padding: 10px; border-right: none; }
    .cost-price { border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; padding: 10px; }
    .cost-price p { font-size: 20px; text-align: center; font-weight: bold; color: #f00; }
    .cost-price sup { font-size: 12px; }
    /* .btn-cart-mbs { text-align: center; margin: 20px 0; } */
    .cost-mbs { text-align: center; font-weight: bold; font-size: 14px; }
    .box-combo-default,.box-cb-price { margin:0; }
    .price-box-pay {border-left: 1px solid #ccc; padding: 0 10px; margin: 0; }
    .des-box-pay p { font-weight: normal; }
    .price-box-pay p { display: block; text-align: center; font-weight: bold;    font-size: 14px; margin-bottom: 5px;}
    .price-box-pay .price-a { font-size: 20px; font-weight: bold; color: #8B5CF6; }
    .price-box-pay .price-c { background: #f26522; padding: 4px; color: #fff; font-weight: bold; border-radius: 3px;  display: inline-block; }
    .price-box-pay .price-d { text-decoration: line-through; }

    /*
        ==============================================================
           Responsive CSS 
        ==============================================================
    */

    @media (min-width:1921px) and (max-width:2560px) { 
    }

    @media (min-width:1366px) and (max-width:1600px) {

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

    }
    @media (min-width:992px) and (max-width:1199px) {
    .lp-ava-name-owner {    width: 38%; }
    .lp-bc-img { width: 30%; }
    .lp-bc-des { width: 45%; }
    .lp-bc-des ul li { line-height: 1.5; }
    }

    @media (min-width:768px) and (max-width:991px) { 
    .lp-ava-name-owner { width: 32%; }
    .lp-box-search-top { width: 63%; }
    .lp-link-menu { float: none; text-align: center; }
    .inner-col-reason span { width: 78%; }
    .lp-bc-img { width: 25%; }
    .lp-bc-des { width: 49%; }
    .lp-bc-des ul li { line-height: 1.5 }
    .lp-bc-price a { padding: 7px; }
    .lp-block-testi .container { padding: 5px }
    .lp-block-testi .col-sm-4 { padding: 5px; }
    }

    @media (max-width:767px) { 
    .box-course-collapse .card-body ul li { display: inline-block; width: 100%; list-style: none; border-bottom:  1px solid #ccc; padding: 10px .75rem; }
    .course-item .course-item-detail h3.title{min-height: unset;}
    .lp-ava-name-owner { display: none; }
    .lp-box-search-top { width: 100%; }
    .lp-link-menu { font-size: 14px; float: none; margin: 0; padding: 10px 0; }
    .lp-main-head img { margin: 0 0 10px 0; width: 40%; }
    .box-reason { display: block; }
    .lp-bc-img, .lp-bc-des, .lp-bc-price{ width: 100%; }
    .lp-bc-des { margin: 10px 0; }
    .lp-bc-des ul li { line-height: 1.5 }
    .price-b, .price-s { width: 30%; text-align: center; }
    .price-b { font-size: 30px;  float: left; }
    .price-b sup { font-size: 15px; }
    .price-s { font-size: 20px; float: left; margin-top: 8px; }
    .price-s sup { font-size: 10px; }
    .price-o { margin: 0; }
    .lp-bc-price a { margin-top: 10px; }
    .mini-testi { margin-bottom: 10px; }
    .lp-block-greeting h3, .lp-block-video h3, .lp-block-reason h3, .lp-block-course h3, .lp-block-testi h3 { font-size: 20px; }
    .box-course-collapse .card-body { padding: 5px; }
    /* .box-course-collapse p { margin-left: -10px; } */
    .lp-main-head {
        padding: 35px 0 55px 0;
    }
    .lp-main-head p {
        font-size: 20px;
    }
    }

    @media (min-width:376px) and (max-width:414px) {
    }
    @media (min-width:321px) and (max-width:375px) {
    .head-menu .col-12 { padding: 5px; }
    .price-b, .price-s { width: 33%; }

    }
    @media (max-width: 320px) {
    .head-menu .col-12 { padding: 5px; }
    .lp-link-menu ul li { margin-right: 30px; font-size: 13px; }
    .price-b { width: 40%; }

    }
    .circle-box-course
    {
        color: #fff;
        background: #428bca;
        font-weight: bold;
        width: 22px;
        height: 22px;
        text-align: center;
        border-radius: 25px;
        font-size: 13px;
        padding-top: 1px;
        margin-top: 25px;
    }
    @media (min-width: 768px)
    {
        .box-circle {
            max-width: 3.333333% !important;
        }
    }

    .info_course_of_cate {
        float: left;
    }
    .list-comment-course .col-sm-2{
        /* flex: unset; */
    }
    .next-live-day{
        position: absolute;
        top: 101px;
        width: 100%;
        margin-top: 10px;
        text-align: center;
        background-color: #ea6840;
        color: white;
    }
    .next-live-day p{
        margin: 0;
    }
    @media screen and (max-width: 824px){
        .next-live-day{
            top: 101px;
        }
        .course-item .course-item-image {
            max-width: unset;
            max-height: unset;
        }
        .rating-student-right {
            float: left;
        }
        .rating-student-right .u-rate-f1-progress{
            width: 100%;
        }
        .u-rate-f1-star {
            margin-bottom: 10px;
        }
        .u-rate-f1-num , .u-rate-f1-progress {
            margin-top: 10px;
        }
    }
    @media screen and (max-width: 450px){
        .course-item .course-item-image {
            max-width: unset;
            max-height: unset;
            height: 210px !important;
        }
        .rating-student-right .u-rate-f1-star{
             text-align: left;
        }
        .u-rate-f1-num , .u-rate-f1-star {
            width: 50%;
        }
        .block-hv{
            width: 70%;
        }
        .u-rate-f1-star {
            margin-bottom: unset;
        }
        .u-rate-f1-num , .u-rate-f1-progress {
            margin-top: unset;
        }
        .next-live-day{
            top: 158px !important;
        }
    }
    @media screen and (max-width: 320px) 
    {
        .course-item .course-item-image {
            max-width: unset;
            max-height: unset;
            height: 175px !important;
        }
    }
    @media screen and (max-width: 568px) 
    {
        .next-live-day{
            top: 238px;
        }
        .course-item .course-item-image {
            max-width: unset;
            max-height: unset;
            height: 290px;
        }
    }
    .nav-pills .nav-link.active {
        color: #fff;
        background-color: #1877f2;
    }
    .label-livestream {margin: 5px;position: absolute;padding: 3px;right: 0;font-size: 14px;text-transform: uppercase;height: 15px;line-height: 15px;display: inline-block;vertical-align: middle;color: #d9534f;}
    .label-livestream:before {-webkit-border-radius: 50%;border-radius: 50%;display: block;position: relative;width: 15px;height: 15px;content: '';margin-right: 5px;vertical-align: initial;-webkit-animation: live-pulse 1s infinite;-moz-animation: live-pulse 1s infinite;-o-animation: live-pulse 1s infinite;animation: live-pulse 1s infinite;float: left;}
    .label-livestream-coures-relate {margin: 5px;position: absolute;padding: 3px;right: 17px;top:0;font-size: 14px;text-transform: uppercase;height: 15px;line-height: 15px;display: inline-block;vertical-align: middle;color: #d9534f;}
    .label-livestream-coures-relate:before {-webkit-border-radius: 50%;border-radius: 50%;display: block;position: relative;width: 15px;height: 15px;content: '';margin-right: 5px;vertical-align: initial;-webkit-animation: live-pulse 1s infinite;-moz-animation: live-pulse 1s infinite;-o-animation: live-pulse 1s infinite;animation: live-pulse 1s infinite;float: left;}
    @-webkit-keyframes live-pulse{0%{background-color:#e78dac}50%{background-color:white}100%{background-color:#d9534f}}@-moz-keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}@keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}

    /* .btn-cart-add { text-align: center; margin-top: 20px;}
    .btn-cart-add a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff; transition: 0.5s; font-size: 14px;}
    .btn-cart-add a:hover { background: #034d9c; } */

    .category {
        text-align: center;
    }
    .category a.active{
        background-color: #1877f2;
        color: #fff !important;
        border-radius: .25rem;

    }
    .category .nav-link{
        padding: 7px;
        margin-right: unset;
    }
    @media (min-width: 768px) and (max-width: 1023px){
        .u-rate-f1-star {
            margin-top: 10px;
        }
        ul.tabs-course li a {
            font-size: 14px !important;
        }
        .action-course {
            padding: 7px 8px !important;
        }
        .right-col-img-post { height: 120px; }
        .action-course { font-size: 12px !important; }
        .photo-teacher-course-section {
            width: 40px !important;
            height: 40px !important;
        }
        .wrapper-teacher-personal-info .teacher-description {
            padding-top: 20px;
        }
    }
    @media (min-width: 577px) and (max-width: 767px) {
        .u-rate-f1-num, .u-rate-f1-progress {
            margin-top: 0px;
        }
    }
    @media (min-width: 320px) and (max-width: 576px) {
        .img-responsive {
            width: 100%;
        }
        .u-rate-f1-num, .u-rate-f1-progress {
            margin-top: 0px;
        }
    }
    .lbl-finish-time-live
    {
        font-size: 20px !important;
        text-align: center !important;
        font-weight: bold !important;
        color: #f00;
    }
    .main_course_of_cate{
        background: #f0f2f5;
    }       
/* file course.css */
/* trang course of cate */

/* style inline tag_of_course */
.style_title_tag_of_course{
    font-size: 20px !important;font-family: inherit !important;font-weight: 500 !important;line-height: 1.1 !important;color: inherit !important;
}
/* style inline tag_of_course */

/* trang detail combo default*/
.percent_off_label{
    position: unset;
}
.image_cover_combo_default{
    background-size: cover!important; background-position: center!important;height:unset !important;aspect-ratio: 3/1;
}
.item_course_combo_default{
    width: 3% !important;
}
.unset_float_combo_default{
    float: none !important;
}
.font_size_price_combo_default{
    font-size: 18px !important;
}
.style_price_old_combo_default{
    text-decoration: line-through;padding-left: 10px !important;
}
.style_button_detail_combo{
    margin-top: 25px;color:#fff !important;
}
.style_img_teacher_combo_default{
    width: 200px !important;height: 200px !important;
}
.expired_combo_pay_retail_default{
    margin:10px 0 !important;
}
/* trang detail combo */


/* trang chi tiet giang vien */
/* trang chi tiet giang vien */

/* trang gio hang */
/* trang gio hang */

/* trang tim kiem */
/* trang tim kiem */

/* trang blog */
.input-page-pagination{
    width: 60px;text-align: center;
}
.card_cate_blog_default{
    margin-top: 10px !important;
    border-radius: 0 !important;
    height: unset !important;
}
.style_list_blog_hot_new{
    padding: 10px !important;
}
.style_card_list_blog_hot_new{
    padding: 0 !important;
}
.style_img_blog_default{
    float: left;
}
.style_name_blog_default{
    width: 75% !important; float: left;
}
.list-group-item-blog-default{
    border: none !important;
}
.card_cate_blog_default ul,.card_cate_blog_default ol{
    list-style: none !important;
}

.blog-title {
margin-bottom: 0;
font-size: 2rem;
font-weight: normal;
}
.blog-description {
font-size: 1.1rem;
color: #999;
}
@media (min-width: 40em) {
.blog-title {
    font-size: 18px;
    font-weight: bold
}
}
.blog-pagination {
    text-align: center;
    margin-bottom: 20px
}
/* #content_news img {
    width: 100% !important;
} */
.blog_with_cate_default{
    margin: 5px 0 !important;
    list-style: none;
}
.blog-main
{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0px;
}
/* trang blog */

/* trang thanh toan */
/* file /statics/css/main.css */
    /*-Other-*/
    .bg-gray { background: #f4f4f4; }
    .co-or { color: #4267B2; }
    .pd-No { padding: 0; }
    .bd-No { border-bottom: 0 !important; padding: 0 !important; }

    /*-Menu-*/

    /*
          ==============================================================
               Unica Cart Course Css
          ==============================================================
    */
    .u-box-cart-title { margin: 10px 0; }
    .u-box-cart-title p { font-size: 16px; }
    .u-box-cart { text-align: center; border: 1px solid #eee; padding: 20px; margin:  10px 0; }
    .u-cart-txt { font-size: 20px;  }
    .u-icon-cart i { font-size: 120px; color: #ccc; }
    .btn-cart { background: #1877f2; padding: 10px 15px; font-weight: bold; color: #fff; display: inline-block; margin: 10px 0; border-radius: 3px; border: none;}
    .u-cart-course { display: flex; border-bottom: 1px solid #dedfe0; padding-bottom: 10px; padding-top: 10px;}
    .u-cart-course:last-child { border: 0; padding-bottom: 0; }
    .u-box-cart2 {  border: 1px solid #eee; padding: 10px; margin:  10px 0;  display: inline-block; width: 100%; position: relative; }
    .u-cart-combo-course { border: 1px solid #eee; padding: 10px; margin:  10px 0;  display: inline-block; width: 100%; position: relative; }
    .u-cart-combo-course .u-cart-course { border: none; }
    .u-cart-combo-course .remove-course { position: absolute; top: 9px; right: 12px; color: red; cursor: pointer;}
    .u-box-cart2 .label { position: absolute; top: 20px; border-radius: 0 8px 8px 0; }
    .u-box-cart-big { position: relative; border-bottom: 1px solid #eee;  padding-bottom: 10px; }
    .u-box-cart-big:last-child { border: 0; padding-bottom: 0; }
    .img-cart-course { margin-right: 10px; width: 10%; }
    .title-cart-course { text-align: left; width: 70%; }
    .title-cart-course p { font-weight: bold; }
    .u-box-cart2 .remove-course { cursor: pointer; width: 2%; font-size: 16px; color: #f00;      position: relative;    top: 3px;    left: 17px; }
    .price-cart { width: 15%; }
    .price-cart p { font-size: 20px; font-weight: bold; }
    .price-cart sup { font-size: 14px; }
    .price-cart span { text-decoration: line-through;  }
    .price-cart span sup { font-size: 10px; }
    .u-cart-price { margin-top: 15px;  }
    .u-cart-price p { font-size: 18px; }
    .price-btn-box a { color: #fff; background: #1877f2; padding: 10px 20px; text-align: center; border-radius: 3px; font-weight: bold; display: inline-block; width: 100%;  text-transform: uppercase;}
    .cart-notice p { font-size: 14px; color: #7a8388; text-align: center;margin-top: 15px; }
    .price-cart-box { display: inline-block; width: 100%; margin: 0 0 10px 0;  }
    .price-cart-1 { color: #1877f2; font-size: 26px; font-weight: bold; }
    .price-cart-1 sup { font-size: 14px; }
    .price-cart-2 { margin: 5px 0; }
    .price-cart-2 p { font-size: 14px; display: inline-block; }
    .price-cart-2 sup { font-size: 12px; }
    .price-cart-2 span { text-decoration: line-through; }
    .price-cart-3 { font-size: 14px; }
    .price-cart-3 p { display: inline-block; font-size: 14px; }
    .more-cart { margin: 10px 0; text-align: center;}
    .more-cart p { font-size: 13px; }
    .more-cart a {color: #fff; background: #03A9F4; padding: 10px 20px; width: 30%; border-radius: 3px; font-weight: bold; display: inline-block; margin-top: 5px; }
    .u-box-cart-title2 { font-size: 18px; font-weight: bold; margin-top: 20px; }
    .u-cart-price2 { margin-top: 20px;  }
    .u-cart-price2 p { font-size: 16px; font-weight: bold; }
    .u-box-cart2 .form-inline .form-control { width: 100%; height: 40px; }
    span.required {    color: #F44336;}
    .u-box-cart2 label { float: left; font-weight: bold; margin-bottom: 5px; }
    .button-continue {    background-color: #4267B2;    color: #fff;    font-size: 18px;    font-weight: 700; float: left; margin-top: 10px;}
    .u-c-title { border-bottom: 1px solid #e6e6e6; padding: 5px 0; display: inline-block; width: 100%; }
    .u-c-title p { font-size: 14px; float: left; }
    .u-c-title a { float: right; }
    .total-cart { border-top: 1px solid #e6e6e6; margin-top: 10px; padding-top: 5px; width: 100%; display: inline-block; }
    .cart-course { display: inline-block; width: 100%; padding: 15px 0; }

    .ult-r sup { font-size: 10px; }
    .bd-cart-no { border: 0; }
    .name-cart-course { width: 70%; float: left; }
    .ult-l { float: left;margin-top: 5px;  }
    .ult-r { float: right; margin-top: 5px;  }


    .price-cart-course { float: right; }
    .price-cart-course sup { font-size: 12px; }
    .price-cart-course span { font-size: 14px; text-decoration: line-through; }
    .price-cart-course span sup { font-size: 10px; }
    .total-cart p {float: left;}
    .total-cart sup {font-size: 12px;}
    .total-cart span {color: #f00;}

    .steps {    list-style: none;    display: table;    width: 100%;    padding: 0;    margin: 0;   position: relative;}
    .steps li {    display: table-cell;    text-align: center;    width: 1%;}
    .steps li.active:before, .steps li.complete:before, .steps li.active .step, .steps li.complete .step {    border-color: #12cbec;}
    .steps li:first-child:before {    max-width: 51%;    left: 50%;}
    .steps li:before { display: block; content: ""; width: 100%;height: 1px; font-size: 0; overflow: hidden; border-top: 4px solid #CED1D6; position: relative; top: 21px; z-index: 1;}
    .steps li .step { border: 5px solid #ced1d6; color: #546474; font-size: 15px; border-radius: 100%; background-color: #FFF; position: relative; z-index: 2; display: inline-block;    width: 40px; height: 40px; line-height: 30px; text-align: center; }
    .u-box-step {     display: inline-block;    width: 100%;    margin: 20px 0; }
    .steps li.complete .title, .steps li.active .title {  color: #fff;}
    .steps li .title { display: block; margin-top: 4px; max-width: 100%; color: #fff; font-size: 14px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word;}
    .steps li:last-child:before {    max-width: 50%;    width: 50%; }

    .btn-complete { padding: 7px 10px ; font-weight: bold; font-size: 16px; color: #fff; background: #42b883; text-align: center; margin-top: 10px; width: 100%; display: inline-block; border-radius: 3px; margin-bottom: 10px;}
    .u-box-cart-title2 span { font-size: 14px; font-weight: normal; }
    .u-box-cart3 { padding: 5px; display: inline-block; width: 100%; }
    .u-box-cart3 .panel-heading  { background: #3b99d4; color: #fff; padding: 5px; margin: 5px 0; }
    .u-box-cart3 i { font-size: 24px; margin-right: 5px; width: 30px; text-align: center; }
    .u-box-cart3 a { color: #fff; font-size: 14px; padding: 5px; }
    .u-box-cart3 .fh { font-size: 30px; vertical-align: sub; }
    b { font-weight: bold; }
    .cart-complete,.cart-error { text-align: center;  margin: 20px 0; font-size: 16px; line-height: 30px;  padding: 20px; }
    .cart-error i { font-size: 120px; color: orange; }
    .cart-complete i { font-size: 120px; color: #00b609; }
    .cart-complete p, .cart-error p { font-size: 20px; font-weight: bold; margin: 20px 0; }
    .u-cart-more-course { padding: 10px 0; border: 1px solid #eee; display: inline-block; }
    .u-cart-more-course h3 { font-size: 24px; font-weight: bold; margin-left: 10px; }
    .u-cart-more-course {    padding: 10px 0;    border: 1px solid #eee;    display: inline-block;}
    .u-cart-more-course h3 {    font-size: 24px;    font-weight: bold;    margin-left: 10px;}

    /*
          ==============================================================
               Unica Responsive Css
          ==============================================================
    */

    @media (min-width:1921px) and (max-width:2560px) { 
    .u-dashboard-top .container { width: auto; padding-left: 10%; padding-right: 10%; }
    .unica-home-menutop.hidden-xs > .container-fluid > .col-width-lg { max-width: 100%;   padding-left: 10%; padding-right: 10%;}
    .unica-home-menutop.hidden-xs > div > div > .cate-md  { width: 16.66666667%; }
    main > .container { width: auto;   padding-left: 10%; padding-right: 10%; }

    }
    @media (min-width:1599px) and (max-width:1920px) {
    .unica-home-menutop .col-lg-3 { width: 16.66666667%; }
    .unica-home-menutop .col-lg-4 { width: 41.66666667%; }
    .unica-blog .container { width: 1600px; }
    .unica-blog-list .container { width: 1600px; }
    .u-bread .container { width: 1600px; }
    .img-blog-news { width: 22%; }
    .box-news-mini { width: 75%; }
    .box-news-mini img { width: 15%; }
    .blog-big-slide img { max-height: 400px; }
    .u-blog-sm-box img { max-height: 194px; }


    }

    @media (min-width:1366px) and (max-width:1600px) {
    .unica-main-banner-box-search  { right: 17%; }
    .unica-be-teacher { height: 284px;background-size: contain; }
    .unica-be-teacher-txt { top: 12%; }
    .unica-be-teacher-txt h4 { font-size: 55px; }
    .uv-name-hv { width: 86%; }
    .uv-name-gv { width: 84%; }
    .uv-name-gv span { float: left; }
    .unica-daily-top { height: 337px;background-size: contain; padding: 80px 0; }
    .kq-test { margin-right: 10px; }

    }
    @media (min-width:1200px) and (max-width:1365px) { 
    .unica-btn-search { right: 15px; }  
    .unica-main-banner-box-search  { right: 10%; }
    .unica-menu-cate {      margin: 25px 0 0 25px; }
    .col-width-lg { font-size: 14px; }
    .unica-cart { margin: 5px;}
    .box-slider .slick-prev:before, .box-slider .slick-next:before { font-size: 30px; }
    .unica-box-course-f .slick-prev:before, .unica-box-course-f .slick-next:before { font-size: 30px !important; color: #606060 !important;  }

    .cate-sm { padding: 0; }
    .unica-reg-acc { padding: 9px 12px; }
    .box-slider .slick-prev { left: -15px; }
    .unica-box-course-f .slick-prev { left: -25px; }
    .unica-be-teacher {background-size: cover; background-repeat: no-repeat; height: 250px}
    .unica-be-teacher-txt { top: 13%; }
    .unica-be-teacher-txt p { font-size: 20px; }
    .unica-be-teacher-txt h4 { font-size: 48px; }

    .box-teacher > button.slick-prev.slick-arrow { left: -25px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .box-teacher .slick-prev:before, .box-teacher .slick-next:before { font-size: 30px !important; color: #606060 !important;  }

    .u-txt-list p { font-size: 22px; }
    .u-txt-list span { font-size: 16px;    }
    .u-txt-back a { font-size: 20px; margin-top: 15px; }
    .ua-btn-qa-bm a { margin: 0 2px }
    .uv-name-hv { width: 89%; margin-top: -2px; }
    .uv-name-hv p { width: 100%; }
    .uv-name-hv span { float: left; font-size: 12px; }
    .uv-name-gv { width: 87%; margin-top: -2px; }
    .uv-name-gv p { width: 100%; }
    .uv-name-gv span { float: left; font-size: 12px; }

    .unica-daily-top { height: 296px;background-size: contain; padding: 50px 0; }
    .kq-test { margin-right: 20px; }


    }
    @media (min-width:992px) and (max-width:1199px) { 
    .unica-main-banner-box-search  { right: 7%; }
    .unica-cart {top: 2px; }
    .unica-active-course i { margin: 0; }
    .unica-menu-cate { margin: 25px 0 0 12px; }
    .cate-md { padding: 0; }
    .unica-active-course { border: 1px solid #636363; color: #636363 }
    .box-item { width: 20%; }
    .slick-prev:before, .slick-next:before { font-size: 30px !important; color: #606060 !important;  }
    .box-teacher > button.slick-next.slick-arrow { right: -20px; }
    .box-slider .slick-prev { left: -15px; }
    .box-slider .slick-next { right: -5px; }
    .target-box  { width: auto; }
    .course-box-slider { margin: 9px; }
    .course-box-slider-2 { margin: 9px; }
    .social-connect a { margin-right: 5px; }
    .pdR0 { padding: 0; }
    .unica-box-course-f .slick-prev { left: -25px; }
    .unica-be-teacher {background-size: cover; background-repeat: no-repeat; height: 213px}
    .unica-be-teacher-txt { top: 13%; }
    .unica-be-teacher-txt p { font-size: 18px; }
    .unica-be-teacher-txt h4 { font-size: 40px; }
    .box-teacher > button.slick-prev.slick-arrow { left: -30px; }
    .unica-box-email .pd-No { margin: 0; }
    .u-title-footer p { font-size: 23px; margin-bottom: 10px; }
    .u-btn-form { padding: 6px 16px; }
    .u-e-form { padding: 6px 10px 6px 8px; }
    .title-course-f { margin-left: 6px; }
    .u-list-leftbar { width: 25%; }
    .u-all-course .course-box-slider { margin: 0 20px 0 0; }
    .u-all-course .course-box-slider-2 { margin: 0 20px 0 0; }
    .u-order { padding-bottom: 10px; }
    .btn-preview  { display: inline-block; padding: 5px 8px; }
    .block-buy { width: 308px; }
    .u-plus-course  { width: 100%; }
    .u-block-plus  { width: 100%; } 
    .u-plus-icon { left: 208px; }
    .u-td { display: block;  }
    .uct-left { width: 28% }
    .uct-right { width: 69%; margin-left: 15px; }
    .urh-right { margin-left: 15px; }
    .u-rate-f1-star i { font-size: 16px; }
    .u-rate-f1-star { width: 22%; }
    .u-rate-f1-num { width: 3%; }
    .u-rate-f1-progress { height: 32px; }
    .btn-buy-plus { width: 78%; }
    .price-combo { margin-left: 10px; }
    .des-combo a { margin-bottom: 5px; }
    .rate-combo { margin-top: 3px; }
    .rate-combo span:last-child { display: none; }
    .favo-combo { margin: 30px 10px; }
    .ubo-right-title  { margin-bottom: 40px; }
    .ubo-right-prog  { margin-top: 59px; }
    .uom-gv-left { width: 39%; }
    .uom-gv-right { width: 52%; }
    .txt-box, .box-hv-q { width: 81%; }
    .box-ad-a , .uom-block-textbox2 .txt-box{ width:  76%; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none;}
    .unica-video-main p {font-size: 20px;}
    .unica-learn-bottom { padding: 20px 0; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i { margin: 0; }
    .ua-btn-qa-bm { float: left; }
    .uv-name-hv { width: 89%; }
    .uv-name-gv { width: 88%; }
    .unica-order-cart .container { padding: 0; }
    .col-cart-table { padding-left: 0 }
    .col-cart-table2 { padding-right: 0; padding-left: 0 }
    .block-ulti ul { margin-left: 20px; }
    .u-img-combo {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px; }
    .u-img-combo img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .u-des-combo {width: 15%;}
    .u-tit-combo { width: 57%; }
    .utt-bot .container { padding: 0; }
    .u-teacher-avatar { margin-right: 0; }
    .u-teacher-info { float: right; }
    .des-ubc-course { width: 58%; }
    .ubc-btn p, .ubc-btn a { width: 47%; }
    .tit-gv-news a { display: inline-block; }

    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .unica-daily-top { height: 253px;background-size: contain; padding: 20px 0; }
    .unica-teacher-top { background-position-x: center; }
    .box-reason-teacher ul li { margin: 17px; }
    .member-box .img-wrap img {  width: 200px; height: 200px;}
    .member-box { width: 216px; }
    .people-iq { margin: 21px 4px; }
    .box-iq-txt h3 { font-size: 62px; }
    .unica-iq-bottom-box { width: 95%; }
    .box-slider img { height: auto; }
    .u-banner-small img:first-child { height: 155.5px }

    .banner-cd-cate ul li { margin: 4px; }
    .imgBox img { height: 40%; }
    .box-about-bot p { min-height: 95px; }
    .unica-about-block-6 ul li { margin: 0 4px; }
    .block-about-right h3 { font-size: 26px; }
    .block-about-right p { margin: 10px 0; }
    .block-about-right ul li { font-size: 13px; width: 50% }
    .u-tags ul li { margin: 9px; }
    .box-list-teacher-inner { margin: 20px 25px 0 0; }
    .noMG { margin-right: 0; }
    .title-list-teacher ul li {     margin: 5px 7px; }

    .list-box-gv-db ul li { margin: 4px; }
    .box-txt-app ul li { margin: 4px;  }
    .blog-big-slide .slick-next { right: 15px; }
    .img-blog-news { width: 37%; }
    .box-news-mini ul li { margin-bottom: 8px; }
    .box-cate-list-blogs p { width: 69%; }

    .u-blog-sm-box img { max-height: 149px; min-height: 149px; }
    .img-blog-news img { min-height: 166px; max-height: 166px; }
    }
    @media (min-width:768px) and (max-width:991px) { 
    .unica-main-banner-box-search  { right: 13%; top: 50%; }
    .unica-logo { width: 50%; padding-top: 14px; }
    .cate-md, .cate-sm { padding: 0; }
    .unica-btn-search { right: 19px; padding: 6px 9px; }
    .unica-menu-cate { margin: 25px 0 0 20px; }
    .unica-reg-acc { padding: 9px 13px; }
    .unica-log-acc {  padding: 9px 6px;  }
    .unica-cart { margin: 0; }
    .unica-form { padding: 6px 4px; }
    .slick-prev:before, .slick-next:before { font-size: 25px !important; color: #606060 ;  }
    .box-slider .slick-prev { left: -13px; }
    .box-slider .slick-next { right: -10px; }
    .box-slider img { padding: 6px; height: 241px; }
    .u-banner-small img:first-child { height: 113px; }
    .unica-big-slider h4, .unica-learn-today h4 { font-size: 24px; }
    .target-box  { width: auto; }
    .pdr { padding-right: 9px; }
    .sub-email { text-align: center; }
    .course-box-slider { margin: 0 11px; }
    .course-box-slider-2 { margin: 0 11px; }
    .unica-box-course-f .slick-prev { left: -20px; }
    .title-course-f { margin-left: 20px; }
    .box-t-mi span { padding: 0 10px; }
    .txt-reason { font-size: 17px; }
    .unica-be-teacher {  background-size: cover; height: 160px }
    .unica-be-teacher-txt { top: 10%; }
    .unica-be-teacher-txt p {font-size: 14px;}
    .unica-be-teacher-txt h4 { font-size: 30px; }
    .unica-be-teacher-txt a { font-size: 14px; padding: 6px 35px; }
    .box-teacher > button.slick-prev.slick-arrow { left: -21px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .box-teacher .slick-prev:before, .box-teacher .slick-next:before { font-size: 25px !important; color: #606060 ;  }
    .unica-box-email { text-align: center; }
    .u-title-footer { width: 75%; margin: 0 auto }
    .u-e-form {padding: 6px 134px 6px 8px;}
    .pdl { padding-left: 5px; }
    .u-list-leftbar { width: 33.33333333%; }
    .u-all-course .course-box-slider { margin: 0 25px 0 0; }
    .u-all-course .course-box-slider-2 { margin: 0 25px 0 0; }
    .u-sort { margin-top: 15px; padding-bottom: 10px; }
    .block-buy { max-height: 250px; width: 97.5% !important;  bottom: 10px !important; top: unset !important; z-index: 9;}
    .u-detail-block-title { width: 100%; }
    .u-sm-left { width: 47%; float: left; }
    .u-sm-right { width: 50%; float: right; }
    .block-ulti a { margin: 5px 0; }
    .u-block-plus { width: 34%; margin-left: 10px; }
    .u-plus-course .course-box-slider { margin: 0 1px; }
    .u-plus-course .course-box-slider-2 { margin: 0 1px; }
    .u-plus-icon { left: 193px; }
    .urh-right { width: 75%; margin-left: 15px; }
    .u-combo-course .course-box-slider { margin: 0 6px; }
    .u-combo-course .course-box-slider-2 { margin: 0 6px; }
    .ubo-right-title { margin-bottom: 35px; }
    .ubo-right-prog { margin-top: 20px; }
    .ubo-progress { margin-top: 5px; }
    .btn-update {float: left;}
    .uom-gv-left { width: 100%; }
    .uom-gv-right {width: 100%; float: none; margin: 0;}
    .uom-gv-right ul { margin-left: 72px; }
    .pdLm { padding-left: 0; }
    .pdRm { padding-right: 0; }
    .pdR5 { padding-right: 5px; }
    .question-area p, .answer-area p { font-size: 13px; }
    .box-answer { margin: 0; }
    .uom-block-chat { padding: 15px 5px; }
    .box-hv-q, .txt-box { width: 80%; }
    .name-hv-q p { margin-right: 10px; }
    .name-hv-q span, .name-ad-a span { font-size: 12px; }
    .u-txt-list p { font-size: 20px;  }
    .u-txt-list span { font-size: 14px; }
    .u-txt-list { margin-top: 5px; }
    .u-txt-back a { font-size: 18px; margin-top: 16px; }
    .unica-learn-bottom { padding: 20px 0; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i { margin: 0; }
    .uv-name-hv { width: 86%; }
    .uv-name-gv { width: 84%; }
    .col-cart { padding: 0; }
    .remove-course { margin: 0 5px; font-size: 18px; left: 5px; }
    .u-cart-combo-course .remove-course { left: 470px; top: 9px }
    .price-cart { width: 17%; }
    .col-cart-table { padding-left: 0 }
    .col-cart-table2 { padding-right: 0; padding-left: 0 }
    .u-list-course { padding: 5px; }
    .u-teacher-right ul li { margin: 0 10px; }
    .u-teacher-right p { font-size: 40px; }
    .u-teacher-info a { padding: 10px; }
    .u-teacher-avatar { margin-right: 5px; }
    .utt-bot .padNo { padding: 0; }
    .u-teacher-right p { font-size: 35px;}
    .u-box-course-teacher h3 { margin-bottom: 10px; }
    .des-ubc-course { width: 58%; }
    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .img-ubc-course, .des-ubc-course  { width: 100%;  }
    .box-dashboard { padding: 10px; }
    .unica-daily-top { height: 190px;background-size: contain; padding: 10px 0; }
    .unica-daily-top p { font-size: 30px; }
    .unica-daily-top span { font-size: 20px;      margin: 20px 0 30px 0; }
    .unica-daily-top a { font-size: 20px; padding: 10 20px; }
    .table-dl th, .table-dl td { font-size: 14px !important; }
    .unica-teacher-top { height: 300px; background-position: center; }
    .unica-teacher-top p { font-size: 32px; margin-bottom: 40px; }
    .title-block-2 { font-size: 15px; }
    .box-reason-teacher ul li { margin: 6px; width: 135px; }
    .box-inner-teacher p { font-size: 13px; margin-top: 10px; }
    .unica-teacher-block-3 h3 { margin-top: 0; }
    .box-inner-teacher img { width: 50%; }
    .inner-block-4 img { width: 50%; }
    .inner-block-4 p {    font-size: 16px;    font-weight: bold;    margin: 10px 0;}
    .unica-teacher-block-4 span { margin-top: 20px; font-size: 15px; display: inline-block; }
    .col-3-steps { width: 693px; }
    .col-3-steps ul li { margin: 0 15px; }
    .inner-col-steps img { width: 50%; }
    .inner-col-steps { width: 137px; }
    .inner-col-steps span { font-size: 13px; }
    .unica-teacher-block-5 h3 { margin-top: 0; }
    .member-box .img-wrap img { width: 220px; height: 220px; }
    .member-box { width: 224px; height: 340px; }
    .member-box:last-child { display: none; }
    .unica-teacher-block-7 h3 { font-size: 20px; }

    .unica-iq-aq-eq { padding: 0; }
    .unica-iq-aq-eq h3 { margin: 5px; }
    .people-iq { margin: 5px; width: 109px; }
    .box-iq-txt h3 { font-size: 34px; }
    .box-iq-txt p { margin-top: 5px; font-size: 13px; }
    .txt-result { float: right; margin: 0; }
    .txt-result span { margin-top: 0; }
    .result-4 { margin: 7px 0; width: 70px; height: 70px; padding: 15px 0; }
    .unica-iq-bottom-box .pagination { position: relative; }
    .unica-iq-bottom-box { width: 93%; }
    .inner-col-steps-aff span { font-size: 15px; }
    .searchBox { width: 100%; }
    .btn-dbs-search { width: 115px; }
    .btn-addcard {margin-top: 6px;}
    .prepaid_number { display: block; }

    .banner-cd-cate ul li { margin: 12px;  width: 30%;}

    .db-item li { margin-right: 5px; }
    .card { height: 157px; }
    .btn-tcc { width: 100%; }

    .unica-about-block-6 ul li { width: 48%; margin-top: 10px; }
    .block-about-right p { margin: 10px 0; }
    .block-about-right h3 { font-size: 20px; }
    .block-about-right a { float: left; }
    .block-about-right ul li { width: 100%; }
    .block-about-right a { display: none; }
    .block-about-left {      margin-bottom: -4px; }
    .unica-about-block-7 img { margin-top: 24px; }
    .u-tags ul li { margin: 7px; }

    .box-list-teacher-inner { margin: 20px 20px 0 0; }
    .noMG { margin-right: 0; }
    .title-list-teacher ul li {     margin: 5px 2px; }
    .list-box-gv-db ul li { width: 23%; }
    .list-box-gv-db p { font-size: 12px; }
    .box-txt-app ul li { width: 44%; float: left; }
    .box-news-mini { width: 95%; margin: 10px; }
    .pdNoneb { padding: 0; }
    .box-cate-list-blogs p { width: 63%; }
    .img-blog-news { width: 96%; }
    }
    @media (max-width:767px) {
    .sm-mobile-menu {    background: #fff;  min-height: 44px;  text-align: center; border-bottom: 1px solid #e1e1e1; 
     -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75); }

    .sm-navi-btn {    float: left;}
    .sm-navi-btn i {    font-size: 20px;    color: #000;    margin: 12px 15px;}
    .navibar-mobile .navbar-offcanvas {    background: #fff;}
    .logo-mobile img { max-width: 110px; margin-top: 5px; }
    .sidenav-brand {    background: #eee !important;    padding: 10px 0px;    position: relative;}
    .sidenav-brand .remove-navibar {    position: absolute;    top: 8px;    left: 21px;}
    .remove-navibar {    float: left;}
    .sidenav-brand .remove-navibar i {    color: #fff;    font-size: 28px;}
    .remove-navibar i {    color: #fff;    margin-right: 30px;}
    .sm_logo_brand {    text-align: center;}
    .sm_logo_brand img {    max-width: 110px;}
    .navbar-offcanvas ul {    padding: 0px;    margin: 0;    text-align: left;}
    .sm-customize-menu li {    display: inline-block;    width: 100%;}
    .sm-customize-menu li a {    padding: 15px;    padding-left: 25px;    font-size: 16px;    color: #212121;}
    .sm-customize-menu li a i {    font-size: 22px;    color: #757575;    padding-right: 20px;    position: relative;    top: 3px;}
    .sidenav-footer {    padding: 10px 20px;    border-top: solid 1px #eee;}
    .sidenav-footer h4 {    color: #fff;    display: block;    padding: 16px;    font-size: 14px;    text-transform: uppercase;    margin: 0;    background: #ccc;    font-weight: bold;}
    .sidenav-footer ul {    padding: 0;}
    .navbar-offcanvas ul {    padding: 0px;    margin: 0;    text-align: left;}
    .sidenav-footer ul li {    padding: 5px 0px;    font-size: 16px;    color: #212121;}
    .sidenav-footer ul li i {    font-size: 22px;    padding-right: 10px;    position: relative;    top: 4px;    color: #757575;}
    .cart-mobile {    color: #4267B2;    font-size: 22px;    margin: 7px 11px;     position: relative;   top: -3px;   right: -7px;}
    .c_header__search-wrapper {    height: 44px;    padding-top: 7px;}
    .c_header__mobile-bt {    background: transparent;    border: none;}
    .c_header__mobile-bt i {    color: #4267B2;    font-size: 22px;    padding-top: 2px;}
    .c_header__search {    background: #fff;    display: none;    border-top: none;    bottom: 0;    box-shadow: 0 2px 1px #dedfe0;    left: 0;    padding: 10px 15px 15px;
        position: absolute;    right: 0;    top: 44px;    visibility: visible;    z-index: 2;    height: 60px;}
    .sm-form {    font-size: 13px;    font-style: italic;    height: 40px;    width: 99% !important;}
    .sm-btn-search {    position: absolute;    right: 14px;    top: 7px;    background: none;    color: #f58829;    font-size: 22px;}
    .login-mobile {    float: right;    height: 44px;    padding-right: 9px;    padding-top: 8px;    position: relative;    cursor: pointer;}
    .ava-img {    display: inline-flex;    vertical-align: middle;    align-items: center;    justify-content: center;    width: 30px;    height: 30px;    border-radius: 100%;
        border: solid 1px #505050;    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    overflow: hidden;    cursor: pointer;}
    .ava-img .fa {    color: #505050;    font-size: 20px;}
    .login-mobile .user-login-panel {top: 55px;right: 0;left: auto;box-shadow: 4px 4px 14px 2px rgba(0,0,0,0.06) !important;border-radius: 3px;border: none !important;padding: 10px;}
    .popover-content {    padding: 9px 14px;}
    .popover .popover-content .btn {    color: #464646;    border: 1px solid #E1E5EA;    font-weight: 400;    line-height: 1.9;    width: 200px; text-align: left;padding-left: 10px;}
    .btn-block + .btn-block {    margin-top: 5px;   }

    .unica-main-banner-box-search h4 { font-size: 24px; padding: 0 10px; }
    .unica-main-banner { height: 320px; }
    .unica-main-banner-box-search { right: 5%; top: 55%; }
    .unica-btn-search-box { top: 2px; right: 4px; }
    .unica-form-box { width: 99% !important; }
    .u-box-search { width: 100%; }
    .u-box-search form { margin: 0; }
    .unica-iq {margin: 20px 15px;}
    .unica-iq a { padding: 10px 15px; font-size: 16px; }
    .unica-big-slider h4, .unica-learn-today h4 { font-size: 20px; }
    .box-item { width: 50%; }
    .box-item:last-child { display: none; }
    .unica-lt-box { display: block; }
    .unica-iq { margin: 10px 0; padding: 10px 0; }
    .u-banner-big { padding: 7px; }
    .box-slider > .slick-prev:before, .slick-next:before { font-size: 20px !important; color: #606060 !important; }
    .box-slider .slick-prev { left: -15px; }
    .box-slider .slick-next { right: -15px }
    .box-slider img { padding: 0; height: auto; }
    .target-box  { width: auto; }
    .u-title-footer { font-size: 16px; }
    .u-title-footer i {     margin: 8px 4px 0 0;        font-size: 25px;    }
    .unica-main-banner-box-search { right: 1%; }
    .unica-learn-today h4 { margin: 15px 0; }
    .u-tab a { padding: 5px; font-size: 12px; }
    .course-box-slider { margin-bottom: 10px; width: 280px; min-height: 130px;max-height: 130px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; display: inline-block; width: 100%; }

    .course-box-slider-2 { margin-bottom: 10px; width: 280px; min-height: 130px;max-height: 130px;  border-bottom: 1px solid #ccc; border-right: 0; border-top: 0; border-left: 0;  margin: 5px 0; }
    .price-a { font-size: 24px; margin-left: 5px; }
    .price-b ,.price-c { font-size: 14px; }
    .price-b { float: right; margin: 7px 0; }
    .img-course {     height: 87px;   min-width: 87px;    width: 87px; float: left; margin-right: 10px; }
    .img-course img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .des-gv { display: none; }
    .price-c { display: none; }
    .title-course-f a  { margin: 4px 12px; }
    .price-course { border: 0; padding-top: 0; margin: 0; }

    .name-gv ,.rate-course { margin: 7px 0; }
    .unica-box-course-hot .u-tab { display: inline-block; border-bottom: 1px solid #ccc;  width: 100%;   }
    .unica-big-box { margin: 0; }
    .content-course {    margin: 0px 7px 5px 7px;}

    .title-course-f { font-size: 20px; margin-bottom: 0; border-bottom: 3px solid #f67052; padding: 5px 0;}
    .unica-target h4 { font-size: 20px; }
    .unica-reason h4 { font-size: 18px; margin-top: 10px; }
    .target-box-inner { width: 50%;  }
    .box-t-mi span { padding: 0 10px; top: 29%; }
    .txt-reason { font-size: 14px; }
    .txt-reason span { font-size: 14px; }
    .reason-4 { margin-bottom: 15px; }
    .u-title-footer p { font-size: 24px; }
    .img-reason { margin: 0 auto; width: 50%; }
    .pdm-No { padding: 0; }
    .unica-be-teacher { background: #44a9d5;height: 170px;  }
    .unica-be-teacher-txt { top: 15%; }
    .unica-be-teacher-txt a{  padding: 7px 35px;    font-size: 14px; }   
    .unica-be-teacher-txt p { font-size: 14px; }
    .unica-be-teacher-txt h4 { font-size: 32px; }
    .unica-top-teacher h4 { font-size: 24px; }
    .slick-prev:before, .slick-next:before { font-size: 20px !important; color: #606060 !important; }
    .box-teacher > button.slick-prev.slick-arrow { left: -15px; }
    .box-teacher > button.slick-next.slick-arrow { right: -15px; }
    .pdl { padding: 0 5px; }
    .pdm { padding: 0 5px; }
    .app-unica ul li { float: left; margin-right: 11px; }
    #footer2 ul { font-size: 12px; }
    .u-all-course .course-box-slider { width: 98%; }
    .u-all-course .course-box-slider-2 { width: 290px; }
    .main-content { width: 100%; }
    .col-filter { padding-left: 0; padding-right: 5px;}
    .filter .form-control { float: left;    width: 48%;    margin-right: 5px;    margin-bottom: 5px; }
    .u-detail-block-title { width: 100%; }
    .u-detail-block-title h3 { font-size: 24px; margin-top: 0; }
    .u-detail-tea a { display: block; }
    .show-xs .block-buy { top:  unset; margin-top: 5px; padding: 10px 5px 5px 5px; }
    .show-xs .block-ulti a { margin: 10px 0; }
    .u-list-course { border: 0; padding: 0; }
    .u-list-course h3 {     margin-bottom: 10px;    padding: 10px 10px 0; }
    .u-list-course .container-fluid { padding:0 7px; }
    .u-detail-course .col-xs-12 { padding: 0 5px; }
    .u-learn-what, .u-des-course, .u-course-plus, .u-course-teacher, .u-rate-hv, .u-cm-hv, .u-combo-buy { padding: 7px; }
    .u-plus-icon { top: 105px; left: 117px; }
    .u-plus-course, .uct-left, .urh-left { width: 100%; }
    .u-block-plus, .uct-right, .urh-right { width: 100%; margin: 0; }
    .u-rate-f1-progress { width: 50%; }
    .u-rate-f1-star {width: 37%; margin: 0 5px;}
    .u-rate-f1 { width: 100%; display: inline-block; }
    .number-big-rate { float: left; }
    .star-big-rate { margin-top: 30px; }
    .block-inner  { margin-left: 35px; }
    .cm-hv { margin-left: -28px; margin-top: 10px; }
    .u-combo-buy > div > ul > li:last-child > div > a { border: 0; }
    .u-combo-usua { display: inline-block; padding: 5px 0 0; }
    .name-hv { margin: 0; float: none; }
    .rate-hv { margin: 0; }
    .price-e { float: right;font-size: 14px; margin: 10px 14px; }
    .img-combo {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px; }
    .img-combo img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .des-combo { display: block; }
    .des-combo a { font-size: 14px; margin-bottom: 7px; }
    .gv-combo {font-size: 12px;}
    .rate-combo { margin-top: 7px; }
    .favo-combo, .price-combo-c, .rate-combo span:last-child { display: none; }
    .price-combo { margin: 0; width: 100%; text-align: unset; margin-top: 7px; }
    .price-combo-a { float: left; }
    .price-combo-b { float: right; margin: 10px 0 0 0 ; font-size: 14px; }

    .ubo-right-title {margin-bottom: 38px;}
    .ubo-right-prog { margin-top: 20px; }
    .pdLm { padding: 0 7px; }
    .btn-update { float: left; }
    .uom-file-ulti { float: left; margin-top: 10px; }
    .uom-block-intro, .uom-block-rate, .uom-block-doc, .uom-block-gv, .uom-block-aff-share, .uom-block-chat { padding: 7px; }

    .uom-gv-left { width: 100%; }
    .uom-gv-right {width: 100%; float: none; margin: 0;}
    .uom-gv-right ul { margin-left: 72px; }

    .question-area p, .answer-area p { font-size: 13px; }
    .box-answer { margin: 0; }
    .uom-block-chat { padding: 15px 5px; }
    .box-hv-q, .txt-box { width: 80%; }
    .name-hv-q p { margin-right: 10px; }
    .name-hv-q span, .name-ad-a span { font-size: 12px; }


    .unica-learn-video img { height: auto; }
    .u-txt-list{ display: none; }
    .u-btn-list { margin: 16px; }
    .u-txt-back { margin-right: 10px; margin-top: 16px; }
    .u-txt-back a {     font-size: 14px;    margin-top: 17px;    font-weight: bold; }
    .unica-list-video-course, .unica-back-course { margin: 5px 0; padding: 0 }
    .unica-video-main p { font-size: 16px; margin: 5px 0; }
    .u-btn-list i, .u-btn-back i { font-size: 16px; }
    .unica-learn-bottom { padding: 10px 0; }
    .ua-btn-bn p, .ua-btn-sv p { display: none;}
    .ua-btn-bn a { width: auto; }
    .ua-btn-bn a:last-child { padding: 7px 10px; }
    .ua-btn-bn, .ua-btn-sv, .ua-btn-qa-bm, .ua-btn-ap-rp { padding: 0 5px; }
    .ua-btn-bn a { margin: 0; }
    .ua-btn-qa-bm a, .ua-btn-ap-rp a { margin: 0 5px; }
    .ua-btn-qa-bm i, .ua-btn-ap-rp i { margin: 0; }
    .ua-btn-ap-rp i, .ua-btn-qa-bm i, .ua-btn-ap-rp i { font-size: 14px; }
    .ua-btn-qa-bm p, .ua-btn-ap-rp p { display: none; }
    .col .title { width: 100%; }
    .uv-name-hv { width: 86%; margin-top: -2px; }
    .uv-name-hv p, .uv-name-gv p { width: 100%; }
    .uv-name-hv span, .uv-name-gv span { float: left; font-size: 12px; margin: 0 !important; }
    .overview-tabs a { font-size: 14px; padding: 5px !important; }
    .uv-name-hv .lession_name_a { margin: 0; }
    .u-overview-main .uv-box-an { margin-left: 12px; }
    .u-overview-main .uv-name-gv { margin-left: 5px; }
    .uv-name-gv { margin-top: -2px; width: 84%; }
    .col-cart { padding: 0 5px; }
    .u-cart-course { display: inline-block; }
    .img-cart-course {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px;    float: left;    margin-right: 10px;} 
    .img-cart-course img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .title-cart-course {    text-align: left;    width: 65%; display: inline-block;}
    .u-box-cart2 { padding: 10px; }
    .price-cart { margin-top: 26px; width: 100%; }
    .price-cart p { float: left; }
    .price-cart span { vertical-align: sub; }
    .u-cart-price { margin-top: 0; }
    .remove-course { float: left; font-size: 16px; left: 90px; }
    .u-cart-combo-course .remove-course { left: 280px; top: 9px } 
    .col-12-full { width: 100%; }
    .u-list-combo { padding: 5px; }
    .u-number-combo { width: 9%; }
    .u-img-combo {     height: 87px;    overflow: hidden;    min-width: 87px;    width: 87px; }
    .u-img-combo img {     max-width: none;    width: auto;    height: 87px;    margin-left: -34px; }
    .u-tit-combo { width: 57%; }
    .u-des-inner { display: none; }
    .u-price-inner { margin-top: 25px; }
    .u-des-combo { width: 100%; margin-top: 10px; }
    .u-des-more { width: 47%; float: left;margin-right: 5px;}
    .u-des-content { width: 47%; float: right; }
    .u-teacher-combo { max-width: 295px; margin-right: 0; }
    .img-teacher-combo { width: 30%; float: left; padding: 5px; }
    .course-tea-combo { margin-top: 5px; }
    .unica-learn-top, .unica-learn-bottom { opacity: 1.0; z-index: 1 }
    .unica-learn-top { background: #000; }
    .u-teacher-info a { display: block; float: left; }
    .utt-bot { position: relative; }
    .u-teacher-avatar { margin-right: 0; }
    .uti-link { margin: 0; }
    .uti-link i { font-size: 18px; margin-right: 1px; }
    .u-teacher-info { margin: 0; }
    .u-teacher-info a { width: 140px; padding: 10px 5px; }
    .u-teacher-info a:last-child { margin-right: 0; }
    .img-ubc-course, .des-ubc-course, .ubc-btn p, .ubc-btn a { width: 100%; }
    #player_videojs { height: 100%; }
    .u-dashboard-tab  { padding: 0; }
    .box-dashboard { padding: 10px 0; }
    .u-dashboard-top .navbar-toggle { background: #fff; margin: 0; }
    .u-dashboard-top .nav-tabs { border: 0; margin: 0 }
    .u-dashboard-top .navbar-collapse { padding: 0; }
    .u-dashboard-top .navbar-toggle .icon-bar { background: #333 }
    .u-dashboard-top ul li { display: list-item; float: none; margin: 0; }
    .u-dashboard-top ul li a { border-radius: 0; color: #fff;}
    #myNavbar > ul > li.dropdown.open > ul > li > a { border-bottom: 1px solid #6d7584; }
    .u-dashboard-top ul li a:focus { color: #000; }
    .u-dashboard-top p { float: left; }
    .u-dashboard-top i { width: 30px; text-align: center; margin-right: 3px; }
    .form-daily { width: auto; }
    .unica-daily-top { height: 200px; background-position-x: center; padding: 50px 0; }
    .unica-daily-top p {font-size: 18px;}
    .unica-daily-top span { font-size: 14px;      margin: 20px 0 30px 0; }
    .unica-daily-top a { font-size: 14px; }
    .unica-daily-ql h3, .unica-daily-cs h3, .unica-daily-reg h3 { font-size: 18px; }
    .ql-dl-box { width: auto; height: 140px; }
    .ql-dl-box p { font-size: 14px; }
    .ql-dl-box img { width: 50%; }
    .col-3-steps { width: auto; }
    .unica-teacher-top { height: 200px; background-position: center; padding: 20px 0; }
    .unica-teacher-top p { font-size: 24px;  margin-bottom: 42px; }
    .unica-teacher-video p { font-size: 14px; margin-bottom: 10px; }
    .video-youtube iframe { height: 200px; }
    .title-block-2 { font-size: 14px; line-height: 20px; }
    .block-3 { margin-top: 15px; }
    .box-teacher img { display: inline-block !important; }
    .block-3 .slick-dots { position: relative; bottom: 0 !important; }
    .box-reason-teacher ul li { width: unset; margin: unset; display: inline-block; }
    .box-inner-teacher img { display: inline-block !important; }
    .box-reason-teacher .slick-dots { bottom: -35px; } 
    .inner-block-4 img {width: 50%;}
    .inner-block-4 p { font-size: 14px; margin: 10px 0; }
    .unica-teacher-block-4 span { font-size: 14px; margin-top: 10px; display: inline-block; }
    .col-3-steps ul li { margin: 0 5px; }
    .col-3-steps .slick-dots { bottom: -35px; }  
    .unica-teacher-block-6 h3 { font-size: 20px; margin: 0; }
    .member-box { width: 150px; margin: 35px 5px 0; height: 230px; }
    .member-box .img-wrap img { width: 150px; height: 150px; }
    .member-box h4 { margin: 0; }
    .unica-teacher-block-6 { padding: 33px 0; }
    .unica-teacher-block-7 h3 { font-size: 18px; }
    .unica-teacher-block-7 .container { padding: 0 }
    .unica-teacher-block-7 a { margin: 10px 0; }
    .unica-teacher-block-7 p { font-size: 20px; }
    .banner-iq { height: 200px;  }
    .test-btn { margin: 9px; padding: 12px 7px; float: left; }
    .small-txt { display: none; }
    .banner-iq-aq-eq { padding: 50px 0 0; }
    .unica-iq-aq-eq h3 { font-size: 20px; margin-bottom: 15px; }
    .img-people-iq img { display: inline-block !important; }
    .top-6-iq .slick-dots { bottom: -25px; }
    .people-iq { border: 0; margin: 0; }
    .box-iq-txt h3 { font-size: 22px; margin-top: 10px; }
    .flR-iq { float: left; text-align: left; }
    .unica-box-iq  { margin-bottom: 0; border-bottom: 1px solid #ccc; }
    .inner-iq-block-3 p, .inner-iq-block-4 p, .inner-iq-block-5 p { width: 100%; }
    .img-result, .img-result img {width: 100%;  }
    .txt-result {width: 100%; margin: 0;float: none;padding: 0; }
    .txt-result span { margin: 0 }
    .unica-iq-bottom-box .pagination { position: relative; }
    .kq-test {     display: inline-block;    margin-bottom: 10px; }
    .time-iq-t span { padding: 5px 15px; }
    .unica-iq-bottom-box { width: 100%; position: relative; bottom: 0; }
    .unica-iq-main-box { display: block; float: left; }
    .iq-answer-box { display: inline-block; }
    .unica-iq-block-test { height: 100%; }
    .time-iq-t { margin-top: 20px; }
    .iq-answer-box .radio-inline { width: 100%; }
    .iq-complete-box .congratulations { font-size: 18px; }
    .iq-result-box { display: inline-block; }
    .img-result img { margin: 0; }
    .unica-affiliate-top { padding:20px 0; height: 300px; }
    .unica-affiliate-top p { font-size: 24px; margin-bottom: 20px; }
    .unica-affiliate-top span { font-size: 14px; }
    .unica-affiliate-top a {      padding: 7px 15px; font-size: 16px; margin: 0; }
    .unica-affiliate-block-2 p { font-size: 20px; }
    .unica-affiliate-block-3 p { font-size: 20px; }
    .unica-affiliate-block-3 span { font-size: 14px; }
    .col-3-steps-aff ul li { width: unset; }
    .unica-affiliate-block-5 .col-3-steps-aff .slick-prev:before, .unica-affiliate-block-5 .col-3-steps-aff .slick-next:before { color: #fff !important; }
    .unica-affiliate-block-7 h3, .unica-affiliate-block-7 p { font-size: 20px; }
    .unica-affiliate-block-6 ul li { width: unset; }
    .unica-affiliate-block-6 .slick-prev, .unica-affiliate-block-6 .slick-next { display: none !important; }
    .searchBox { width: 100%; margin-bottom: 5px }
    .btn-dbs-search {width: 94%;    margin-top: 10px;}
    .imgBox img { height: auto; width: 100% }
    .card { margin-bottom: 10px; }
    .mg-Xs { margin: 10px 0; }
    .list-view .table > tbody > tr > td { float: left;  border: 0;}
    .list-view .table-log > tbody > tr > td { float: none;  border: 0; white-space: nowrap; }
    .border-xs { border: 1px solid #ccc; padding: 5px; }
    .u-list-course .col { padding: 15px 10px; }
    .iq-question-box { width: 100%; }
    .iq-answer-box { width: 100%; }
    .box-pop { width: 100%; display: inline-block; }
    .banner-cd-cate ul li { width: 47%; margin: 4px; }
    .u-teacher-left { margin-top: 20px; }
    .u-teacher-info span { width: 295px; font-size: 15px; }
    .u-teacher-info p { font-size: 24px; }
    .btnnomal { font-size: 14px !important; padding: 6px !important; }
    .pdXS0 { padding: 0; }
    .pd0p { padding: 0 15px; }
    .block-title { font-size: 20px; }
    .mg5xs { margin: 5px 0; }
    .user-card .col-lg-9 { padding: 0; }
    .guilde p { font-size: 14px; }
    .btn-search-free { margin-bottom: 10px; }
    #w1 > table > tbody > tr {    border-bottom: 1px solid #ccc;}
    .pdXs5 { padding: 0 5px; }
    .unica-about-block-1 { padding: 50px 0; height: 250px; }
    .unica-about-block-1 h3 { font-size: 26px; }
    .unica-about-block-1 p { font-size: 16px; }
    .unica-about-block-1 span { font-size: 24px; }
    .unica-about-block-2 p { margin-top: 0; }
    .unica-about-block-3 ul li { width: 50%; margin-bottom: 20px; }
    .unica-about-block-3 p { font-size: 34px; }
    .unica-about-block-3 span { font-size: 14px }
    .unica-about-block-3 { padding: 25px 0; }
    .unica-about-block-4 img { display: inline-block; }
    .unica-about-block-4 ul li { width: auto; display: inline-block; }
    .box-list-teacher-inner { width: 84%; margin: 10px 25px; }
    .title-teacher-new-db p { float: none; font-size: 20px; }
    .list-box-gv-db ul li { width: 46%; }
    .list-box-gv-db p { font-size: 10px; }
    .box-news-mini { margin: 10px; width: auto; }
    .img-blog-news { margin: 10px; }
    .box-cate-list-blogs p { width: 70%; }
    .img-blog-news { width: 94% }
    .u-search-box-404 .input-group { width: 100%; }
    .u-search-box-404 .input-group-btn { width: auto; }
    .box-result-test { width: 100%; }
    .mbs-block-membership { margin-right: 10% }
    .mb-join-code { width: 100% !important; }
    .conent-page-detail-course .content-course-cate {
        padding: 0px 15px 0px 15px;
    }
    }
    @media (min-width:321px) and (max-width:414px) {
    .unica-main-banner-box-search { right: 12%; }
    .unica-box-course-hot { width: 100%; }
    .unica-box-course-hot .u-tab { width: 100%; }
    .box-pop { width: 100%; display: inline-block; }
    .course-box-slider { width: 100%; }
    .course-box-slider-2 { width: 100%; }
    #footer2 ul { display: inline-block; }
    #footer2 p, #footer2 a { font-size: 14px; }
    .des-unica h4, .app-unica h4 { margin: 25px 0 0 0; }
    .u-tab a { font-size: 14px; }
    .u-list-course .col { padding: 15px 10px; }
    }
    .active-acount
    {
        border: none !important;
        height: 420px;
    }
/* file /statics/css/main.css */

/* css inline */
    .payment_confirm_title{
        padding-top: 20px !important;
    }
    .payment_confirm_button_back{
        margin: 10px 0 !important;display: block !important;
    }
    .payment_confirm_button_delete{
        color:#5c82d3 !important;
    }
    .register_form_payment_title{
        margin: 0 0 20px !important;
    }
    .payment_info_banking_default{
        background-color: #fff !important;
    }
    #btn-pay-banking{
        margin-top:10px !important;
    }
    .payment_title_free_course{
        color: #039be5 !important;
    }
    .order_info_thread{
        text-align: right !important;
    }
    .style_price_product_order_info{
        font-size: 20px !important; color: #7C3AED !important;font-weight: 400 !important;
    }
    .fee_sale_off_format_order_info{
        font-size: 20px !important; color: #7C3AED !important;font-weight: 500 !important;
    }
/* css inline */
/* trang thanh toan */

/* trang chi tiet khoa hoc */
/* file statics/css/source-cate.css */
    .content-course-cate {
        /*padding: 15px 0px 40px 0px;*/
      margin-bottom: 10px;
    }
    .content-course-cate:last-child {
        border-bottom: none;
    }
    .img-responsive{
        max-width: 100%;
        width: 100%;
    }
    .desc-course a {
        font-size: 16px;
        font-weight: bold;
        color: #545454;
        margin-bottom: 10px;
        display: block;
    }

    .desc-course .rate-course .star-rate {
        float: left;
        margin-right: 5px;
        margin-top: 1px;
    }
    .content-course-cate .price-course-of-cate {
        text-align: center;
        margin-top: -4px;
        float: right;
    }

    .content-course-cate .price-course-of-cate .price-course-sale {
        font-size: 20px;
        font-weight: bold;
    }
    .content-course-cate .price-course-of-cate .price-course-old {
        text-decoration: line-through;
        font-size: 16px;
        /* margin: 10px 0; */
    }
    .content-course-cate .price-course-of-cate .sale-ratio{
        color: red;
    }
    .number-big-rate {
        font-size: 72px;
        font-weight: bold;
        color: #333;
    }
    .rating-student-left {
        text-align: center;
        float: left;
    }
    .star-big-rate {
        margin-bottom: 10px;
    }
    .rating-student-right {
        float: left;
        margin: 10px 0;
    }
    .rating-student-right .u-rate-f1-progress {
        float: left;
        height: 30px;
    }
    .rating-student-right .u-rate-f1-num {
        float: left;
    }
    .list_comment_course {
        margin-bottom: 20px;
    }
    .progress_rate_star {
        overflow: hidden;
        height: 20px;
        background-color: #cecccae0;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .list-comment-course {
        border-bottom: 1px solid #d7d7d7;
        padding: 15px 0px !important;
    }
    .list-comment-course:last-child {
        border-bottom: none;
    }
    .ava-hv {
        width: 8%;
        text-align: center;
        float: left;
    }
    .block-hv {
        float: left;
    }
    .add-load {
        margin: 15px 0;
        text-align: center;
    }
    #add_load_comment {
        font-weight: 600;
        border-radius: 5px;
        padding: 6px 10px;
        text-align: center;
    }
    .img-thumbnail{
        padding: unset !important;
    }
    .cm-hv p {
        margin-top: 10px;
    }
    .fa-star{
        color: #f18904c9;
    }
    @media screen and (max-width: 767px) {
        .desc-course {
            margin-top: 10px;
        }
        .u-rate-f1-progress {
            width: 45%;
        }
        .rating-student-right {
            float: none;
        }
        .ava-hv {
            width: 30%;
        }
    }
    @media screen and (max-width: 640px) {
        .desc-course {
            margin-top: 10px;
        }
        .u-rate-f1-progress {
            width: 35%;
        }
        .rating-student-right {
            float: none;
        }
        .ava-hv {
            width: 30%;
        }
    }
    @media screen and (max-width: 450px){
        .content-course-cate .price-course-of-cate {
            margin-top: 10px;
            float: left;
            width: 100%;
        }
        .desc-course {
            margin-top: 10px;
        }
        .u-rate-f1-progress {
            width: 100%;
            margin-top: 10px;
        }
        .rating-student-right {
            float: none;
        }
        .ava-hv {
            width: 30%;
        }
        .rating-student-left {
            width: 100%;
        }
    }
    @media screen and (max-width: 375px){
        .u-rate-f1-star {
            width: 65%;
        }
        .u-rate-f1-num{
            width: 25%;
        }
    }

    .progress-bar-success {
        background-color: #42b883;
    }
    ./* btn-cart-add { text-align: center; }
    .btn-cart-add a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff !important; transition: 0.5s; font-size: 14px;}
    .btn-cart-add a:hover { background: #034d9c; } */
   /*  .btn-cart-mbs { text-align: center;}
    .btn-cart-mbs a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff !important; transition: 0.5s; font-size: 14px;}
    .btn-cart-mbs a:hover { background: #034d9c; } */
/* file statics/css/source-cate.css */

/* style inline detail_course */
    .style_rate_profile_teacher_uni_search{
        padding-top: 2px !important;
    }
    .lesson_detail_course_uni_search{
        padding-left: 10px;
        font-weight: bold;
        color: #000;
    }
    .button_join_course_detail_uni_search{
        margin-top: 10px !important;
    }
    .choice_class_uni_search{
        width:100% !important;color:#fff !important;
    }
    .title_join_free_course_uni_search{
        font-size: 30px !important;text-transform: uppercase !important;
    }
/* style inline detail_course */
/* trang chi tiet khoa hoc */



/* gop cac file css lien quan den view edit themes */





/* css cũ của themes */
.info-khoahoc-chitiet {
background-color: #006298;
padding-top: 30px;
padding-bottom: 30px;
}
.content-khoahoc-top {
color: #fff;
}
.count-rate {
float: left;
width: auto;
padding-top: 2px;
}
.intro-chitiet {
line-height: 22px;
margin-bottom: 20px;
min-height: 15px;
}
.content-khoahoc-top h1 {
font-weight: bold;
font-size: 36px;
margin: 0;
margin-bottom: 15px;
}
.conent-page {
padding-top: 10px;
padding-bottom: 35px;
background: #f5f5f5;    
}
.box-content {
background-color: #fff;
padding: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
/* border: solid 1px #d7d7d7; */
margin-top: 10px;
}
.khoahoc-content h2 {
font-size: 22px;
margin: 0;
margin-bottom: 15px;
font-weight: 700;
}
.cp {
border: solid 1px #eeeeee;
}
.cp .hd-cp {
background-color: #fff;
padding: 5px;
font-weight: 700;
color: #55b0e2;
}
.cp ul {
margin: 15px;
padding-left: 10px;
}
.khoahoc-content ul {
margin: 15px;
padding: 0;
}
.cp ul li {
display: block;
padding-bottom: 15px;
}
.cp ul li .fa {
color: #909090;
padding-right: 5px;
}
.giangvien-info {
margin-bottom: 20px;
}
.giangvien-img {
overflow: hidden;
-webkit-border-radius: 200px;
border-radius: 200px;
text-align: center;
}
.content-detail img {
max-width: 100%;
}

.thongke-giangvien {
text-align: center;
margin-top: 10px;
}
.thongke-giangvien strong {
display: block;
font-weight: 700;
}
.name-giangvien-info {
font-weight: 700;
color: #52afe2;
font-size: 18px;
}
.content-giangvien-info {
margin-top: 10px;
}
.ketnoi-giangvien {
display: block;
width: 100%;
background-color: #52afe2;
color: #fff;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
font-size: 14px;
font-weight: 700;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 10px;
}
.box-reg-khoahoc {
background: #fff;
padding: 20px 15px 5px 15px;
position: relative;
margin-top: 20px;
}
.box-reg-khoahoc a:hover {
color: #fff;
}
.price-box-theme strong {
font-size: 30px;
color: #5f19eb;
font-weight: 700;
/*text-transform: uppercase;*/
padding-right: 15px;
}
.price-box-theme del {
color: #333132;
}
.reg-now {
background-color: #5e17eb;
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 100%;
color: #fff;
}
.add-cart {
background-color: #1e264a;
}
.intro-box-reg {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.thongke-box-reg {
color: #414042;
margin-top: 10px;
}
.thongke-box-reg div {
line-height: 30px;
background-repeat: no-repeat;
background-position: center left;
}
.ib-block-info-course .col-sm-9 {
float: left;
}
.content-course-cate .price-course-of-cate,.img-course
{
padding: 0;
}
.title-cart
{
margin-top: 20px;
}
#wrap-cart
{
min-height: 650px;
}
.img-cart
{
width: 100%;
height: 70px;
}
.block-img-cart
{
margin-right: 10px;
}
.course_name_cart
{
font-weight: bold;
color: #000;
font-size: 16px;
margin-top: 0;
}
.total-cart,.title-total-cart
{
font-weight: bold;
}
.block-empty-cart
{
margin: 40px 0;
font-size: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.block-empty-cart .empty-cart-icon {
width: 120px;
height: 120px;
border-radius: 50%;
border: 1px solid #ccd0d3;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.block-empty-cart i
{
font-size: 60px;
color: #ccc;
}
.block-empty-cart .view-course-all {
background-color: #1877f2;
color: #fff;
}
.table-responsive .block-empty-cart a
{
color: #fff !important;
}

.img-teacher-theme
{
width: 30px;
height: 30px;
margin-right: 5px;
}
.block-teacher-theme
{
margin-right: 30px;
}
.block-teacher-theme a 
{
color: #fff;
}
.block-review-theme .start-rate1
{
margin-right: 5px;
}
.block-count-student-theme
{
margin-top: 22px;
}
.block-count-student-theme span
{
margin: 0px 40px;
}
.block-cart
{
background: rgb(232, 232, 232);
}
.block-title-cart
{
background: #1d9fc7;
}
.block-title-cart h4
{
padding: 35px 0;
color: #fff;
font-size: 30px;
margin-top: 5px;
}
.block-data-cart 
{
border-bottom: 1px solid #dedfe0;
padding-bottom: 10px;
padding-top: 10px;
}
.block-data-cart .price-sell
{
font-size: 20px;
font-weight: bold;
}
.list-price-cart
{
display: flex;
text-align: right;
}
.block-price-theme
{
width: 80%;
}
.block-remove-cart
{
width: 20%;
margin-top: 3px;
}
.block-remove-cart a
{
color: #f00;
font-size: 16px;
}
.total-price-cart
{
color: #8B5CF6;
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
}
.total-price-cart sup
{
font-size: 14px;
}
.btn-pay-cart
{
color: #fff;
background: #1877f2;
padding: 10px 20px;
font-weight: bold;
text-transform: uppercase;
}
.btn-pay-cart:hover
{
color: #fff;
}
.block-info-cart
{
margin-top: 15px;
}
.col-cart
{
border: 1px solid #ddd;
}
.add-more-cart
{
padding: 10px 20px;
width: 30%;
margin-top: 20px;
}
.box-reg-khoahoc-mobile
{
display: none;
}
@media handheld, only screen and (max-width: 767px) {
.title-time-lesson
{
    float: none !important;
    padding-left: 0px;
}
.item-giangvien {
    width: 200px !important;
    height: 200px !important;
    margin-left: -20px;
}
.giangvien-img img {
    width: 175px !important;
    height: 175px !important;
    border: none !important;
}
.hd-cp .btn-link
{
    white-space: unset;
    padding: 0;
    text-align: justify;
}
.block-data-cart .price-sell
{
    font-size: 18px;
}
.add-more-cart
{
    width: 100%;
}
.price-course-section {
    bottom: 0;
}
.box-reg-khoahoc-mobile
{
    display: block;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff;
}
.img-course-themes {
    padding: 0px 15px 0px 15px !important;
}
.content-course-cate .img-course-themes img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.wrapper-teacher-personal-info .teacher-course-info {
    justify-content: center;
    margin-top: 20px !important;
}
.wrapper-teacher-personal-info .teacher-description {
    padding-top: 15px;
}
.wrapper-teacher-personal-info .teacher-image {
    width: 140px;
    height: 140px;
}
.section_course_home  .item-review {
    padding-bottom: 20px;
}
.section_course_home .price-course-section {
    position: absolute;
    bottom: 0px;
    right: 10px;
}
.section-course-of-tag .item-review {
    margin-left: 0px;
    padding-bottom: 20px;
}
.box-reg-khoahoc-mobile .btn-cart-mbs a {
    background: #1877f2;
    padding: 10px;
    color: #fff;
}
.box-reg-khoahoc-mobile .price-cc {
    margin-top: 5px;
}
.course-item {
    margin-top: 20px;
}
.conent-page-detail-course .ratings-cou {
    padding-left: 15px !important;
}
.section_course_of_cate_home .slick-next {
    right: 2%;
}
.feature-course-of-cate .course-item-detail {
    min-height: 160px;
}
.emall-course-of-site .course-item-detail {
    min-height: 160px;
}
.slider-mb-course_home .course-item-detail {
    min-height: 160px;
}
.slider-mb-course_home .price-course-section {
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.slider-mb-course_home .rota-membership {
    top: unset !important;
    left: 30px;
    bottom: -45px;
}
.slider-mb-course_home .price-course-section {
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.section_course_of_cate_home .rota-membership {
    top: unset !important;
    left: 15px;
    bottom: -27px;
}
.section-course-of-tag .course-item-detail {
    min-height: 160px;
}
.feature-course-search .course-item-detail {
    min-height: 160px;
}
.emall-cos-section-combo .course-item {
    margin-bottom: -15px;
}
.conent-page-detail-course .content-course-cate {
    margin-bottom: 20px;
}
.teacher-personal-related-course .course-item-detail {
    min-height: 160px;
}
.section_course_of_cate_home  .course-item-detail {
    min-height: 160px;
}
}
.hd-cp .btn-link
{
text-decoration: none;
font-weight: bold;
color: #000;
white-space: normal !important;
text-align: left !important;
}   
@media handheld, only screen and (max-width: 579px) {
.title-time-lesson
{
    float: none !important;
}
.hd-cp .btn-link
{
    white-space: unset;
    padding: 0;
    text-align: justify;
}
.block-data-cart .price-sell
{
    font-size: 18px;
}
.add-more-cart
{
    width: 100%;
}
.col-cart
{
    border: 0;
}
.block-teacher-theme
{
    float: none;
    margin-bottom: 10px;
}
.block-count-student-theme
{
    float: left;
    margin-top: 3px;
}
.block-count-student-theme span
{
    margin :  0 20px;
}
.name-giangvien-info
{
    text-align: center;
}
.price-sell,.block-price-theme del
{
    float: left;
}
.block-price-theme del
{
    margin-left: 15px;
}
.box-reg-khoahoc {
    top: unset;
    margin-top: 5px;
    padding: 10px 5px 5px 5px;
}
.hidden-xs
{
    display: none !important;
}
}
@media handheld, only screen and (max-width: 320px) {
.trial-lesson
{
    width: 485px;
}
}
.discount-price {
font-size: 14px;
background: #E53E3E;
padding: 5px;
color: #ffffff;
display: inline-block;
float: right;
margin-top: 10px;
}
.block-share {
text-align: center;
border-top: 1px solid #ccc;
padding-top: 10px;
display: inline-block;
width: 100%;
margin-top: 10px;
}
.box-content iframe
{
width: 100% !important;
}
.tab-detail {
width: 100%;
background: #fff;
display: inline-block;
margin-top: 10px;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
.tab-detail ul {
width: 100%;
margin: 0;
}
.tab-detail li:hover
{
background: #ccc;
}
.tab-detail li {
float: left;
padding: 15px 24px;
list-style: none;
}
.tab-detail li a {
color: #333;
}
.video-box .embed-responsives.embed-responsive-16by9
{
padding-bottom: 56.25%;
}
.time-uudai {
text-align: left;
display: inline-block;
width: 100%;
color: #545454;
font-weight: bold;
margin: 10px 0;
}
.percent_off_label{

margin: 10px;
color: #FFFFFF;
background-color: #E53E3E;
border-radius: 3px;
line-height: 21px;
display: inline-block;
}
.percent_off_strong{
margin: 0 5px;
color: white;
}
/* .btn-cart-add { text-align: center; }
.btn-cart-add a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff !important; transition: 0.5s; font-size: 14px;}
.btn-cart-add a:hover { background: #034d9c; }
.btn-cart-mbs { text-align: center;margin-top: 15px;}
.btn-cart-mbs a { background: #1877f2; padding: 5px 10px; border-radius: 3px; color: #fff !important; transition: 0.5s; font-size: 14px;}
.btn-cart-mbs a:hover { background: #034d9c; } */

.label-livestream-coures-relate {position: absolute;padding: 3px;right: 5px;top:0;font-size: 14px;text-transform: uppercase;height: 15px;line-height: 15px;display: inline-block;vertical-align: middle;color: #d9534f;}
.label-livestream-coures-relate:before {-webkit-border-radius: 50%;border-radius: 50%;display: block;position: relative;width: 15px;height: 15px;content: '';margin-right: 5px;vertical-align: initial;-webkit-animation: live-pulse 1s infinite;-moz-animation: live-pulse 1s infinite;-o-animation: live-pulse 1s infinite;animation: live-pulse 1s infinite;float: left;}
@-webkit-keyframes live-pulse{0%{background-color:#e78dac}50%{background-color:white}100%{background-color:#d9534f}}@-moz-keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}@keyframes live-pulse{0%{background-color:#d9534f}50%{background-color:white}100%{background-color:#d9534f}}
.fa-star {
color: #f18904c9;
}
.col-md-9 {
float: left;
}
.content-course-cate .desc-course span{
margin-right: 10px !important;
margin-left: 5px !important;
}
.rating-student-right .u-rate-f1-star {
float: left;
text-align: center;
padding: 0 15px;
}
.block-rating {
display: inline-flex;
}
@media screen and (max-width: 1024px) {
.rating-student-right .u-rate-f1-star {
    padding: 0 5px 0 15px;
}
}
@media screen and (max-width: 824px) {
.rating-student-right .u-rate-f1-star {
    padding: 0 15px;
}
.col-sm-3
{
    padding: 0;
}
.block-rating {
    display: unset !important ;
}
.rating_course {
    float: left;
}
.u-rate-f1-progress {
    max-width: 100%;
    width: 100% !important;
}
.rating-student-right {
    float: none;
}
.ava-hv {
    width: 30%;
}
}
@media screen and (min-width: 768px) {
.desc-course {
    margin-top: 0px !important;
}
}
@media screen and (max-width: 599px) {
.label-livestream-coures-relate {
    font-size: 14px;
}
.label-livestream-coures-relate:before {
    width: 15px;
    height: 15px;
}
.block-rating {
    display: inline-flex;
}
.desc-course {
    margin-top: 10px;
}
.u-rate-f1-progress {
    width: 100%;
}
.rating-student-right {
    float: none;
}
.ava-hv {
    width: 30%;
}
}
@media screen and (max-width: 450px){
.content-course-cate .price-course-of-cate {
    margin-top: 10px;
    float: left;
}
.desc-course {
    margin-top: 10px;
}
.u-rate-f1-progress {
    width: 100%;
    margin-top: 10px;
}
.rating-student-right {
    float: none;
}
.ava-hv {
    width: 30%;
}
.form-input-search {
    width: 85% !important;
}
/* .rating-student-left {
    width: 100%;
} */
}
.content-cate-relate .content-course-cate img {
height: 120px;
}
.course-tag .rota-top-left
{
bottom: 15px;
}
.rota::before, .rota::after {
position: absolute;
z-index: 0;
content: '';
display: block;
border: 5px solid #E7505A;
}
.rota-membership::before {
border-color: #4267B2 !important;
}
.content-course-cate .rota-top-left {
top: -5px !important;
left: -5px;
}
.price-a {
font-size: 30px;
color: #8B5CF6;
font-weight: 700;
margin-bottom: 5px;
}
.price-d {
text-decoration: line-through;
margin: 0;
}
.price-c
{
font-size: 14px;
background: #4267B2;
padding: 5px;
color: #fff;
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.price-cc
{
font-size: 14px!important;
background: #E53E3E;
padding: 5px!important;
color: #ffffff;
display: inline-block!important;
margin-left: 10px;
}
/* .btn-cart-mbs a
{
background: #1877f2 !important;
padding: 10px !important;
} */
.item-type-sell .lbl-type-sell
{
font-size: 18px;
margin-bottom: 0px;
}
/*.slick-slide .course-section .rota-top-left
{
top: unset !important;
left: unset !important;
right: 10px;
bottom: 25px;
}*/
#top_nav_site{
background-color: #fff;
}
#top_nav_site ul li a{
color: #333;
}
.back-to-top-smartrain{
width: 40px;
height: 40px;
border-radius: 4px;
margin: 0px 12px;
padding: 0px;
position: fixed;
z-index: 2147483644;
bottom: 100px;
right: 21px;
background-color: #4267B2;
}
.back-to-top-smartrain:hover{
background-color: #eb9007;
}
.back-to-top-smartrain a{
display: block;
width: 100%;
height: 100%;
}
.back-to-top-smartrain a span{
color: #fff;
font-weight: 400;
margin-left: 11px;
margin-top: 5px;
}
.input-search-name-course{
position: relative;
padding: 0 10px;
height: 40px;
}
.input-search-name-course input{
border-radius: 20px;
padding: 0 20px;
border: none;
height: 100%;
font-size: 14px;
}
.input-search-name-course button{
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
position: absolute;
top: 0;
right: 10px;
height: 40px;
background: #fff;
}
.btn-find-course-section{
border-color: #ccc;
color: #333;
}

.lp-block-whychoice p.why_title {
text-transform: uppercase;
color: #4267B2;
font-weight: 700;
font-size: 17px;
padding: 5px 0;
margin: 0px;
font-family: 'Roboto',sans-serif;
}
.lp-block-whychoice span{
font-size: 14px;
font-family: 'Roboto',sans-serif;
}
.title-home-sectione-smartrain ,.title-block-whychoice{
text-align: center;
font-weight: bold;
}
.title-block-whychoice i.fa {
font-size: 28px;
padding-right: 10px;
color: #4267B2;
}
.lp-block-feel p.why_title {
font-size: 18px;
margin: 20px 0;
}
.lp-block-feel span {
font-size: 16px;
width: 69%;
display: inline-block;
}
.course-item-detail h4{
margin:  0 ;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #4c6379;
overflow: hidden;
}
.course-item-detail h4 a{
text-decoration: none;
color: #5E5C5C;
background-color: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-weight: bold;
}
.price-sell-style{
padding-right: 0px;
color: #8B5CF6;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto',sans-serif; 
}
.price-old-style{
color: #B0B0B0!important;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto',sans-serif;
}
.section-price-course{
margin-top: 10px;
padding-right: 0px !important;
/*min-height: 30px;*/
}
.recent-date{
color: #bdbdbd;
font-size: 12px;
font-weight: 400;
font-family: 'Open Sans',sans-serif;
}
.recent-date:before {
content: '\f017';
font-family: fontawesome;
margin-right: 5px;
}
.list-blog-fontend{
padding: 15px 0;
width: 100%;
border-bottom: 1px dashed #e5e5e5;
position: relative;
font-family: 'Roboto',sans-serif;
}
#block-cat-blog .blogtitle {
display: block;
font-weight: 700;
margin-bottom: 5px;
line-height: 24px;
max-height: 70px;
color: #1c1c1c ;
font-weight: 500;
font-size: 15px;
overflow: hidden;
}
#block-cat-blog .blogtitle a{
color: #1c1c1c ;
}
#block-cat-blog .blogtitle a:hover{
color: #b62f2f ;
}
#block-cat-blog .blogsummary {
color: #555;
font-size: 15px;
line-height: 22px;
max-height: 65px;
overflow: hidden;
margin-top: 9px;
}
.hm-reponsive {
position: relative;
height: auto!important;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}
.hm-reponsive img {
object-fit: cover;
margin: auto;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.blog_with_cate_default .img-thumb {
display: block;
margin-bottom: 6px;
position: relative;
}
.blog_with_cate_default h3 {
display: block;
overflow: hidden;
line-height: 18px;
font-size: 14px;
color: #666;
margin: 0 5px 5px;
font-weight: 400;
text-align: center;
height: 2.5rem;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box !important;
-webkit-box-orient: vertical;
}
.row-title ul li{
list-style: none;
color: #666;
font-size: 13px;
}
.pdrl-name{
display: block;
overflow: hidden;
line-height: 1.3em;
font-size: 22px;
text-transform: uppercase;
color: #5e17eb;
font weight: 700;
padding: 0 20px 10px 0;
margin-bottom: 10px;
}
.colpolicy {
display: block;
overflow: hidden;
padding: 10px;
background: #fbfbfb;
border: 1px solid #edede4;
font-family: 'Roboto',sans-serif;
position: fixed;
width: 350px;
}
.colpolicy .price-a {
display: block;
overflow: hidden;
line-height: 1.3em;
font-weight: 700;
padding: 0 0 5px 4px;
font-size: 30px;
}
.conent-page-detail-course .btn-cart-mbs {
padding-top: 8px;
}
.box-reg-khoahoc .btn-cart-mbs a{
background: #1877f2;
padding: 10px;
color: #fff;
}
.conent-page-detail-course{
background: #eef1f2;
padding-bottom: 10px;
}
.conent-page-detail-course .ratings-cou{
transform: translateY(3px);
padding-left: 80px;
}
.conent-page-detail-course .student-info {
padding-left: 60px;
transform: translateY(3px);
}
.conent-page-detail-course img{
width: 100%;
}
.giangvien-img img {
width: 175px;
height: 175px;
}
.action-course{
text-align: center;
padding: 8px 15px;
margin: 10px 0px;
float: left;
display: block;
background: linear-gradient(135deg, #8B5CF6, #7C3AED) !important;
border-color: #8B5CF6 !important;
color: #fff !important;
font-size: 14px;
font-weight: 700;
-ms-border-radius: 4px;
border-radius: 4px;
}
.curr-price{
color: #8B5CF6;
font-size: 23px;
margin-right: 15px;
font-weight: 700;
}
.curr-price span {
font-size: 14px;
font-weight: 600;
color: #333;
}
.auto-margin{
margin: auto;
}
a.bt-buynow {
text-align: center;
padding: 8px 5px;
margin-top: 10px;
float: left;
display: block;
color: #fff;
font-size: 14px;
font-weight: 700;
background: #5e17eb !important;
border-color: #8B5CF6 !important;
-ms-border-radius: 4px;
border-radius: 4px;
}
.config-padding{
padding-left: 0px !important;
}
.tab-detail-course{
margin-bottom: 20px;
background: #eee;
border: unset;
}

ul.tabs-course li a {
text-align: center;
font-size: 16px;
display: block;
text-decoration: none;
color: #666;
border-bottom: 1px solid transparent;
cursor: pointer;
padding: 15px 0;
}
.blog-title-sidebar .txt:before {
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
color: #999;
content: "\f036";
margin-right: 8px;
}
.blog-title-sidebar {
color: #4267B2;
font-size: 14px;
/* background-image: url(img/bg-right.png); */
background-position: 0 50%;
background-repeat: repeat-x;
text-transform: uppercase;
padding: 0;
margin: 15px 15px 0px 15px;
}
.blog-title-sidebar .txt {
background: none repeat scroll 0 0 #FFF;
font-size: 15px;
font-weight: 700;
padding-right: 15px;
}
.desc-course-themes h3 {
font-size: 14px;
display: block;
overflow: hidden;
color: #333 !important;
line-height: 1.3em;
font-weight: 400;
}
.desc-course-themes h3 a {
text-decoration: none;
color: inherit;
background-color: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.desc-course-themes strong {
display: block;
overflow: hidden;
font-size: 14px;
color: #d0021b;
padding: 3px 0;
}
.img-course-themes{
margin-bottom: 15px;
padding: 0px 5px;
}
#v-pills-tabContent .pd-title {
font-size: 15px;
font-weight: 600;
line-height: 1.33;
letter-spacing: .3px;
color: #5e17ea;
margin-bottom: 20px;
text-transform: uppercase;
}
#v-pills-tabContent .tab-pane{
padding: 10px;
font-size: 14px;
}
#content_courses{
line-height: 1;
}
.percent_off_strong i{
font-size: small;
font-weight: unset;
}
.title-section-course-of-cate-smartrain{
padding: 0 0 0 15px;
text-align: left;
position: relative;
width: 70%;
}
.btn-view-all-course-of-cate{
text-transform: none;
font-size: 15px;
line-height: 30px;
display: block;
color: #1877f2;
font-weight: 400;
position: absolute;
right: 15px;
display: block;
top: 5px;
}
.btn-view-all-course-of-cate span{
position: relative;
top: -5px;
right: 5px;
}
.btn-view-all-course-of-cate:hover{
text-decoration: none;
 color: #1877f2;

}
.price-course-relate {
text-transform: none;
}
.action-detail-course{
float: unset !important;
}
.text-red{
color: red;
}
.course-item-detail-combo .price-box p{
margin-bottom: 0px;
}
.course-item-detail-course h3{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box !important;
-webkit-box-orient: vertical;
min-height: unset !important;
}
.course-item-detail-combo h3{
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box !important;
-webkit-box-orient: vertical;
min-height: unset !important;
}
@media screen and (min-width: 769px) {
.menu-content-header{
    display: block !important;
}
}
.countdown_link_quiz:not(#countdown){
color: #fff !important;
}
#quiz_button_submit, #view_result_test, .btn-complete-text-lesson{
z-index: 1001 !important;
}
.countdown-time{
z-index: 1000 !important;
}
.style_price_vnnicacademy{
padding: 0 10px;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
background-color: #1877f2;
font-size: 16px;
font-weight: 700;
text-align: center;
font-family: Lato;
color: #fff;
display: block;
line-height: 30px;
position: absolute;
top: 10px;
left: 10px;
}
.style_course_price{
overflow: unset;
}
.course-section-style{
background: #fff;
border-radius: 10px;
}

.course-item-detail-combo{
margin: 15px;
color: #4c6379;
}
.course-item-detail-combo a{
color: #4c6379;
}
.course-item-detail-combo .title{
margin-bottom: 15px;
}

.view_detail_blog_highlight{
margin: 10px;
color: #fff;
background-color: #4267B2;
border-radius: 10px;
padding: 2px 20px;
line-height: 30px;
display: inline-block;
}
.view_detail_blog_highlight a{
color: #fff;
}
.slide_blog_highlight{
margin: 0px;
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 1px 1px 5px #cecece;
min-height: 295px; 
}
.slide_blog_highlight .course-item-image-blog {
position: relative;
height: 100%;
width: 100%;
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.slide_blog_highlight .course-item-image-blog .image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: .3s ease;
background: rgb(0,0,0,0);
}
.slide_blog_highlight:hover .course-item-image-blog .image-overlay {
background: rgba(0,0,0,0.5);
}
.image_blog_highlight, .content_blog_highlight{
min-height: 200px;
padding: 0;
}
.course-item-blog-detail {
padding: 15px 15px 0 15px;
background: #f2f3f8;
height: 100%;
}
.desc_blog_highlight{
height: 7.6rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
display: -webkit-box !important;
-webkit-box-orient: vertical;
}
.navbar-toggle-menu {
background: #fff;
}
.navbar-toggle-search {
background: #fff;
}
@media screen and (max-width: 767px) {
.content-course-cate{
    border: 0;
}
.desc-course-themes h3 ,.price-course-relate{
    padding-left: 15px;
    margin-bottom: 5px;
}
.item_course_combo_default {
   display: none;
}
.circle-box-course{
    margin: auto;
}
.navbar-toggle-menu {
    background: #fff;
}
.navbar-toggle-search {
    background: #fff;
}
}
.video-right-vnnic{
padding: 5% 5% 5% 0;
}
.text-left-html-vnnic{
text-align: justify;
}
@media screen and (max-width: 990px) {
.backround-html-vnnic-config{
    display: none;
}
.video-right-vnnic{
    padding: 0;
}
}
@media screen and (min-width: 1600px) {
.video-right-vnnic{
    padding: 2% 5% 5% 0;
}
}

.vnnic-icon-phone{
margin: 0px 12px;
padding: 0px;
position: fixed;
z-index: 1000;
bottom: 170px;
right: 10px;
}
.vnnic-icon-email{
margin: 0px 12px;
padding: 0px;
position: fixed;
z-index: 1000;
bottom: 125px;
right: 10px;
}
.vnnic-icon-facebook{
margin: 0px 12px;
padding: 0px;
position: fixed;
z-index: 1000;
bottom: 80px;
right: 10px;
}
.vnnic-icon-phone img,.vnnic-icon-email img,.vnnic-icon-facebook img{
width: 40px;
height: 40px;
}
.img-course-themes .img-responsive{
min-height: unset;
}
.vnnic-block-time-live {  text-align: center;padding: 20px 0; }
.btn-ss-header-search {
width: 5%;
}
.btn-register-course {
 background: #5e17eb !important;
 border-color: #5e17eb !important;
}
@media (min-width: 320px) and (max-width: 375px) {
.action-course {
    padding: 7px 8px !important;
}
}

/*style cua vo*/
.author-image img{
width: 30px;
height: 30px;
}
.student-icon img{
width: 10px;
height: 10px;
margin-right: 5px;
}
.ins-teacher-info .author-image{
display: inline-block;
}
.ins-teacher-info .author-name{
display: inline-block;
padding-left: 10px;
font-size: 13px;
color: #9b9b9b;
}
.student-info .student-count {
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 1.33;
letter-spacing: -.2px;
color: #464646;
}
.student-info .student-icon {
display: inline-block;
}
.student-info .student-count .count {
color: #f5a623;
}
.course-description {
font-size: 14px;
line-height: 1.43;
color: #464646;
margin-bottom: 20px;
}
.course-detail-sub-menu{
background: #fff;
margin: 15px 0;
border-radius: 5px;
padding-left: 20px;
padding-right: 20px;
}
.row-title{
border-radius: 5px;
}
.nav-tabs .nav-link:hover {
border-color: unset;
} 
.nav-tabs .nav-link {
border: unset;
}
.tab-detail li{
padding: unset;
}
ul.tabs-course li a:hover, ul.tabs-course li a.active{
color: #4267B2;
border-bottom: 3px solid #4267B2 !important;
background-color: #fff ;
}
/* detail teacher */
.wrapper-teacher-personal-info {
background-color: #e7eaec;
}
.teacher-personal-info {
padding-top: 30px;
padding-bottom: 30px;
}
.teacher-image {
width: 175px;
height: 175px;
border-radius: 50%;
margin-right: 20px;
border: solid 3px #fff;
}
.teacher-name {
color: #232731;
font-size: 20px;
line-height: 33px;
}
.wrapper-teacher-personal-info .star-rating span {
padding-left: 10px;
}
.star-rating {
display: flex;
font-size: 13px;
margin-top: 11px;
text-align: left;
line-height: 17px;
align-items: center;
}
.teacher-course-info {
display: -webkit-inline-box;
color: #232731;
margin-top: 16px;
}
.teacher-course-info-child {
margin-right: 40px;
}
.teacher-course-info .number {
font-size: 22px;
font-weight: 600;
line-height: 39px;
letter-spacing: -.72px;
}
.teacher-personal-related-course {
margin-bottom: 50px;
}
.teacher-description strong {
color: #232731;
font-size: 17px;
text-align: left;
font-weight: 600;
letter-spacing: -.34px;
}
.teacher-story {
max-height: 180px;
color: #464d5d;
font-size: 14px;
text-align: left;
overflow: hidden;
margin-top: 10px;
line-height: 1.67;
letter-spacing: -.29px;
}
.viewmore-teacher-info {
display: block;
margin: auto;
color: #e62020;
margin-top: 8px;
font-size: 14px;
cursor: pointer;
width: fit-content;
letter-spacing: -.29px;
}
.title-section {
margin-top: 24px;
margin-bottom: -24px;
}
.content-teacher-info {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.popup-teacher-info {
background-color: #fefefe;
padding: 15px;
border: 1px solid #888;
width: 60%;
height: 60%;
overflow: auto;
margin-top: 10%;
margin-left: 20%;
}
.close-teacher-info {
color: #786E6C;
float: right;
font-size: 45px;
right: -15px;
top: -30px;
position: relative;
cursor: pointer;
}
.close-teacher-info:hover,
.close-teacher-info:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.shiping-area .ship-item .ship-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
margin-right: 6px;
}
.shiping-area .ship-item .ship-description {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: -.1px;
color: #464646;
display: flex;
flex-direction: column;
justify-content: center;
}
.shiping-area .ship-item {
 display: flex; 
 margin-bottom: 8px; 
}
.checkout-course-detail .old-price{
text-decoration: line-through;
font-size: 14px;
line-height: 1.43;
letter-spacing: .2px;
color: #B0B0B0;
}
.checkout-course-detail{
display: grid;
}
.checkout-course-detail .new-price{
font-size: 28px;
font-weight: 600;
line-height: 1.29;
letter-spacing: .4px;
color: #8B5CF6;
}

/* detail course */
.conent-page-detail-course .common-info-course {
padding: 15px;
}
.conent-page-detail-course .common-info-course ul {
/*margin-left: -40px;*/
}
}
.conent-page-detail-course .box-content-detail-course {
border-radius: 7px;
}
.conent-page-detail-course .curriculum-chapter-container {
margin-top: 10px;
}
.conent-page-detail-course .curriculum-chapter {
cursor: pointer;
position: relative;
z-index: 1;
width: 100%;
height: 60px;
border-radius: 7px;
border: 1px solid #dedfe0;
background-color: #fff;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.conent-page-detail-course .chapter-name {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.43;
letter-spacing: -.2px;
color: #464646;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-shrink: 10;
}
.conent-page-detail-course .chappter-lesson-count {
font-size: 14px;
line-height: 1.43;
letter-spacing: -.3px;
text-align: right;
color: #9b9b9b;
display: flex;
align-items: center;
white-space: nowrap;
margin-left: 10px;
}
.conent-page-detail-course .chapter-angle-down {
color: #9b9b9b;
width: 24px;
height: 15px;
display: inline-block;
background-size: 11px 7px;
cursor: pointer;
}
.conent-page-detail-course .collapse-container-1 {
margin-top: -50px;
border-radius: 7px;
padding: 40px 20px 10px;
background-color: #f4f7f8;
display: block;
}
.conent-page-detail-course .chappter-lesson {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 15px;
}
.conent-page-detail-course .lesson-name-container {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.43;
letter-spacing: -.3px;
color: #464646;
}
.conent-page-detail-course .chapter-play-circle {
margin-right: 10px;
font-size: 20px;
}
.conent-page-detail-course .lesson-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.conent-page-detail-course .lesson-timer {
font-size: 14px;
line-height: 1.43;
letter-spacing: -.3px;
text-align: right;
color: #464646;
}
.conent-page-detail-course .separate-line {
margin-top: 10px;
margin-bottom: -3px;
height: 2px;
background-color: #eaeaea;
}
.conent-page-detail-course .teacher-overview {
display: flex;
justify-content: space-between;
align-items: center;
}
.conent-page-detail-course .teacher-personal-info {
display: flex;
}
.conent-page-detail-course .teacher-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.conent-page-detail-course .teacher-course-info {
width: 214px;
height: 72px;
flex-shrink: 0;
border-radius: 7px;
background-color: #fff;
border: 1px solid #dedfe0;
display: flex;
}
.conent-page-detail-course .course-number {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.conent-page-detail-course .student-number {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.conent-page-detail-course .pd-teacher-title {
font-size: 18px;
font-weight: 700;
line-height: 1.33;
letter-spacing: .3px;
color: #464646;
margin-bottom: -10px;
}
.conent-page-detail-course .teacher-overview .teacher-name {
font-size: 24px;
font-weight: 600;
letter-spacing: .3px;
color: #464646;
}
.conent-page-detail-course .teacher-overview .title-teacher {
font-size: 14px;
line-height: 1.43;
letter-spacing: -.3px;
color: #464646;
}
.conent-page-detail-course .teacher-overview .rating-area span {
font-size: 13px;
line-height: 1.38;
letter-spacing: -.1px;
color: #464646;
}
.conent-page-detail-course .teacher-overview .number {
font-size: 20px;
font-weight: 700;
letter-spacing: .4px;
text-align: center;
color: #464646;
}
.conent-page-detail-course .teacher-overview .label {
font-size: 10px;
letter-spacing: .2px;
text-align: center;
color: #464646;
}
.conent-page-detail-course .smooth-sroll-navigation li{
   padding: 0 40px;
}
.productlist-widget-section .title-section{
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.col-20{
flex: 0 0 20%;
max-width: 20%;
position: relative;
padding-right: 10px;
padding-left: 10px;
}
.col-40{
flex: 0 0 40%;
max-width: 40%;
position: relative;
padding-right: 10px;
padding-left: 10px;
}
.conent-page-detail-course .box-content-detail-course .curriculum-overview {
display: flex;
justify-content: space-between;
margin-top: 24px;
margin-bottom: 24px;
}
.conent-page-detail-course .box-content-detail-course .curriculum-type {
font-size: 14px;
font-weight: 600;
line-height: 1.71;
letter-spacing: .3px;
color: #464646;
}
.conent-page-detail-course .box-content-detail-course .curriculum-lessons-number span {
color: #276fbd;
margin-left: 3px;
}
.conent-page-detail-course .box-content-detail-course .curriculum-time span {
color: #276fbd;
margin-left: 3px;
}
.conent-page-detail-course .box-content-detail-course .curriculum-lessons {
display: flex;
}
.conent-page-detail-course .box-content-detail-course .curriculum-lessons .curriculum-lessons-number {
display: flex;
align-items: center;
margin-right: 27px;
font-size: 14px;
font-weight: 600;
line-height: 1.71;
letter-spacing: .3px;
color: #464646;
}
.conent-page-detail-course .box-content-detail-course .curriculum-lessons .curriculum-time {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 1.71;
letter-spacing: .3px;
color: #464646;
}

/*section course category*/
.section_course_of_cate_home .emall-percent_off_strong {
width: 45px;
height: 30px;
border-radius: 7px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
background-color: #1877f2;
font-size: 14px;
font-weight: 700;
text-align: center;
font-family: Lato;
color: #fff;
display: block;
line-height: 30px;
position: absolute;
top: 10px;
left: 10px;
}
.section_course_of_cate_home .course-item-detail {
padding: 15px;
}
.section_course_of_cate_home .course-item-detail {
padding-top: 15px;
}
.teacher-personal-related-course .price-course-section {
position: absolute;
bottom: 10px;
right: 25px;
}
.section_course_of_cate_home .section-price-course {
padding-right: 0px !important;
min-height: 30px;
margin-left: -15px;
margin-top: -10px;
}
.section_course_of_cate_home .rating_course_style i {
color: #f5a623;
font-size: 13px;
}

/*combo course*/
.slider-mb-combo_home .emall-percent_off_strong{
width: 45px;
height: 30px;
border-radius: 7px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
background-color: #1877f2;
font-size: 14px;
font-weight: 700;
text-align: center;
font-family: Lato;
color: #fff;
display: block;
line-height: 30px;
position: absolute;
}
.slider-mb-combo_home .course-item h3.title {
margin-bottom: 35px;
}

.teacher-name-course-section {
padding: 5px 15px 10px 10px;
font-size: 13px;
line-height: 1.38;
letter-spacing: -.1px;
color: #9b9b9b;
font-weight: 400;
display: inline-block;
max-width: 136px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform: translateY(3px);
}
.price-course-section {
position: absolute;
bottom: -15px;
right: 10px;
}
.section-course-of-tag .price-course-section {
position: absolute;
bottom: 10px;
right: 25px;
}
.section_course_of_cate_home .price-course-section {
position: absolute;
bottom: 20px;
right: 10px;
}
.main_course_of_cate .price-course-section {
position: absolute;
bottom: 10px;
right: 25px;
}
.emall-cos-section-course .price-course-section {
position: absolute;
bottom: 10px;
right: 25px;
}

.emall-cos-section-combo .course-item h3.title {
margin-bottom: 35px;
}
.emall-cos-section-combo  .emall-percent_off_strong{
width: 45px;
height: 30px;
border-radius: 7px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
background-color: #1877f2;
font-size: 14px;
font-weight: 700;
text-align: center;
font-family: Lato;
color: #fff;
display: block;
line-height: 30px;
position: absolute;
}

.emall-course-of-cat .course-item h3.title {
margin-bottom: 35px;
}
.emall-course-of-cat  .emall-percent_off_strong{
width: 45px;
height: 30px;
border-radius: 7px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
background-color: #1877f2;
font-size: 14px;
font-weight: 700;
text-align: center;
font-family: Lato;
color: #fff;
display: block;
line-height: 30px;
position: absolute;
}
.emall-chevron-circle-right{
font-size: 25px;
}
/*giỏ hàng
}*/
.img-course{
width: 126px;
/*height: 80px;*/
  
}
.course-info .course-name {
display: -webkit-box;
cursor: pointer;
font-size: 15px;
font-weight: 600;
line-height: 1.33;
letter-spacing: -.2px;
color: #464646;
margin-bottom: 12px;

}
.course-info .author-name {
display: inline-block;
font-size: 13px;
font-weight: 400;
line-height: 1.38;
letter-spacing: -.1px;
color: #9b9b9b!important;
}
.course-price .new-price.special-price {
color: #8B5CF6;
font-weight: 600;
font-size: 18px;
}
.course-price .old-price {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: -.2px;
color: #B0B0B0;
text-decoration: line-through;
}
.shiping-area .ship-item .ship-icon {
flex-shrink: 0;
width: 24px;
height: 24px;
background-repeat: no-repeat;
margin-right: 6px;
}
.shiping-area .ship-item .ship-description {
font-size: 14px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: -.1px;
color: #464646;
display: flex;
flex-direction: column;
justify-content: center;
}
.shiping-area .ship-item {
 display: flex; 
 margin-bottom: 8px; 
}
.btn-checkout{
line-height: 2.2rem;
font-size: 18px;
font-weight: 600;
}
.choice-coupon {
font-size: 12px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: normal;
color: #006fba !important;
cursor: pointer;
}
.coupon-select-link{
text-align: right;
}
.table-pri tr:first-child  td{
border-top: none;
} 
.table-pri tr:first-child  td:first-child{
   color: #9b9b9b;
} 
.table-pri tr:last-child  td:last-child{
   color: #1877f2;
} 
.table-pri tr:last-child  td:first-child{
   font-weight: 600;
} 
.table-pri td{
padding: 15px 0;
font-size: 14px;
}
.table-pri{
margin-bottom: 0;
}
.checkout-area .checkout-title {
font-size: 20px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #464646;
margin-bottom: 20px;
}
.page-title {
color: #464646;
font-weight: 600;
font-size: 20px;
}
.page-title .count {
font-size: 14px;
font-weight: 400;
}

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

.course-info .course-name {
    margin-bottom: 0px;
}
.course-price .new-price.special-price {
    color: #8B5CF6;
    font-weight: 600;
    font-size: 16px;
    }
.btn-checkout {
    font-size: 16px;
  	background: linear-gradient(135deg, #8B5CF6, #7C3AED) !important;
    border-color: #8B5CF6 !important;
}
}
@media (max-width: 576px) { 
.btn-checkout {
    font-size: 18px;
}
}
@media (max-width: 320px) { 
.course-info{
    margin-left: 20px;
}
}
/*khóa học của tôi*/
.box-my-courses .rating {
margin: 16px 0 8px;
text-align: left;
display: inline-block;
white-space: nowrap;
}

.box-my-courses .rating .star {
height: 100%;
border-radius: 4px;
background-color: #ffc53b;
padding: 4px;
display: inline-block;
}
.box-my-courses .rating .no-rating {
display: inline-block;
color: #ffc53b;
line-height: 1.5;
margin: 0 8px;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.5px;
}
.box-my-courses .rating .text-rating {
cursor: pointer;
display: inline-block;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.1;
letter-spacing: 0.4px;
color: #5c9cfe;
}
.box-my-courses .course_name {
margin-top: 10px;
min-height: 50px;
font-size: 15px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.15px;
color: #333;
text-overflow: ellipsis;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.box-my-courses .course_name:hover{
text-decoration: none;
color: #232731;
}
.box-my-courses .img-star i{
color: #fff;
font-size: 12px;
}
.box-my-courses .img-star{
vertical-align: middle;
display: flex;
}
.box-my-courses .teacher_name {
margin-top: 8px;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.4px;
color: #b0b5c1;
text-overflow: ellipsis;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.box-my-courses .finish{
display: flex;
margin-top: 10px;
padding-bottom: 5px;
}
.box-my-courses .finish .percent {
width: 17%;
font-size: 17px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0.4px;
color: #1877f2;
}
.box-my-courses .finish .progress-course {
width: 83%;
height: 4px;
border-radius: 4px;
background-color: #cfd3db;
margin-top: 5px;
}
.box-my-courses .finish .progress-course .percent-finish{
width: 6%;
height: 100%;
 background-color: #9dc3fe;
}

.box-my-courses .img-live-my-course {
height: 170px;
width: 100%;
}
.box-my-courses .progress-lives-mycourses {
background: #cfd3db;
height: 12px;
width: 95%;
margin-top: 5px;
cursor: pointer;
margin-left: 5px;
}

.section_course_home  .course-section .rota-top-left {
top: 25px;
left: 10px;
}
.rota .member_ship{
width: 100%;
top: 12px;
transform: unset !important;
background-color: #1877f2 !important;
}
.rota-membership {
top: unset !important;
left: 30px;
bottom: -30px;
}
.rota::before, .rota::after{
display: none!important;
}
.section-course-of-tag .course-item-detail .title {
height: 40px;
}
.feature-course-search .course-item-detail .title {
height: 40px;
}
.section_course_home .course-item-detail .title {
height: 40px;
}
.emall-course-of-site .course-item-detail .title {
height: 40px;
}
.feature-course-of-cate .course-item-detail .title {
height: 40px;
}
.teacher-personal-related-course .course-item-detail .title {
height: 40px;
}
.section-blog-home .title_section_course_home {
text-align: center;
}
.section_combo_quiz_home .course-item-detail .title {
height: 40px;
}
.section_combo_quiz_home .course-item {
box-shadow: 2px 2px 10px #cecece;
margin-top: 30px;
min-height: 280px;
border-radius: 10px;
}
.section_combo_document_home .course-item-detail .title {
height: 40px;
}
.section_combo_document_home .course-item {
box-shadow: 2px 2px 10px #cecece;
margin-top: 30px;
min-height: 280px;
border-radius: 10px;
}
.section_course_of_cate_home .rota .member_ship {
width: 100%;
top: 15px;
transform: unset !important;
background-color: #1877f2 !important;
}
.section_course_of_cate_home .course-item-detail h4 {
height: 40px;
}
.emall-course-of-site .rota-membership {
top: unset !important;
left: 30px;
bottom: -40px;
}
.feature-course-of-cate .rota-membership {
top: unset !important;
left: 30px;
bottom: -40px;
}
.slider-mb-course_home .item-review {
padding: 5px 0;
}
.box-my-courses .learning-cardlearning-card {
background-color: #fff;
box-shadow: 2px 2px 10px #cecece;
border-radius: 10px;
}
.box-my-courses .learning-cardlearning-card .img-live-my-course {
border-radius: 10px 10px 0px 0px;
}
.learning-cardlearning-info {
padding-right: 5px;
padding-left: 5px;
}
.conent-page-detail-course .ib-block-info-course {
border-radius: 7px;
}
/* css méo ảnh ở blog */
img.style_img_blog_default.aspect-ratio-5-3 { height: auto !important; }