/* Hizmetler & Hizmet Bölgeleri: PC'de satırda 3 kart, yükseklik farkında atlama olmasın */
@media (min-width: 992px) {
	#services .row.topmargin_30,
	#regions .row.topmargin_30 {
		display: flex;
		flex-wrap: wrap;
	}

	#services .row.topmargin_30 > [class*="col-"],
	#regions .row.topmargin_30 > [class*="col-"] {
		float: none;
		display: flex;
	}

	#services .row.topmargin_30 > [class*="col-"] > .with_padding,
	#regions .row.topmargin_30 > [class*="col-"] > .with_padding {
		width: 100%;
		display: flex;
	}

	#services .row.topmargin_30 .teaser,
	#regions .row.topmargin_30 .teaser {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#services .row.topmargin_30 > .col-md-4:nth-child(2n+1),
	#regions .row.topmargin_30 > .col-md-4:nth-child(2n+1) {
		clear: left;
	}
}

/* Header: yazı logo — uzun firma adında taşma / menüye binme olmasın */
.header_logo_center a.logo {
	max-width: 300px;
}

.header_logo_center a.logo.logo_text_only {
	margin-left: 0;
	line-height: 1.05;
	padding: 8px 0;
}

.header_logo_center a.logo .logo_text {
	display: inline-block;
	max-width: 280px;
	vertical-align: middle;
	text-align: center;
	line-height: 1.05;
}

.header_logo_center a.logo .logo_text .highlight {
	display: block;
	font-size: 22px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.05;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.header_logo_center a.logo .logo_text .highlight + span {
	display: block;
	font-size: 10px;
	letter-spacing: 0.06em;
	line-height: 1.25;
	text-transform: uppercase;
	white-space: normal;
	word-break: break-word;
}

footer a.logo.logo_text_only {
	margin-left: 0;
	line-height: 1.15;
	padding: 0 0 12px;
}

footer a.logo .logo_text {
	display: inline-block;
	text-align: left;
	line-height: 1.05;
}

footer a.logo .logo_text .highlight {
	display: block;
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

footer a.logo .logo_text .highlight + span {
	display: block;
	font-size: 10px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.header_logo_center a.logo {
		max-width: 320px;
	}

	.header_logo_center a.logo .logo_text {
		max-width: 300px;
	}

	.header_logo_center a.logo .logo_text .highlight {
		font-size: 24px;
	}
}

@media (max-width: 991px) {
	.header_logo_center a.logo .logo_text .highlight + span {
		letter-spacing: 0.04em;
	}
}