@media (max-width: 991.98px) {
	.event-card {
		margin: 10px;
	}
}

@media (max-width: 767.98px) {
	.events-container {
		width: 100%;
		height: auto;
	}

	.event-card {
		margin: 0;
		background: #e6e6e6;
	}
	
	.month {
		font-size: 13px;
	}
	
	.dialog {
		width: 100%;
	}
	.expand-buttons {
		display: inline-block;
	}
	.expand-block:not(.show) {
		display: none;
	}
	.expand-block.collapsing {
		display: block
	}
	
}

@media (min-width: 768px) {
	.expand-block,
	.expand-block {
		display: block !important;
	}
}