@media (max-width: 1024px) {
	.mebb-courses-grid-wrapper {
		padding: 40px 24px;
	}
	.mebb-courses-grid-list {
		column-gap: 18px;
		row-gap: 18px;
	}
	.mebb-course-card-inner {
		padding: 22px 18px;
	}
	.mebb-course-media {
		height: 150px;
	}
}

@media (max-width: 767px) {
	.mebb-courses-grid-wrapper {
		padding: 32px 16px;
	}
	.mebb-courses-grid-list {
		column-gap: 12px;
		row-gap: 16px;
	}
	.mebb-course-card-inner {
		padding: 20px 18px;
	}
	.mebb-courses-subheading {
		font-size: 15px;
	}
	.mebb-course-button,
	.mebb-courses-bottom-button {
		width: 100%;
	}
	.mebb-course-media {
		height: 140px;
	}
	.mebb-course-card-inner.has-image {
		padding-top: 0;
	}
	/* Slide animations can push content off-screen on narrow viewports; ease them to a simple fade-up instead */
	.mebb-anim-slide-left.mebb-anim-ready,
	.mebb-anim-slide-right.mebb-anim-ready {
		transform: translateY(24px);
	}
	.mebb-anim-flip-up.mebb-anim-ready {
		transform: translateY(24px);
	}
}

@media (max-width: 480px) {
	.mebb-course-media {
		height: 130px;
	}
}