.banner {
    background-image: url("../images/banner/whats_on.jpg");

}

table tr td {
    vertical-align: top;
    padding-bottom: 10px;
}


table tr td:first-child {
    width: 230px;
    padding-top: 0;

}

.agen-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.96;
    color: #ffffff;
}
.agen-title-org {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.96;
    color: #00baff;
}

.agen-des {
	margin-top:-5px;
    color: #ffffff;
    line-height: 1.43;
}
.sec-content p.t-bolder{
	margin-top:1em;
}
.sec-content{
	padding-bottom: 4em;
}
.shape-white{
	position: relative;
	margin-top:-8em;
	height: 120px;
	overflow-y: hidden;
}
.shape-white img{
	width: 100%;	
}

.center-auto{
    margin: 0 auto;
}

@media screen and (max-width: 768px){
    .w-50{
        width: 100% !important;
    }

    .agen-title, .agen-title-org{
        font-size: 16px;
        line-height: 1.5;
        padding-right: 10px;
    }
    .sec-content{
        padding-top:1.5rem;
    }
    .sec-content .t-bolder.c-blue.t-40.text-center{
        font-size: 25px;
    }
    table tr td:first-child{
        width: 100px;
    }
}

/** tabs */
/*Fun begins*/
.tab_container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.tab_container input, .tab_container section {
  clear: both;
  padding-top: 10px;
  display: none;
}

.tab_container label {
  font-weight: 700;
  font-size: 18px;
  display: block;
  float: left;
  padding: 1em;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #00baff;
}

.tab_container h3{
    color: #00baff;
    padding-bottom: 10px;
    border-bottom: 2px solid #00baff;
}

.tab_container #tab1:checked ~ #content1,
.tab_container #tab2:checked ~ #content2,
.tab_container #tab3:checked ~ #content3,
.tab_container #tab4:checked ~ #content4,
.tab_container #tab5:checked ~ #content5,
.tab_container #tab6:checked ~ #content6,
.tab_container #tab7:checked ~ #content7,
.tab_container #tab8:checked ~ #content8,
.tab_container #tab9:checked ~ #content9,
.tab_container #tab10:checked ~ #content10,
.tab_container #tab11:checked ~ #content11,
.tab_container #tab12:checked ~ #content12,
.tab_container #tab13:checked ~ #content13,
.tab_container #tab14:checked ~ #content14,
.tab_container #tab15:checked ~ #content15,
.tab_container #tab16:checked ~ #content16,
.tab_container #tab17:checked ~ #content17,
.tab_container #tab18:checked ~ #content18,
.tab_container #tab19:checked ~ #content19,
.tab_container #tab20:checked ~ #content20,
.tab_container #tab21:checked ~ #content21,
.tab_container #tab22:checked ~ #content22,
.tab_container #tab23:checked ~ #content23,
.tab_container #tab24:checked ~ #content24,
.tab_container #tab25:checked ~ #content25,
.tab_container #tab26:checked ~ #content26,
.tab_container #tab27:checked ~ #content27,
.tab_container #tab28:checked ~ #content28,
.tab_container #tab29:checked ~ #content29,
.tab_container #tab30:checked ~ #content30 {
  display: block;
  padding: 20px;
  color: #ffffff;
  border-bottom: 2px solid #028dc0;
}

.tab_container [id^="tab"]:checked + label {
  background: #000000;
  box-shadow: inset 0 3px #ffffff;
}

/*Media query*/
@media only screen and (max-width: 900px) { 
  .tab_container {
    width: 100%;
  }
}
/** tabs */