.course-band{background-color:#f5f5f5;}
.course-band h1, .float-menu-bar h1{line-height:21px;font-weight:900;margin:0;}
.course-band h2, .float-menu-bar h2{font-size:14px; line-height:18px;font-weight:400;margin:0px; display:inline-block;}
.title-divider {color: #777777; margin: 0 5px;}
.float-menu .float-btn .btn-blue{    border-radius: 0px!important;
    line-height: 50px !important;
    width: 100%;
    background-color: #27b2ec !important;
    color: #fff;
  padding:5px;
  box-shadow:none;
  border:0px;
  line-height: 59px!important;
}
.float-menu .float-btn .btn-blue:hover{color: #fff;background-color: #1694c9!important;}
.float-search{padding:10px 5px!important;}
.branding-band { background-color: #f5f5f5;color: #7d7d7d;}
.btn-blue{background-color:#27b2ec;color:#fff;box-shadow: 0px 3px #187aa3;padding:5px 20px;border-radius: 25px;font-size:16px;font-weight:900;width:100%;}
.btn-gray{background-color:#c7c7c7;color:#fff;box-shadow: 0px;padding:5px 20px;border-radius: 25px;font-size:16px;font-weight:900;width:100%;}
.btn-blue:hover{ text-decoration:underline;color:#fff;background-color:#1694c9;}
.content-des{padding:25px 20px; background-color:#fff;border:1px solid #dbdbdb;margin-bottom:20px;}
.branding-course-text hr{border-top: 5px solid #000;}
.branding-course-text h3{
  font-weight: 700;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;margin-top:15px;}
  
.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th { border: none;}
.branding-course-text a:hover,.branding-course-text a:focus {color: #23527c;text-decoration: underline;}  
.branding-course-text h4{font-size: 16px!important;color: #7d7d7d; text-decoration:underline;font-weight:900;margin:0;}

*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}
.branding-course-text p{margin:0;}
.branding-course-infor{margin-top:20px;text-align: justify; margin-bottom: 45px;}
.branding-course-text h5{font-size: 16px!important;color: #7d7d7d!important;font-weight:900;margin:0;}

/** Branding Page - SIDE BAR **/
.side-bar .btn-blue{
  background-color: #27b2ec;
    color: #fff;
    box-shadow: none;
   padding:5px 10px;
    border-radius:3px;
    font-size:13px;
    font-weight: 900;
    width: 100%;}
.branding-band .side-bar-content{padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:15px;
}
.side-bar-content span{font-size:9px;line-height:14px;color:#575757;font-weight:900;}
.side-bar-content ul{padding:0px;}
.side-bar-content ul li{ list-style-type:none;margin-bottom:12px;}
.side-bar-content ul li:last-child{margin-bottom:0px;}
.side-bar-content ul li a{color:#000000;font-size:13px;line-height:18px;font-weight:400;}
.side-bar-content-btn{margin-bottom:10px;}
.bnt-other {
    background-color: #c7c7c7;
    color: #fff;
  font-size:13px;
    font-weight: 900;
  padding:5px 10px;
  width:100%;
}
.bnt-other:hover{background-color:#c7c7c7;color:#000; border-color:#fff;}
/* james- 16/12/16 fee button addded*/
.table ul{margin-left:0px;padding-left:17px;}
.btn-enquire{
  background-color:transparent;
    color: #27b2ec;
    padding: 5px 20px;
    border-radius: 25px;
    font-size: 16px;
  border:1px solid #27b2ec;
    font-weight: 900;
    width: 100%;}
.btn-enquire:hover{
  background-color:#27b2ec;
    color: #fff!important;
   }
/* add 24/08/16 table responsive */
@media (min-width:250px) and (max-width:450px){
  /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #no-more-tables tr { border: 1px solid #ccc; }
 
  #no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  #no-more-tables td:before { content: attr(data-title); }
}
@media (min-width: 250px) {
.mobile-about{display:block;}
.side-bar{display:none;}
.course-band {padding: 70px 0 15px 0;}
.course-band h1{font-size:16px;}
.btn-course{margin:10px 0;}
.content {padding-top: 0px;}
}
@media (min-width: 450px) {
.content {padding-top: 0px;}
}
@media (min-width: 250px) and (max-width: 999px) {
.course-band h2, .float-menu-bar h2{display:block;}
.title-divider{display:none;}
}
@media (min-width: 768px) and (max-width: 999px) {
.course-band {padding: 70px 0 15px 0;}
.course-band h1{font-size:16px;}
.btn-blue{padding:5px 10px;border-radius: 25px;font-size:12px;}
.branding-band .branding-course-topbar .cta{display:block;padding:0px;}
.side-bar{display:none;}
.btn-course{margin:10px 0;}
.content {padding-top: 0px;}

.mobile-about{display:block;}
}

@media (min-width: 1000px) {
.mobile-about{display:none;}
.course-band{padding:15px 0;position:inherit;}
.branding-band .branding-course-topbar .cta{display:none;}
.course-band h1{font-size:18px;}
.float-menu-bar h1{font-size:16px;}
.float-menu .float-btn .btn-blue{font-size:12px;}
.btn-blue{padding:5px 20px;border-radius: 25px;font-size:16px;}
.side-bar{display:block;}
.float-menu-bar p{font-size:14px;}
.float-search {padding:5px 2px!important;}
.branding-band {padding-top: 30px;}
.btn-course{margin:0;}
.content {margin-bottom: 85px; padding-top: 0px;}
.course-band h1, .course-band p, .desktop-enquiry{display:block;}

}
@media (min-width: 1200px) {
.float-menu-bar p{font-size:16px;}
.float-search {
    padding: 10px 5px!important;
}
.float-menu .float-btn .btn-blue{font-size:15px;}
}