.event-list {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background: url(../../../setglimg/module_box_transparency25.png) 0 0 repeat;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li > time2 {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
	}
	.event-list > li:nth-child(even) > time2 {
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 20pt;
		font-weight: 300;
		line-height: 1;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 14pt;
		font-weight: 600;
		line-height: 1;
	}
	.event-list > li time > .year {
		display: block;
		font-size: 14pt;
		font-weight: 300;
		line-height: 1;
	}
	
	.event-list > li time > .flag {
		display: block;
		font-size: 24pt;
		font-weight: 300;
		line-height: 1;
    margin-left: auto;
    margin-right: auto;

	}
	
	.event-list > li > img {
		width: 100px;
		 display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	}
	
	.event-list > li > a > img {
		width: 100px;
		 display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	}
	
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 14pt;
		margin: 0px;
		text-transform: uppercase;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > .title2 {
		font-size: 12pt;
		margin: 0px;
		text-transform: uppercase;
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > .title3 {
		font-size: 14pt;
		margin: 0px;
		text-transform: uppercase;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > .desc {
		font-size: 11pt;
		font-weight: 300;
		margin: 0px;
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > .desc2 {
		font-size: 9pt;
		font-weight: 300;
		margin: 0px;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > .desc3 {
		font-size: 11pt;
		font-weight: 300;
		margin: 0px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 5px 0px 5px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		/*color: rgb(75, 110, 168) !important;*/
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}
	
	.eventlist-info-bottom{
		text-align: center;
	}
	
	.matchphotodiv {
		width: 50px; height: 60px;  text-align: center; display: block; vertical-align: middle; overflow: hidden;
	}
	
	@media (max-width: 767px) {
    	.matchphotodiv {
        	display: none !important;
    	}
    	.title3 {
        	text-align: left;
    	}
    	.desc3 {
        	text-align: left;
    	}
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			min-height: 120px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > time2,
		.event-list > li > img,
		.event-list > li > a >img {
			display: inline-block;
		}
		
		.event-list > li > time,
		.event-list > li > img,
		.event-list > li > a > img {
			width: 120px;
			float: left;
		}
		
		.event-list > li > time2 {
			width: 60px;
			float: left;
		}
		
		.event-list > li > .info {
		
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img,
		.event-list > li > a > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > time2 {
			width: 60px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;
			vertical-align: middle;
			display: table-cell;
		}	
		.event-list > li > .info > .title,
		.event-list > li > .info > .title2,
		.event-list > li > .info > .title3,
		.event-list > li > .info > .desc,
		.event-list > li > .info > .desc2,
		.event-list > li > .info > .desc3 {
			padding: 0px 10px;
		}
		
		.event-list > li > .info > .title {
			font-size: 16pt;
		}
		
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
           
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 8px 0px 9px;
		}
		
		.eventlist-info-bottom{
		text-align: left;
	}
	}