.pc_event_wrap{float: left; width:100%; margin-top:0px; background-color:#FFF;}
.pc_event_wrap #pc_event_wrap{float: left; width: 90%; margin:50px 5%; background-color: #FFF;}
.pc_event_content{float: left; padding:0px 2%;  width:96%;  padding-bottom:50px;}

.event_window{}
.pc_event_panel{border: 2px solid #EEE;  border-radius: 10px; padding: 0px;  margin: 10px 0; } 
.event_section{ display:inline-table; }
.blue_sec{background-color:#0077FF; vertical-align: middle; border-bottom-left-radius: 10px; border-top-left-radius: 10px;
margin-right: 20px;}

.event_sub_head{font-size: 14px; margin-left: px; color:darkgray; text-transform: uppercase;}

.event_date{ width:10%;  color:#000; text-align:center; padding:10px 0px; }
.event_date #event_month, #event_day, #event_year{ width: 100%;}
.event_date #event_month{ color:#FFFFFF; font-size: 14px;}
.event_date #event_day{ color: #FFFFFF;  font-weight:600; font-size: 22px;}
.event_date #event_year{ color: #FFFFFF; font-size: 14px;}

.event_body{width:85%;  }
.event_body #event_header{color:#000; font-size: 22px; }
.event_body #event_header a{text-decoration: none;}
.event_body #event_place{color:#555; font-size: 14px;}
.event_body #event_detail{color:#000; font-size: 12px;}
.event_body #event_detail img{width: 100px; float: left; margin: 0px;}


.event_body_sec{ display:inline-block; vertical-align:top; }
.event_body_img{}
.event_body_content{width:70%; }

.event_action{ border: none; outline: 0; display: inline-block; color: white;
  text-align: center; cursor: pointer; width: 30%; font-size: 12px;  margin: 5px 0px;}
.viewButton{background-color: #2196F3; color: #FFF;}
.editButton{background-color: #ff9800; color: #FFF;}
.deleteButton{background-color: #f4511e; color: #FFF;}

/*event Information*/
.pc_event_info_panel{border: 2px solid #EEE;  border-radius: 10px; padding: 10px;  margin: 10px 0;}
.pc_event_info { width: 100%;  text-align: center; font-family: arial; padding: 20px 5px;}

.pc_event_info { margin: auto; text-align: center; font-family: arial;}
.pc_event_info_head{margin:20px auto;  color: #000; font-weight:bold; font-size: 30px; color: orange;}
.pc_event_info_dtl{margin: 10px 0px; text-align: left; }
.pc_event_info_dtl #pc_event_info_item{margin: 10px 10px; display:inline; }
.pc_event_info_dt{margin: 20px 10px; text-align: left;}




@media only screen and (max-width: 600px) 
{	
	
	.pc_event_details_content{ display: grid; grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); grid-gap:1em; }
	.pc_event_cont_card {height:400px; max-width:100%;}
	.pc_event_cont_card_img{height:280px; }
	
	/*details*/
	.pc_event_cont_details_head { font-size:20px; border-bottom: 1px solid #DDD; padding: 10px 0px;}
	
	.pc_event_panel{ border-radius: 10px; padding: 0px;  margin: 10px 10px; } 
	.event_section{width:100%; }
	.blue_sec{border-top-left-radius: 10px; border-top-right-radius: 10px;}
	.event_body{width:100%; padding: 5px; }

}