/*Allcourse  breadcrumb starts*/*/
b, strong {
    font-weight: normal;
}
a, a:hover{
    cursor: pointer;
    text-decoration: none;
}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus, 
.btn.active, 
.btn:active{
    outline: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}
.banner-add {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ads-border {
  text-align: center;
}
#breadcrumb{
    background-color: #eaeaea;
}
#breadcrumb .breadcrumb{
    padding: 15px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
#breadcrumb .breadcrumb li.active{
    color: #555;
    font-size: 12px;
    line-height: 16px;
    font-family: "robotolight",sans-serif;
}
#breadcrumb .breadcrumb a{
    color: #01a0c1;
    font-size: 12px;
    line-height: 16px; 
    font-family: "robotolight",sans-serif;
}
#breadcrumb .breadcrumb>li+li:before {
    padding: 0 2px;
    color  : #01a0c1;
    content: "\003e";
    font-family: "robotolight",sans-serif;
}
/*Allcourse breadcrumb ends*/

/*Allcourse page starts*/
#allCourse{
  background-color: #eaeaea;
  padding: 0 0 40px;
}
#allCourse a,
#allCourse a:hover{
    text-decoration: none;
}
#allCourse a.blue{
    background-color: transparent;
    border: 1px solid #01a0c1;
    padding: 6px 12px;
    color: #01a0c1;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0 8px 0 0;
    cursor: pointer;
}
#allCourse a.blue:hover{
    background-color: #01a0c1;
    border: 1px solid #01a0c1;
    color: #fff;
}
#allCourse a.green{
    background-color: transparent;
    border: 1px solid #b1c234;
    padding: 6px 12px;
    color: #b1c234;
    font-size: 16px;
    line-height: 16px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
}
#allCourse a.green:hover{
    background-color: #b1c234;
    border: 1px solid #b1c234;
    color: #fff;
}
#allCourse .contents{
    float: left;
    width: 100%;
}
/*left block starts*/
#allCourse .contents .left{
    position: relative;
    width: 70.8%;
    float: left;
    margin: 0 20px 0 0;
    background: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(168, 168, 168, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(168, 168, 168, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(168, 168, 168, 0.3);
}
#allCourse .left .head h1 {
  margin:0px;
  font-size:18px;
  color:#222222;
  font-family:"robotoregular";
  padding: 20px 30px 22px 30px;
}

#allCourse .left .head > .desc{
    font-family: "robotolight", sans-serif;
    color: #777777;
    font-size: 14px;
    margin-bottom: 30px;
    padding: 0 30px;
}
#allCourse .left .head > .desc a,
#allCourse .left .head > .desc a:hover{
  color: #777777;
}
#allCourse .left .head .nav-tabs {
  text-align:center;
  width: 100%;
  margin: 0 auto;
}
#allCourse .left .head .nav-tabs>li {
    float: none;
    margin-bottom: 0px;
}
#allCourse .left .head .nav-tabs>li>a {
  font-size:16px;
  color:#9f9f9f;
  font-family:"robotoregular";
  padding: 0 32px 16px 32px;
  margin-right: 0px;
}
#allCourse .left .head .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border-color:transparent;
}
#allCourse .left .tab-content {
      padding: 0px 30px 38px 30px;
}
#allCourse .left .panel-group {
    margin-bottom: 0px;
}
#allCourse .left .head .nav-tabs>li.active>a, #allCourse .left .head .nav-tabs>li.active>a:focus, 
#allCourse .left .head .nav-tabs>li.active>a:hover {
    color: #60aacb;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom:3px solid #01a0c1;
    margin-bottom: -2px;
}
#allCourse .left .head .nav>li {
    display: inline-block;
}
#allCourse #browsecategory {
  padding-top:30px;
}
#allCourse #browsecategory .panel {
  border:0px;
  background-color:#fbfbfb;
  box-shadow:none;
}
#allCourse #browsecategory .panel-heading {
    padding: 21px 20px 21px 22px;
    position:relative;
}
#allCourse #browsecategory .panel-title {
  font-family:"robotobold";
  color:#222222;
  display: inline-block;
  width: 95%;
}
#allCourse #browsecategory .panel-heading .a-icon{
    display: inline-block;
    width: 4%;
}
#allCourse #browsecategory .panel-heading .a-icon:before{
    font-size: 24px;
    vertical-align: sub;
    color: #06abcd;
}
#allCourse #browsecategory .panel-default>.panel-heading {
    cursor: pointer;
    color: #333;
    background-color: #fbfbfb;
    border-color: #fbfbfb;
}
#allCourse #browsecategory .panel-group .panel-heading+.panel-collapse>.list-group, 
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}
#allCourse #browsecategory .panel-body {
    padding: 6px 20px 20px 20px;
}
#allCourse #browsecategory .panel-body>.course-list, 
#allcourse #sortName .letter-content .right-course {
  padding: 18px 10px;
}
#allCourse #browsecategory .panel-body>.course-list {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;  
}
#allCourse #browsecategory .panel-body>.course-list:hover{
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; 
  background: #ffffff;
  text-decoration:underline;
}
#allCourse #sortName .letter-content .right-course:hover {
  background: #ffffff;
  text-decoration:underline;
}
#allCourse #browsecategory .panel-body .course-name>h4 a:hover, 
#allCourse #sortName .letter-content .course-name>h4 a:hover {
  text-decoration:underline;
  -moz-text-decoration-color: rgba(41, 72, 101, 0.5); /* Code for Firefox */
  text-decoration-color: rgba(41, 72, 101, 0.5);
}
#allCourse #browsecategory .panel-body .course-cta >.view-all button:hover , 
#allCourse #sortName .letter-content .cta-button>.view-all button:hover{
  background-color:#f5fbfa;
  -moz-text-decoration-color: #294865; /* Code for Firefox */
  text-decoration-color: #294865;
}
#allCourse #browsecategory .panel-body .course-cta >.know-more button:hover , 
#allCourse #sortName .letter-content .cta-button>.know-more button:hover{
  background-color:#5290ac;
}
#allCourse #browsecategory .panel-body .course-name>h4 {
  font-size:20px;
  font-family:"robotolight";
 
  margin:0px;
  padding: 6px 0;
}
#allCourse #browsecategory .panel-body .course-name>h4 a {
   color:#043658;
   font-size:20px;
}
#allCourse #browsecategory .panel-body .course-cta >.view-all>a>button , 
#allCourse #sortName .letter-content .cta-button>.view-all>a>button{
  width:175px;
  padding: 6px 10px 6px 14px;
  height:34px;
  border:1px solid #01a0c1;
  background-color:#fbfbfb;
  color:#60aacb;
  font-size:14px;
  font-family:"robotoregular";
  text-align: left;
  border-width: 1px;
  border-color: rgb( 1, 160, 193 );
  border-style: solid;
  border-radius: 3px;
  white-space: inherit;
}
#allCourse #browsecategory .panel-body .course-cta >.view-all .fa-caret-right ,
#allCourse #browsecategory .panel-body .course-cta > .know-more .fa-caret-right ,
#allCourse #sortName .letter-content .cta-button>.view-all .fa-caret-right ,
#allCourse #sortName .letter-content .cta-button>.know-more .fa-caret-right  {
  float: right;
  padding: 3px 0 2px 0;
}
#allCourse #browsecategory .panel-body .course-cta >.view-all .fa-caret-right:before ,
#allCourse #browsecategory .panel-body .course-cta >.know-more .fa-caret-right:before , 
#allCourse #sortName .letter-content .cta-button>.view-all .fa-caret-right:before , 
#allCourse #sortName .letter-content .cta-button>.know-more .fa-caret-right:before  {
    font-size: 12px;
}
#allCourse #browsecategory .panel-body .course-cta >.know-more ,
#allCourse #sortName .letter-content .cta-button>.know-more
 {
  padding-left:7px;
}
#allCourse #sortName .letter-content .cta-button>.know-more .btn a {
 color: #fff !important;
}
#allCourse #browsecategory .panel-body .course-cta >.know-more  button ,#allCourse #sortName .letter-content .cta-button>.know-more button {
  width:175px;
  height:34px;
  color:#fff;
  font-size:14px;
  font-family:"robotoregular";
  padding-left:15px;
  padding-right:12px;
  text-align:left;
  outline: none;
  border-width: 1px;
  border-color: rgb( 1, 160, 193 );
  border-style: solid;
  border-radius: 3px;
  background-color: rgb( 96, 170, 203 );
}
#allCourse #sortName .letter-content .cta-button .know-more button a {
  color:#fff;
}
#allCourse #browsecategory .panel-heading > .panel-title > .glyphicon {
  color: #01a0c1;
  font-size: 10px;
  border: 1px solid #01a0c1;
  padding: 3px 3px;
  line-height: 10px;
  border-radius: 3px;
  top: calc(50% - 10px);
}
/*left block ends*/
/* Left-Right Block*/
#allCourse #sortName .a-to-z ul>li {
    display: inline;
    padding-right: 13px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "robotolight";
    color: #043658;
}
#allCourse #sortName .a-to-z ul>li a {
  font-size: 16px;
  font-family: "robotolight";
  color: #043658;
}
#allCourse #sortName .a-to-z ul {
    text-align: center;
    padding: 24px 0;
    margin-bottom: 0;
}
#allCourse #sortName .letter-content {
  background-color:#fbfbfb;
  padding: 16px 22px 16px 0px;
  margin-bottom: 18px;
  border-radius: 3px;
  position: relative;
}
#allCourse #sortName .letter h1 {
    margin:0px;
    text-align: center;
    font-size: 120px;
    font-family: "robotoregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-shadow: -1px -1px 0 #008fd5, 1px -1px 0 #008fd5, -1px 1px 0 #008fd5, 1px 1px 0 #008fd5;
    color:#fff;
}
#allCourse #sortName .letter-content .right-course {
    padding: 18px 10px;
    border-bottom: 1px solid #ebebeb;
}
#allCourse #sortName .letter-content .course-name>h4 {
  margin:0px;
  font-size:16px;
  font-family:"robotolight";
  color:#043658;
  padding: 6px 0;
}
#allCourse #sortName .letter-content .course-name>h4 a {
    color:#043658;
    font-size:16px;
}
#allCourse #sortName .bottom-content>p {
    padding: 30px 0 22px 0;
    font-size:14px;
    font-family:"robotolight";
    color:#043658;
    line-height:22px;
}
#allCourse #sortName .a-z-content {
    width: 100%;
}
#allCourse #sortName {
    position: relative;
}
#allCourse #sortName .bottom-content>p>span {
  color:#aaa9a9;
}
/* End Left-Right Block*/

/*right block starts*/
#allCourse .contents .right{
    width: 27.5%;
    float: left;
}
#allCourse .footer-add {
    padding-top: 40px;
}
#allCourse .right .ad-image {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(168, 168, 168, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(168, 168, 168, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(168, 168, 168, 0.3);
}
/*right block ends*/

/*media query starts*/
@media (min-width : 992px) and (max-width : 1199px) {
    #allCourse .contents .left {
        width: 64%;
        margin: 0 2% 0 0;
    }
    #allCourse .contents .right {
        width: 34%;
    }
    #allCourse .left .head h1 {
        padding: 20px 25px 22px 25px;
    }
    #allCourse .left .tab-content {
        padding: 0px 25px 38px 25px;
    }
    #allCourse #browsecategory {
        padding-top: 25px;
    }
    #allCourse #browsecategory .panel-heading {
        padding: 19px 18px 12px 20px;
    }
    #allCourse #browsecategory .panel-body>.course-list, #allcourse #sortName .letter-content .right-course {
        padding: 16px 8px;
    }
    #allCourse #browsecategory .panel-body .course-name>h4 {
        font-size: 16px;
    }
    #allCourse #browsecategory .panel-body .course-cta >.view-all>a>button, 
    #allCourse #sortName .letter-content .cta-button>.view-all>a>button {
        width: 150px;
        padding: 4px 10px 6px 10px;
        height: 30px;
        border: 1px solid #01a0c1;
        background-color: #fbfbfb;
        color: #60aacb;
        font-size: 13px;
        font-family: "robotoregular";
        text-align: left;
    }
    #allCourse #browsecategory .panel-body .course-cta >.know-more button, 
    #allCourse #sortName .letter-content .cta-button>.know-more>button {
        width: 140px;
        height: 30px;
        padding: 4px 10px 6px 10px;
        font-size: 13px;
    }
    #allCourse #sortName .letter h1 {
        text-align: center;
        font-size: 100px;
    }
    #allCourse #sortName .letter-content .course-name>h4 {
        font-size: 13px;
        padding: 6px 0;
    }
    #allCourse #sortName .bottom-content>p {
        padding: 25px 0 20px 0;
    }
    #allCourse #sortName .a-to-z ul>li {
        font-size: 15px;
    }
    #allCourse #sortName .a-to-z ul {
        padding: 22px 0;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    #allCourse {
      padding: 0 0 35px;
    }
    #allCourse .contents .left,
    #allCourse .contents .right {
        width: 100%;
        margin:10px 0;
    }
    #allCourse a.blue,
    #allCourse a.green {
        padding: 5px 10px!important;
        font-size: 14px!important;
        height: 32px!important;
        line-height: 20px!important;
    }
    #allCourse .left .head h1 {
        font-size: 16px;
        padding: 18px 20px 20px 18px;
    }
    #allCourse .left .tab-content {
        padding: 0px 20px 30px 20px;
    }
    #allCourse #browsecategory {
       padding-top: 20px;
    }
    #allCourse #browsecategory .panel-body .course-name>h4 a {
        font-size: 15px;
    }
    #allCourse .right .ad-image img {
        margin: 0 auto;
        width: 100%;
    }
    #allCourse #sortName .letter h1 {
        font-size: 90px;
    }
    #allCourse #sortName .letter-content .cta-button>.view-all>a>button {
        width: 160px;
        padding:4px 10px 6px 10px;
        font-size: 13px;
    }
    #allCourse #sortName .letter-content .cta-button>.know-more>button {
        width: 160px;
        padding:4px 10px 6px 10px;
        font-size: 13px;
    }
    #allCourse #sortName .letter-content .course-name>h4 {
        font-size: 15px;
        padding: 9px 0;
    }
    #allCourse #sortName .bottom-content>p {
        padding: 20px 0 18px 0;
        font-size: 13px;
    }
    #allCourse #sortName .a-to-z ul {
        padding: 20px 0;
    }
    #allCourse #sortName .a-to-z ul>li {
        padding-right: 12px;
        font-size: 15px;
    }
}

@media (max-width : 767px) {   
    #allCourse .row {
      margin-left: auto;
      margin-right: auto;
    } 
    #allCourse .right .ad-image {
      padding: 20px;
    }
    #allCourse #browsecategory .panel-heading .a-icon {
        display: none;
    }
    .ads-head{ 
      padding: 22px 0 0 0;
      background: #eaeaea;
      text-align: center;
    }  
    #allCourse .right .ad-image img {
      width: 100%;
    }
    .banner-add img {
      width: 100%;
    }
    #breadcrumb .breadcrumb {
        padding: 8px 0;
    }
    #breadcrumb .breadcrumb a,
    #breadcrumb .breadcrumb li.active {
        font-size: 11px;
    }  
    #allCourse {
      padding: 0 0 15px;
    }  
    #allCourse .contents .left,
    #allCourse .contents .right {
        width: 100%;
        margin: 0;
    }
    #allCourse .contents .right {
        margin-top: 15px;
    }
    #allCourse a.blue,
    #allCourse a.green {
        padding: 4px 8px!important;
        font-size: 12px!important;
        height: 28px!important;
        line-height: 18px!important;
    }
    #allCourse .left .head h1 {
      font-size: 15px;
      padding: 14px 22px;
      background: #fbfbfb;
    }
  /*  #allCourse .left .head .nav>li {
        display:block;
        margin-top: 5px;
        border-radius: 5px;
    }
    #allCourse .left .head .nav-tabs>li>a {
        background-color: #60aacb;
        color: #fff;
        margin-bottom: 4px;
        border-radius: 0px;
        padding: 10px;
        font-size: 14px;
    }
    #allCourse .left .head .nav-tabs>li.active>a, #allCourse .left .head .nav-tabs>li.active>a:focus, 
    #allCourse .left .head .nav-tabs>li.active>a:hover {
        color: #fff;
        background-color:#043658;
        cursor: default;
        border: 0px solid #ddd;
        border-bottom: 0px solid #01a0c1;
        margin-bottom:0px;
    }
    #allCourse .left .tab-content {
        padding: 10px;
    }*/
    #allCourse .left .head .nav-tabs {
         text-align: left; 
        /* width: 100%; */
        margin: 0 auto;
    }
    #allCourse .left .tab-content {
      padding: 0px 0px 0px 0px;
    }
    #allCourse .left .head .nav>li {
      display: inline-block;
      float: left;
      width: 50%;
      padding-top: 18px;
    }
    #allCourse .left .head .nav-tabs>li>a {
      font-size: 11px;
      padding: 0 0px 6px 0px;
      margin-right: 0px;
    }
    #allCourse #browsecategory {
        padding-top: 0px;
      margin: 28px 20px 20px;
    }
    #allCourse #browsecategory .panel-heading {
      padding: 10px 12px 10px 10px;
    }
    #allCourse #browsecategory .panel-body {
      padding: 0px 0px 0;
    }
    #allCourse #browsecategory .panel-body>.course-list {
        padding: 10px 10px;
    }
    #allCourse #browsecategory .panel-body .course-name>h4 a{
        font-size: 13px;
        padding: 0 0 10px 0px;
    }
    #allCourse #browsecategory .panel-body .course-cta >.view-all>a>button , 
    #allCourse #sortName .letter-content .cta-button>.view-all>a>button {
      width: 100%;
      margin-left: 2px;
      padding: 10px 6px;
      font-size: 9px;
      height: 33px;
      background: #fff;
    }
    #allCourse #browsecategory .panel-body .course-cta >.know-more, #allCourse #sortName .letter-content .cta-button>.know-more {
      padding-left: 10px;
      padding-right: 0;
    }
    #allCourse .left .head .nav-tabs>li>a{
      margin-left: 30px;
      text-align: center;
    }
    #allCourse .left .head .nav-tabs> .Sort-name>a {
      margin-right: 10px;
      margin-left: 10px;
      width: 100px;
    }
    #allCourse #browsecategory .panel-body .course-cta >.know-more button , 
    #allCourse #sortName .letter-content .cta-button> .know-more>button {
      width: 100%;
      padding:10px 6px;
      font-size: 9px;
      height: 33px;
    }
    #allCourse #sortName .letter-content .cta-button>.know-more button {
      width: 100%;
      padding:10px 6px;
      font-size: 9px;
      height: 33px;
    }
    #allCourse #browsecategory .panel-heading > .panel-title > .glyphicon {
        font-size: 9px;
        padding: 3px 3px;
    }
    #allCourse #browsecategory .panel-body .course-cta >.view-all .fa-caret-right:before, 
    #allCourse #browsecategory .panel-body .course-cta >.know-more .fa-caret-right:before, 
    #allCourse #sortName .letter-content .cta-button>.view-all .fa-caret-right:before, 
    #allCourse #sortName .letter-content .cta-button>.know-more .fa-caret-right:before {
        font-size: 10px;
    }
    #allCourse #browsecategory .panel-body .course-cta >.view-all .fa-caret-right, 
    #allCourse #browsecategory .panel-body .course-cta > .know-more .fa-caret-right,
    #allCourse #sortName .letter-content .cta-button>.view-all .fa-caret-right, 
    #allCourse #sortName .letter-content .cta-button>.know-more .fa-caret-right {
      padding: 2px 0 2px 0;
    }
    #allCourse #browsecategory .panel-body .course-cta {
        text-align: center;
        margin-bottom: 10px;
    }
    #allCourse #browsecategory .panel-title {
       font-size: 13px;
    }
    #allCourse #sortName .letter-content .right-course {
        padding:10px;
    }
    #allCourse .left .head .nav>li>a:hover {
      background-color: #60aacb;
    }
    #allCourse #sortName .a-to-z ul {
      padding: 10px 0;
    }
    #allCourse #sortName .a-to-z ul>li {
      padding-right: 6px;
      font-size: 12px;
    }
    #allCourse #sortName .letter-content {
      padding: 10px 0px 10px 0px;
      margin-bottom: 10px;
    }
    #allCourse #sortName .letter h1 {
      font-size: 85px;
    }
    #allCourse #sortName .letter-content .course-name>h4 a {
      font-size: 15px;
      padding: 10px 0;
    }
    #allCourse #sortName .a-to-z ul>li a {
        font-size: 13px;
    }
    #allCourse #browsecategory .panel-body>.course-list:hover {
     /*padding-left: 6px;*/
    }
    
    #allCourse #sortName .bottom-content>p {
      padding: 10px;
      font-size: 13px;
    }
    #allCourse .panel-group .panel+.panel {
      margin-top: 15px;
    }
}
/*media query ends*/
/*Allcourse page ends */