/**
 * Phone / tablet header: keep the bar inside the viewport.
 * Stops ticker + search + Sell to Us from shoving the hamburger off-screen.
 */

@media screen and (max-width: 1330px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	#header.header,
	#header.header.is-fixed {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		box-sizing: border-box;
	}

	#header .header-pro-container,
	#header .header-pro-main,
	#header .header-pro-topbar,
	#header .header-pro-topbar-inner {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		box-sizing: border-box;
	}

	#header .header-pro-main {
		padding: 0 10px;
		gap: 8px;
		overflow: hidden;
	}

	#header .header-pro-left,
	#header .header-pro-center,
	#header .header-pro-right,
	#header #et-secondary-menu {
		min-width: 0;
	}

	#header .header-pro-right,
	#header #et-secondary-menu {
		flex: 0 0 auto;
		flex-shrink: 0;
	}

	#header .header-menubar {
		display: flex !important;
		flex: 0 0 35px;
		width: 35px;
		height: 35px;
		margin-left: 4px !important;
		position: relative;
		z-index: 5;
	}

	#header .header-pro-search .dgwt-wcas-search-wrapp,
	#header .header-pro-search .aws-container {
		min-width: 0 !important;
		max-width: 100%;
		width: 100%;
	}

	#header .header-main-center.is-active,
	#header .header-main-center.is-active .header__menu,
	#header .header-main-center.is-active .header__menu > li > ul,
	#header .header-main-center.is-active .header__menu > li.mega-menu > ul,
	#header .header-main-center.is-active .custom-menu-subcategories--split {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		left: 0 !important;
		transform: none !important;
		column-count: 1 !important;
		columns: auto !important;
	}
}

@media screen and (max-width: 991px) {
	#header .btn-contact {
		display: none !important;
	}

	#header .header-pro-center {
		flex: 1 1 auto;
		min-width: 0;
		max-width: none !important;
		width: auto;
	}
}

@media screen and (max-width: 767.98px) {
	#header .header-pro-center {
		display: none !important;
	}

	#header #mobile-btn-open {
		display: flex !important;
		align-items: center;
		justify-content: center;
		margin-left: 4px !important;
		margin-right: 0 !important;
	}

	#header .header-pro-topbar-left,
	#header .header-pro-topbar-right {
		display: none;
	}

	#header .header-pro-topbar-center {
		flex: 1 1 auto;
		width: 100%;
		text-align: center;
	}

	#header .header-pro-topbar-middle-text {
		white-space: normal;
		font-size: 0.75rem;
		line-height: 1.3;
		padding: 0 8px;
	}

	#header .header-pro-logo img {
		max-width: 120px;
		max-height: 44px;
	}

	#header .header-pro-main .d-f-group {
		margin-left: 2px !important;
	}

	#header .header-pro-main .d-f-group i {
		width: 32px;
		height: 32px;
		margin-right: 0;
	}
}