.header-17 {

	.branding {
		display: flex;
		align-items: center;
	}

	.header-wrap {
		display: flex;
		align-items: center;
		height: 100%;
	}

	.desktop-menu & {
		.branding,
		.header-right {
			flex-shrink: 0;
			flex-basis: 20%;
		}

		.header-center {
			flex-grow: 1;
			display: flex;
			justify-content: center;
		}
	}

	.mobile-menu & {
		.header-wrap {
			align-content: center;
		}

		.branding {
			flex-grow: 1;
		}

		.header-right {
			flex-shrink: 0;
		}

		.header-center {
			display: none;
		}
	}

	.header-social-networks {
		.inner {
			font-size: 0;
			margin: -5px;
		}

		a {
			display: inline-block;
			width: 55px;
			height: 55px;
			line-height: 55px;
			text-align: center;
			border: 1px solid #eee;
			border-radius: 50%;
			font-size: 20px;
			margin: 5px;

			&:hover {
				color: #fff;
			}
		}
	}

	.header-button {
		.tm-button {
			border-width: 1px;
			box-shadow: none;
			line-height: 53px !important;
		}
	}

	.header-sticky-button.tm-button {
		line-height: 46px !important;
	}
}

@include media-breakpoint-up(xl) {
	.header-17 {
		.desktop-menu & {
			.container-fluid {
				padding-left: 30px;
				padding-right: 30px;
			}
		}
	}
}

@media (min-width: 1420px) {
	.header-17 {
		.desktop-menu & {
			.container-fluid {
				padding-left: 130px;
				padding-right: 130px;
			}
		}
	}
}
