/* Rozložení podle šířky (velikosti písma řeší clamp tokeny) */
@media (max-width: 1100px) {
	.opo-nav__list > li > a {
		padding: 10px 8px;
		letter-spacing: .06em;
	}
	.opo-nav__list > li > a::after {
		left: 8px;
		right: 8px;
	}
}
@media (max-width: 980px) {
	.opo-nav {
		display: none;
	}
	.opo-burger {
		display: inline-flex;
	}
	.opo-header__inner {
		min-height: 84px;
		padding: 10px 0;
	}
	.opo-header__logo-img {
		width: 84px;
	}
	.et_pb_row.opo-grid-3 > .et_pb_column {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.et_pb_row.opo-grid-contact > .et_pb_column {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 767px) {
	.et_pb_row.opo-grid-3 > .et_pb_column,
	.et_pb_row.opo-grid-2 > .et_pb_column {
		grid-template-columns: minmax(0, 1fr);
	}
	.opo-text img.alignleft,
	.opo-text img.alignright,
	.opo-text .alignleft,
	.opo-text .alignright {
		float: none;
		max-width: 100%;
		margin: 1em 0;
	}
	.opo-text table td {
		padding: 10px 6px;
		font-size: 14px;
	}
	.opo-footer-bottom .et_pb_text p {
		flex-direction: column;
	}
	.opo-lightbox {
		padding: 52px 8px;
	}
	.opo-occupancy iframe {
		min-height: 420px;
	}
}
@media (max-width: 480px) {
	.opo-burger__label {
		display: none;
	}
	/* ceník se 4 sloupci se na 390 px nevešel (stránka jela do strany) */
	.opo-text table {
		font-size: 13px;
	}
	.opo-text table td,
	.opo-text table th {
		padding: 9px 4px !important;
		font-size: 13px;
	}
	.opo-text table th {
		hyphens: auto;
	}
}