section[data-cattype="624"]{
    min-height:500px;
}

[data-cattype="624"] .section-desc {
    text-align: center;
}

[data-cattype="624"] .section-desc a{
    color: #32a2ad;
}

[data-cattype="624"] .section-desc a:hover{
    color: #0065b3;
}


[data-cattype="624"] .table tr th {
    background: #0065b3;
    color: #fff;
}

[data-cattype="624"] .btn-rowdetail::before {

    font-family: 'FontAwesome';
    content: "\f107";
    color: #000;
    font-size: 2em;
    line-height: 0.9em;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -8%;

}

[data-cattype="624"] a.btn-brochure  {
    color: #ff7062;
}

[data-cattype="624"] a.btn-brochure:hover{
    color: #32a2ad;
}



[data-cattype="624"] .carousel-indicators li,
[data-cattype="624"] .carousel-indicators li.active {
    margin: 3px;
    width: 12px;
    height: 12px;
}

[data-cattype="624"] a.btn-rowdetail span.title .training-code{ display: none; }
[data-cattype="624"] a.btn-rowdetail:hover:before,
[data-cattype="624"] a.btn-rowdetail span.title:hover{ color: #0065B3; }



[data-cattype="624"] .table > tbody > tr.row-detail > td,
[data-cattype="624"] .row-detail > td .content{
    text-align: left;
    padding: 0 10px;
    height: 0px; 
    overflow: hidden;
}
[data-cattype="624"] .row-detail.active > td,
[data-cattype="624"] .row-detail.active > td .content{ 
    height: auto;
    padding: 20px 10px;
}



[data-cattype="624"] .btn-rowdetail:before{
    font-family: 'FontAwesome';
    content: "\f107";
    color:#000;
    font-size: 2em;
    line-height: 0.9em;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -8%;
    width: 5%;
    cursor: pointer;
}
[data-cattype="624"] .btn-rowdetail.active:before{
    content: '\f106';
}
[data-cattype="624"] .btn-rowdetail span.title{
    display: inline-block;
    width: 90%;
    cursor: pointer;
    color: #333;
}



[data-cattype="624"] .btn-search{
    padding: 8px 22px;
}





/* Typical laptop screen size*/
@media (max-width: 1400px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	[data-cattype="624"] .btn-rowdetail::before {
		padding-right:18px;
		font-size: 24px;
	}

/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
      
}