/**
 * BHN homepage phone layout.
 *
 * Owl Carousel adds inline stage and item widths. On phones, these three
 * content sections are easier to read as a normal one-card-per-row list.
 * Tablet and desktop carousel behaviour is intentionally left unchanged.
 */
@media (max-width: 767px) {
	body.home #service,
	body.home #our_events,
	body.home #latest_news {
		overflow: hidden;
	}

	body.home #service .owl-stage-outer,
	body.home #our_events .owl-stage-outer,
	body.home #latest_news .owl-stage-outer {
		overflow: visible !important;
	}

	body.home #service .owl-stage,
	body.home #our_events .owl-stage,
	body.home #latest_news .owl-stage {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 24px;
		width: 100% !important;
		transform: none !important;
		transition: none !important;
	}

	body.home #service .owl-stage::after,
	body.home #our_events .owl-stage::after,
	body.home #latest_news .owl-stage::after {
		display: none !important;
	}

	body.home #service .owl-item,
	body.home #our_events .owl-item,
	body.home #latest_news .owl-item {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		transform: none !important;
	}

	body.home #service .owl-item.cloned,
	body.home #our_events .owl-item.cloned,
	body.home #latest_news .owl-item.cloned,
	body.home #service .owl-nav,
	body.home #service .owl-dots,
	body.home #our_events .owl-nav,
	body.home #our_events .owl-dots,
	body.home #latest_news .owl-nav,
	body.home #latest_news .owl-dots {
		display: none !important;
	}

	/* BHN at a Glance. */
	body.home #service .service-box-top {
		width: 100% !important;
		max-width: 540px;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	body.home #service .service-inner,
	body.home #service .owl-item:nth-child(n) .service-inner {
		height: auto !important;
		min-height: 0 !important;
		padding: 32px 24px !important;
	}

	/* Ways to Get Involved. */
	body.home #our_events .owl-item > .row {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
	}

	body.home #our_events .our-event-content {
		float: none !important;
		width: 100% !important;
		max-width: 540px;
		margin: 0 auto !important;
	}

	body.home #our_events .event-box {
		width: 100% !important;
		margin: 0 !important;
	}

	/* BHN News & Insights. */
	body.home #latest_news .news-box {
		width: 100% !important;
		max-width: 540px;
		margin: 0 auto !important;
	}

	body.home #latest_news .news-box img {
		display: block;
		width: 100% !important;
		height: auto;
	}

	body.home #latest_news .datebox {
		left: 50% !important;
		max-width: calc(100% - 32px);
		transform: translateX(-50%);
	}

	body.home #latest_news .lower-new-box h5,
	body.home #latest_news .lower-new-box p {
		word-break: normal;
		overflow-wrap: anywhere;
	}
}