.event-wrapper{width:100%; float:left;}
.select-search-main-wrapper{width:100%; float:left; margin: 1% 0; background-color: #fdea98; border: 1px solid #ffd314;}
.select-search-wrapper{width:50%; float:left;margin:1% 0;}
.select-month, .search-event{width:33.5%; float:left; margin:0 2.5%;}
.select-search-wrapper input{width:100%; outline: none;border: none; border-bottom: 1px solid #9591ec; background-color: #fdea98; font-size: 0.96em;padding: 2%;font-family: verdana, arial, helventica, sans-serif;}
.select-search-wrapper h5{margin: 0;font-family: corbel;font-weight: 600;font-size: 1.17em; padding: 3% 0;color: #4a469e;}
.btnFindEvent{width:20%; float:left; margin:5% 0 0 3%;}
.btnFindEvent input{width:100%; outline:none; font-family:Corbel; font-size:1em; font-weight:600; background-color:#fdea98; border:1px solid #39367f; color:#39367f; padding: 4% 2%;transition:all ease-in-out 0.5s;}
.btnFindEvent input:hover{background-color: white; color:#3f3ab5; transition:all ease-in-out 0.5s;}
.event-list-wrapper{width:90%; float:left; margin:1% 5%; border:2px solid #6b67d2;}
.event{width:14.28%; float:left; border:1px solid #39367f;background-color: #f8fcff;}
.event-day{width:14.28%; float:left; border:1px solid #f9d01d;}
.event p{margin:0; text-align:center; color:white; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #39367f; padding: 5%;}
.event-name{width:100%; float:left; height: 100px; }
.active-event h6{margin:0;font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 5% 2%; text-align: center;}
.active-event h6 a{text-decoration:none; color:#39367f;}
.active-event h6{margin:0;font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 5% 2%; text-align: center;}
.event-name h6{margin: 0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align: center;font-size: 0.95em;padding: 20% 0;color: #cccccc;}
.event-day p{margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em; font-weight:600; color: #534fb5;padding:4% 0;text-align: center;background-color: #f9d01d; }
.mobile-event-list{width:100%; float:left; display:none;}
.mobile-event-wrapper{width:100%; float:left; margin:1% 0;border: 1px solid gray; background-color:#e6e5ff;}
.mobile-event-wrapper h2{margin:0; font-size: 1.1em; padding:2% 2% 1% 2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:600;}
.mobile-event-wrapper h2 a{text-decoration:none; color: #4b47af;}
.mobile-event-wrapper h5{margin: 0;font-size: 0.9em;padding: 1% 2%; color: #514e9a; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: 600;}
.active-event{background-color: #fff6d0;}
@media only screen and (max-width:1600px){
.select-search-wrapper{width:60%;}
.event-list-wrapper{width:100%; margin:2% 0;}
}
@media only screen and (max-width:1200px){
.select-search-wrapper{width:70%;}
}
@media only screen and (max-width:991px){
.select-search-wrapper{width:90%;}
}
@media only screen and (max-width:767px){
.select-search-wrapper{width:98%;}
.event-list-wrapper{display:none;}
.mobile-event-list{display:block;}
}
@media only screen and (max-width:480px){
.select-month, .search-event{width:96%; margin:1% 2% 3.5% 2%;}
.select-search-wrapper h5{padding:0;}
.btnFindEvent{width:34%; margin:3% 33.5%;}
.mobile-event-wrapper h2{font-size:1em;}
.mobile-event-wrapper h5{font-size:0.85em; padding:1.5% 2%;}
.mobile-event-wrapper{padding: 1%;}
}