/*CUSTOM CSS*/
  .course{
	  margin:15px 15px 0px 15px;
	  width:auto;
  }
  .course-tabs .nav-tabs > li > a{
	  padding:15px 25px;
	  font-size:16px
  }
  .course-detail .bx-wrapper{
	  width:83%;
  }
  .course-topics .thumb{
	  height:133px;
	  width:133px;
  }
  .course-topics .text{
	padding:0px 0px 0px 153px;
	}
@media (min-width: 768px) and (max-width: 979px) {
  .top-courses .thumb{
	  width:100%;
	  margin:0px 0px 10px 0px;
  }
  .top-courses{
	  float:left;
	  width:100%;
  }
  .course .header, .course .course-name{
	  padding:0px 5px;
  }
  .course .price span{
	  font-size:20px;
  }
  .course .course-detail-btn a{
	  padding:15px 5px;
	  font-size:12px;
  }
  .course-detail #bx-pager a{
	  float:left;
	  width:15.5%;
	  margin:0px 2px;
  }
}

@media (max-width: 767px) {
 
  /*CUSTOM CSS*/
  .course-topics li.span4{
	  float:left;
	  width:50%
  }
.cp-gallery-container .cp-gallery-item .caption{
	padding:40px 20px;
}
.course-detail #bx-pager a{
	  float:left;
	  width:15.5%;
	  margin:0px 2px;
  }
}


@media (max-width: 480px) {

.course-tabs .nav-tabs > li{
	width:100%;
}
.course-tabs .nav-tabs > li a{
	text-align:left;
}
.course-tabs .nav-tabs > li i{
	float:left;
	margin:0px 15px 0px 0px;
	line-height:none;
	font-size:18px;
}
.course:hover .price{
	left:15px;
	top:15px;
}
.course-detail #bx-pager a{
	margin:0px 2px 5px 2px;
}
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .course-topics .text{
	  padding:0px;
	  float:left;
	  width:100%;
	  text-align:center;
  }
  .course-topics .thumb{
	  margin:0px auto;
	  float:none;
  }
  .course-detail #bx-pager{
	  width:100%;
	  float:left;
  }
  .course-detail #bx-pager a:first-child{
	  margin:0px 2px;
  }
  .course-detail .bx-wrapper{
	  width:100%;
	  margin:0px 0px 20px 0px;
  }
  .course .price{
	  height:70px;
	  width:70px;
	  font-size:26px;
	  padding:16px 0;
  }
  .cart ul li{
	  border:none;
  }
  .course-tutor .thumb img{
	  width:100%;
  }
  .course-tutor, .address, .categories{
	  padding:10px;
  }
}