.mtpc-well:not(.mtpc-1col-section):not(.mtpc-2col-section):not(.mtpc-3col-section):not(.mtpc-4col-section) {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border: 0 !important;
}

.view-id-mtpc_albums {
    padding: 0px 15px;
}

div.mtpc-1col-item.mtpc-1col-item--1 table.tbl-line tbody tr td {
  border-bottom: 1px solid #000;
  border-top: 1px solid #ccc;
}

/* For 35a hkust logo */
body header .mtpc_header .header .wrapper .logos .logos_left .logo_one img{
 width:100%; 
}

@media only screen and (min-width: 1180px) { 
	.cal-loc-info {
	  background: #F0F0F0;
	  border-radius: 8px;
	}

	.cal-loc-info .field__item {
	  display: flex;
	  justify-content: center;
	  padding: 30px;
	  gap: 140px;
	}

	.calendar-info {
	  position: relative;
	  color: #003366;
	  line-height: 23px;
	  margin-bottom: 0;
	}
	.location-info {
	  position: relative;
	  color: #003366;
	  line-height: 23px;
	  margin-bottom: 0;
	}
}
@media only screen and (max-width: 1180px) { 
  .cal-loc-info .field__item {
		flex-direction: column;
		gap: 30px;
		left: 55px;
		position: relative;
	} 
	.calendar-info::before {
		left:30px!important;
		top:25px;
	}
	.calendar-info,.location-info {
		padding:20px;
		margin-left:55px;
		color:#003366;
	}
	.location-info::before {
		left:30px!important;
	}	
	.calendar-info,
	.location-info {
		margin-right: 20px; 
	}
	header .mtpc_header .header .wrapper .logos {
		padding-bottom: 20px!important;
	}
}
@media only screen and (max-width: 768px) {  
  .cal-loc-info .field__item {
		flex-direction: column;
		gap: 30px;
		left: 55px;
		position: relative;
	} 
	
	.calendar-info::before {
		left:0px!important;
		top:25px;
	}	
	.location-info::before {
		left:0px!important;
	}	
	
	.calendar-info,
	.location-info {
		margin-right: 20px;
		padding-right: 50px;
		padding-left: 0px;
	}	
	.speaker_wrapper {	
		flex-direction: column;
	}
	.speaker_wrapper .speaker_pic {
	  padding: 20px;
	}
	.speaker_wrapper .speaker_profile {
		width: 100%!important
	}	
	.section-space {
		margin:0px;
		
	}
	.space-top-80 {
		padding-top:30px;
	}
	header .mtpc_header .header .wrapper .logos {
		padding-bottom: 20px!important;
	}
}