.reveal-modal-bg { 
width: 100%;
height: 100%;
padding: 20px;
position: fixed; 
top: 0;
left: 0; 
background: rgba(255,255,255,.8);
z-index: 100;
display: none;
}
	
.reveal-modal {
width: 750px;
padding: 80px 40px;
position: absolute;
top: 100px;
left: 25%;
visibility: hidden;
background-color: #fff;
z-index: 101;
}

.close-reveal-modal {
width: 70px;
display: block;
position: absolute;
right: -70px;
top: -70px;
transition: 0.3s;
}

.close-reveal-modal:hover {
opacity: 0.5;
cursor: pointer;
}

.time_schedule_1,
.time_schedule_2,
.time_schedule_3,
.time_schedule_4 {
font-size: 20px;
color: #fff;
line-height: 1;
padding: 15px 50px 15px 45px;
display: inline-block;
background-image: url("../../images/icon_time.png");
background-size: 22px 22px;
background-position: 15px center;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

#timelist_1 .time_schedule.color1{
background-color: #3CBEDF;
}

#timelist_1 .time_schedule.color2{
background-color: #2AEFA5;
}

#timelist_1 .time_schedule.color3{
background-color: #33E5C7;
}

#timelist_1 .time_schedule.color4{
background-color: #FFE17D;
}

/*
#timelist_2 .time_schedule {
background-color: #00D9A3;
}

#timelist_3 .time_schedule {
background-color: #3CBEDF;
}

#timelist_4 .time_schedule {
background-color: #00B2B2;
}
*/

.speaker_summary {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.speaker_summary .speaker_photo {
width: 300px;
margin: 0 50px 0 0;
}

.speaker_summary .speaker_detail h3 {
font-size: 18px;
margin: 0 0 20px 0;
}

.speaker_summary .speaker_detail p {
margin: 0 0 30px 0;
}

.speaker_summary .speaker_detail .speaker_info span {
padding: 0 15px 0 0;
display: inline-block;
}


@media screen and (max-width: 1000px) {
.reveal-modal {
width: 100%;
padding: 80px 10px 20px 10px;
top: 20px;
left: 0;
}

.close-reveal-modal {
width: 30px;
right: 10px;
top: 10px;
}

.speaker_summary {
flex-direction: column;
}

.speaker_summary .speaker_photo {
width: 100%;
margin: 0 0 20px 0;
}
}