.event-no-gutter{padding:0;}
.event-wrapper{width:94%; float:left; margin:2% 3%; border: 1px solid #cae0f3; background-color: #f2f9ff;padding-bottom:3.5%;}
/*.event-image-wrapper{margin:7%; float:left; background-color:#fbfbfb; border:1px solid #e2e2e2;display: table; text-align: center; }
.event-image {margin: 0 auto;height:200px;width:80%;text-align: center; display:table-cell;vertical-align:middle; padding:4%;}*/
.event-image-wrapper{width:90%; float:left; margin:5%;}
.event-image{width:100%; float:left;}
.event-image img{width:100%;}
.event-image img:hover{opacity:0.8;}
.event-detail{width:100%; float:left;}
.event-detail h5{ margin: 0;font-size: 1em;font-family: Verdana,Arial, Helvetica, sans-serif;font-weight: 600;padding: 0 2% 2% 2%; text-align:center;}
.event-detail h5 a{text-decoration:none; color:#4e49b9;}
.event-detail h5 a:hover{color:#413d9e;}
.event-detail h6{margin: 0;font-size: 0.95em; font-weight:600; font-family:Verdana,Arial, Helvetica, sans-serif;color: #4e49b9; padding: 1% 3%;}
.event-detail h6 span{font-weight:normal; font-size:1em;}
.event-row-wrapper1{width:100%; float:left;}
.event-row-wrapper{width:100%; float:left;display:none;}

@media only screen and (max-width:991px){
.event-row-wrapper1{display:none;}
.event-row-wrapper{display:block;}
}
@media only screen and (max-width:768px){
.event-wrapper{width:60%; margin:2% 20%;}
}
@media only screen and (max-width:650px){
.event-wrapper{width:70%; margin:2% 15%;}
}
@media only screen and (max-width:543px){
.event-wrapper{width:80%; margin:2% 10%;}
}
@media only screen and (max-width:480px){
.event-wrapper{width:96%; margin:2%;}
}