/*
 * Logolu menude sol ve sag bloklarin genisligi menu ogelerine gore
 * degistigi icin logo ortadan kayiyordu. Iki blogu esitleyip logoyu
 * sabit ortada tutuyoruz.
 */

.main-navigation-logo-area > [class*="menu-"][class*="-container"] {
	flex: 1 1 auto;
	min-width: 0;
}

.main-navigation-logo-area .main-navigation-menu.left-nav,
.main-navigation-logo-area .main-navigation-menu.right-nav {
	flex: 1 1 0;
	min-width: 0;
}

.main-navigation-logo-area .main-navigation-menu.left-nav {
	justify-content: flex-end;
	padding-right: 50px !important;
}

.main-navigation-logo-area .main-navigation-menu.right-nav {
	justify-content: flex-start;
}

/* Dar ekranlarda menu sag taraftaki ikonlarin altina giriyordu. */

@media (max-width: 1440px) {
	.main-navigation-logo-area .main-navigation-menu li {
		margin-right: 26px !important;
	}
}

@media (max-width: 1200px) {
	.main-navigation-logo-area .main-navigation-menu li {
		margin-right: 10px !important;
	}

	.main-navigation-logo-area .main-navigation-menu li > a {
		font-size: 13px;
		letter-spacing: 0;
	}

	.main-navigation-logo-area .main-navigation-menu.left-nav {
		padding-right: 26px !important;
	}

	.main-navigation-logo-area .main-navigation-menu.right-nav {
		padding-left: 26px !important;
	}
}