.col-md-6  video {
  width: 100%!important;
  height: auto;
}
.col-md-4 video {
  width: 100%;
  height: auto;
}
.col-md-8 video {
  width: 100%;
  height: auto;
}
.col-md-3 video {
  width: 100%;
  height: auto;
}
.asset-container {
  padding: 0% 2% 2%;
}
.row{
  width:100%!important;
}
.element-view-content h1{
  margin-top:0px!important;
}
.element-view-content > .bx-wrapper > .bx-viewport{
  height: 500px!important;
}
.bx-wrapper > .bx-viewport{
  height: 450px!important;
}
span#closebtn {
 color: #fff;
  font-size: 46px;
  position: absolute;
  top: -11px;
    right: 2px;
    cursor:pointer;
  /*display:none;*/
}
#course-taking-page.wrapper .sidebar, #main {
  transition: 0.5s;
}
/*.toggle_btn{
  display:none;
}*/
.prev-lecture{
  left: 135px!important;
}
.box {
  margin-bottom: 2%;
}
#icon2{
  font-size:22px;
  color:#fff;
  z-index:99999;
  cursor:pointer;
}
#responsive-sidebar {
  float: right;
  padding-right: 4%;
  padding-top: 0.5%;
  z-index: 99999;
  bottom: 0px;
  position: relative;
}
/*.sidebar{
  display:none;
}*/
/*#course-taking-page .main{
  right:0px!important;
}*/
#notes, #extras, #lecture-discussions{
  width: 100%;
  height: 100%;
  overflow: auto!important;
}

/*button*/
.ud-lectureangular>div {
  padding-left: 0px!important;
}
.chk_mrk img{
  background-color: #fff;
  padding-bottom: 4%;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 21px;
  padding-top: 6%;
  padding-left: 4%;
}
.chk_mrk{
  display:block;
  margin-right: 10px;
  float: left;
}
.chk_mrk_btn{
  background-color:#fff;
  color:#333;
  padding-left: 7px!important;
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
}
.chk_mrk:hover img {
  color: #333;
  background-color: #e6e6e6!important;
  border-color: transparent!important;
}
.chk_mrk:hover .chk_mrk_btn {
  color: #333;
  background-color: #e6e6e6!important;
  border-color: transparent!important;
}
/*end of button*/

/*lecture page*/
.btn-grey-border{
  border:1px solid #ddd!important;
}
.comment{
  display: inline-block;
}
.comments-list1 .comment .comment-thumb {
  width: 16%!important;
}
.comments-list1 .comment .comment-content {
  width: 82%;
  float: right;
}
#txt_notes::-webkit-input-placeholder {
  padding-top: 2%;
}
/*end*/

/*update free courses*/
.left.carousel-control img {
    position: absolute;
    top: 2px;
    right: 50px;
}
.right.carousel-control img{
  position: absolute;
  top: 2px;
  right: 20px;
}
.smltext{
    word-break: break-word!important;  
}
/*end*/
/*----------------------------------------------Responsive---------------------------------------*/
@media only screen and (max-width:1200px){
.diss_search_box {
  display: inline-block;
  margin: 0px;
  width: 100%;
}
/*update free courses*/
.cattext{
  display: block;
}
.cattext_bottom{
  display: block;
}
.catimg{
  height:auto!important;
}
#sections .span3 h3 {
  font-size: 20px;
}
#sections .span3 span {
  font-size: 20px!important;
}
#sections .lect-text{
  max-width:60%!important;
}
.cattext1 h4{
  width:20%;
}
/*end of update free courses*/
}
@media only screen and (max-width:1065px){
.col-md-12 video {
  width: 100%!important;
  height: auto!important;
}
}
@media only screen and  (max-width: 1024px){
#course-taking-page.wrapper .main ul#timeline>li .prev-lecture {
  margin-left: 0px!important;
}
}
@media only screen and (max-width:991px){
.column {
  width: 100%;
}
.bxslider1 li {
  width: 1.65%!important;
}
.element-view-content > .bx-wrapper > .bx-viewport{
  height: 450px!important;
}
.bx-wrapper > .bx-viewport{
  height: 400px!important;
}
.prev-lecture {
  left: 114px!important;
}
}
@media only screen and (max-width:979px){
.tabs-vertical-env .nav > li > a {
  padding: 10px 5px;
  font-size: 11px;
}
.cattext1 h4 {
  width: 100%!important;
  float: none!important;
}
.smltext1 {
  float: none!important;
  width: 100%!important;
  padding-top: 5%;
}
.comments-list1 .comment .comment-thumb {
  width: 18%!important;
}
.comment{
  padding:0px!important;
}
/*update free courses*/
.container{
  width: 90%;
}
#sections .span3 h3 {
  line-height: 25px;
}
[class^="entypo-"]:before, [class*=" entypo-"]:before{
  margin-left:0px;
}
i.entypo-doc-text {
  margin-top: 2%;
}
#sections .lect-text {
 /* padding-top: 2%;*/
  max-width: 55%!important;
}
span.thb-n {
  word-break: break-word;
}
#wishlist span {
  font-size: 15px!important;
}
#wishlist .btn-primary_sub span {
  font-size: 15px!important;
}
/*free courses*/
a.rd_more {
    float: none!important;
    width: 100%!important;
    text-align: left;
    display: -webkit-box;
}
.main_snd_msg_content{
  height: 32px!important;
}
/*end*/
}
@media only screen and (max-width:850px){
.element-view-content > .bx-wrapper > .bx-viewport{
  height: 350px!important;
}
.bx-wrapper > .bx-viewport{
  height: 300px!important;
}
.lyrow {
  border-bottom: 1px solid #ddd!important;
  padding-bottom: 2%;
  padding-top: 2%;
  box-shadow: 0px 1px 10px #888;
  margin-top: 2%;
}
}
@media only screen and  (max-width: 768px){
.toggle_btn{
  display:block;
}
#course-taking-page.wrapper .main {
  width: 100%!important;
  left: 0!important;
  right: 0!important;
}
span#closebtn {
    right: 280px!important;
}
.icon2{
  display:block;
}
.text-topaz {
  margin-left: 25px!important;
}
.prev-lecture {
  left: 138px!important;
}
/*lecture page*/
.smltext1 {
  float: right!important;
  width: 65%!important;
  padding-top: 0%; 
}
.cattext1 h4 {
  width: 25%!important;
  float: left!important;
}
.diss_search_box {
  display: inline-block;
  margin: 0px;
  width: 100%;
  text-align: left;
  padding-left: 4%;
}

/*lecture page*/
/*update course*/
i.entypo-doc-text {
   margin-top: 0%; 
}
#sections .lect-text {
   padding-top:0%; 
   max-width: 60%!important;
}
#timeline>li .bottom .next-lecture{
      left: 14px!important;
}
}
@media only screen and (max-width:640px){
.smltext1 {
  float: right!important;
  width: 65%!important;
}
.cattext1 h4 {
  width: 30%;
}
/*update course*/
#sections .lect-text {
  padding-top: 0%;
  max-width: 40%!important;
}
}
/*end*/
@media only screen and (max-width:480px){
.element-view-content > .bx-wrapper > .bx-viewport {
  height: 270px!important;
}
.bx-wrapper > .bx-viewport{
  height: 220px!important;
}
/*lecture page*/
.cattext1 h4 {
  width: 100%!important;
  float: none!important;
}
.smltext1 {
  float: none!important;
  width: 100%!important;
  padding-top: 2%;
}
.tabs-vertical-env .nav > li > a{
  padding: 10px 5px!important;
  font-size: 12px!important;
}
.diss_search_box {
  text-align: center!important;
  padding-left: 0%!important;
  margin: 0px!important;
}
/*end of lecture page*/
/*update course*/
i.entypo-doc-text {
  margin-top: 2%;
}
/*#sections .lect-text {
  padding-top: 2%;
}*/
.course-price-box {
  margin-left: 5px !important;
}
.btn-take-course{
  font-size:11px;
}
.left.carousel-control img {
    top: 46px;
}
.right.carousel-control img {
   top: 46px;
}
}
@media only screen and (max-width:435px){
a.responsive_download {
  margin-top: 0%!important;
}
}
@media only screen and  (max-width: 400px){
.element-view-content > .bx-wrapper > .bx-viewport {
  height: 250px!important;
}
.bx-wrapper > .bx-viewport {
  height: 200px!important;
}
.breadcrumb h3 {
  font-size: 21px;
  margin: 0px 0;
}
.tabs-vertical-env .nav > li > a {
  padding: 10px 1px!important;
  font-size: 10px!important;
}
.cattext1 {
  padding: 15px 5px;
}
.cont_mid {
  padding: 10px 2px;
}
.rating_star .rating-good, .rating_star span.reviews-number, .lecture_by{
    padding-left: 10px!important;
}
.cont_mid .txt_lec {
    padding: 0 8px!important;
}
.diss_search_box {
  padding-left: 5%!important;
}
.smltext {
    padding-left: 8px;
}
.liked {
  margin-right: 5%!important;
}
.comments-list1 li {
  padding: 0 15px;
}
#timeline>li .bottom .next-lecture{
      left: 12px!important;
}
}
@media only screen and  (max-width: 320px){
.bx-wrapper > .bx-viewport {
  height: 170px!important;
}
.element-view-content > .bx-wrapper > .bx-viewport {
  height: 220px!important;
}
a#go_reviews {
  border-left: 1px solid #ddd;
}
.tabs-vertical-env .nav > li > a {
  padding: 10px 9px!important;
  font-size: 11px!important;
}
}