.event-container { max-width:800px; }
.event-box { width:100%; float:left; border-top:1px solid #FFF; margin-bottom:38px; /*border:1px dashed red;*/ }		/*  CONTINUE:  */
.icon { display:block; width:18.0%; max-width:170px; float:left;}
.event-thumb-title { margin:0 0 17px; color:#2196F3; font-size:21px; line-height:21px; font-weight:700;}
.main-box { width:78.5%; float:right;}
.date-bar { margin:0 0 10px; height:20px; line-height:18px;}
.date-cell, .category-cell { float:left; }
.date-cell { width:55%;}
.intro-date { display:none;}

.text-bar { margin-top:0; line-height:22px;}
.button-event { min-width:112px;}
.spacer, .clearer-rigt { display:none;}

@media (max-width: 720px)
{
	.icon { width:21.0%; }
	.main-box { width:75.1%;}
}

@media (max-width: 600px)
{
	.icon { width:26.0%; }
	.main-box { width:69.7%;}
}

@media (max-width: 490px)
{
	.icon { width:32.0%; margin-bottom:14px;}
	.main-box { width:64.0%;}
	.event-thumb-title { width:100.0%; margin-bottom:18px;}
	.spacer { display:block;}
	.text-bar { width:auto; float:none; clear:both;}
	.date-cell, .category-cell { float:none; display:block; width:100%; margin-bottom:12px; }
	.date-bar { margin-left:-5px; margin-bottom:20px;}
	.intro-date { display:inline;}
	.intro-category { display:inline; margin-right:22px;}
	.clearer-rigt { display:block; clear:right;}
	.button-bar { width:100%; margin-top:2px;}
}

@media (max-width: 420px)
{
	.intro-category, .multi-day { display:none;}
	.icon { width:36.0%; margin-bottom:14px;}
	.date-bar { width:60.0%;}
}