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: #f8f8fb;
}
.recent-course {
	padding: 50px 0 80px 0;
}
.feature-course h2,
.recent-course h2 {
	color: #4c6379;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.course-item {
	background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 10px #cecece;
    margin-top: 30px;
    min-height: 295px;
}
.course-item .course-item-image {
	display: block;
    position: relative;
    max-width: 255px;
	height: 153px;
	width: 100%;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.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 {
	padding: 15px;
}
.course-item .course-item-detail h3.title {
	font-size: 16px;
    color: #4c6379;
    margin: 0;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    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: #f8f8fb;
	-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: #38b54b;
}
.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: 40%;   }
.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 a { border-radius: 5px; background: #ed1c24; 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; border-bottom: 1px solid #ccc; }
.inner-col-reason img {    display: block;    margin: 10px 0;}
.inner-col-reason p {    font-weight: bold;    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: #ff0000; 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; }
.box-pay-mbs .form-check { margin-bottom: 10px; }
.btn-cart-mbs a { background: #007bff; 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-pay-single {/* border: 1px solid #ccc; */ padding: 10px; margin: 10px 0; border-right: none; }
.box-combo-default,.box-cb-price { border-bottom: 1px solid #ccc;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: #f00; }
.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, .price-o { 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, .price-o { 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: #007bff;
}
.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: #007bff; 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: #007bff;
	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;
	}
}
@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;
	}
	.box-pay-single {
		display: none;
	}
}
.lbl-finish-time-live
{
	font-size: 20px !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #f00;
}
.main_course_of_cate{
	background: #f8f8fb;
}