.list-course-units-wrapper h3 {
    font-size: 1.28em;
	clear: both;
}

.list-course-units-wrapper p {
    margin-bottom: 1.5em
}

.list-course-units-wrapper img {
    height: auto;
    max-width: 100%
}

.list-course-units-wrapper div.unit a:link{
    color: #262626
}

.list-course-units-wrapper div.unit a:active,
.list-course-units-wrapper div.unit a:focus,
.list-course-units-wrapper div.unit a:hover {
    color: #007bff
    text-decoration: none
}

.list-course-units-wrapper ::selection {
    background: #1ea69a;
    color: #fff;
    text-shadow: none
}

.list-course-units-wrapper h3 {
    font-weight: 300
}

.list-course-units-wrapper .unit {
    border: solid 1px #e8e9eb;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: auto;
    margin-top: -1px;
    padding: 10px 30px 10px 22px
}

.list-course-units-wrapper .unit.odd {
    background: #f9f9f9
}

.list-course-units-wrapper .unit:hover {
    background: #ddd;
    font-weight: 700
}

/*.................................................*/
:after, :before {
    box-sizing: inherit;
	box-sizing: border-box;
}

::selection {
    background: #1ea69a;
    color: #fff;
    text-shadow: none;
}

.no-padding {
    padding: 0;
}

.right-col {
    float: right;
}

.unit-content .title-detail {
	padding-top: 20px;
}

.unit-content {
    background: #fff;
    margin-bottom: 10px;
}

.unit-header {
    padding: 30px 0 30px 0;
    max-height: 412px;
    min-height: 194px;
}

.course-title a:active, .course-title a:hover {
    outline: 0;
}

.unit-header .unit-title {
    font-size: 36px;
    line-height: 41px;
    margin-top: 21px;
    margin-bottom: 10px;
    font-weight: 300;
}

.unit-header .excerpt {
    font-size: 16px;
    line-height: 27px;
}

.unit-header .course-title {
    font-size: 21px;
    line-height: 27px;
    margin: 5px 0;
    font-weight: 400;
}

.unit-meta {
    /* margin-top: 20px; */
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, .1), 0 3px 1px 0 rgba(20, 23, 28, .1);
    color: #505763;
    padding: 3px 3px 20px 3px;
    border-radius: 4px;
}

.unit-meta-details .unit-media,
.unit-meta-details .unit-media img {
    width: 100%;
    overflow: hidden;
    height: auto;
    max-width: 100%;
	border: 0;
	vertical-align: middle;
}

.unit-meta .item-actions {
    margin: 20px 0 10px 0
}

.unit-meta .item-actions .btn {
    width: 100%;
    line-height: 30px;
    font-weight: 482;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #fff;
}

.unit-meta .item-actions .btn i.fa {
    margin-left: 20px;
}

.comment-wrapper {
    background-color: #fff;
    padding: 20px 10px;
    margin-bottom: 20px;
}

.unit-main .tags {
    margin-top: 20px;
}

.unit-teacher .teacher-info img.teacher {
    width: 30px!important;
    height: 30px!important;
    border-radius: 30px!important;
    margin-right: 20px;
}

.unit-teacher .teacher-info {
    border: none;
    clear: both;
    margin: 3px 10px 10px 0;
    min-height: 30px;
}

.unit-teacher .teacher-info .avatar,
.unit-teacher .teacher-info .details {
    float: left;
}

.unit-teacher .teacher-info .avatar img {
    border: 1px solid #fff;
}

.unit-teacher .teacher-info:hover .avatar img {
    border: 1px solid #ddd;
}

.unit-teacher .teacher-info .details h5 {
    line-height: 30px;
}

@media (min-width:768px) {
    .col-sm-12,
    .col-sm-8 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
	
}

.col-sm-12,
.col-sm-4,
.col-sm-8,
.col-xs-12, {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-8.col-xs-12.wrapper {
	width: 75%;
    color: white;
	padding-left: 10px;
}

.unit-meta.right-col {
        position: relative;
}

.col-xs-12.col-sm-8.unit-content {
	width: 67%;
	padding-left: 10px;
	padding-right: 10px;
}

.col-sm-4.col-xs-12.unit-meta.right-col {
	width: 30.9%;
	float: right;
}

@media (max-width:1024px) {
	.unit-meta.right-col {
        position: relative;
        top: -276px;
	}

}

@media (max-width:768px) {
	
	.col-xs-12.col-sm-8.unit-content {
		padding: 10px;
	}
	
	.col-sm-4.col-xs-12.unit-meta.right-col {
		width: 30%;
		float: right;
	}
	
	.unit-meta.right-col {
        position: relative;
		width: 30%;
        top: -313px;
	}
}

@media (max-width:468px) {
	
	.col-xs-12.col-sm-8.unit-content {
		padding: 10px;
		width: 94.5%;
	}
	
	.col-sm-4.col-xs-12.unit-meta.right-col {
		width: 98%;
		float: left;
		top: -9px;
	}
}


.course-cds .course-header.btn {
    width: 100%;
    text-align: left;

}