/* Mobile top utility bar — email + icons on one row (loads after responsive.css) */
@media (max-width: 768px) {
	.top-header-area,
	.header-area-six .top-header-area,
	.new-top-header-area {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0;
		text-align: unset;
	}

	.top-header-area > .container-fluid,
	.header-area-six .top-header-area > .container-fluid,
	.new-top-header-area > .container-fluid {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px;
	}

	.top-header-area > .container-fluid > .row.align-items-center,
	.header-area-six .top-header-area > .container-fluid > .row.align-items-center,
	.new-top-header-area > .container-fluid > .row.align-items-center {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		margin: 0;
	}

	.top-header-area > .container-fluid > .row.align-items-center > [class*="col-"],
	.header-area-six .top-header-area > .container-fluid > .row.align-items-center > [class*="col-"],
	.new-top-header-area > .container-fluid > .row.align-items-center > [class*="col-"] {
		flex: 0 1 auto;
		width: auto;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}

	.top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:first-child,
	.header-area-six .top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:first-child,
	.new-top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:first-child {
		flex: 1 1 auto;
		min-width: 0;
	}

	.top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:last-child,
	.header-area-six .top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:last-child,
	.new-top-header-area > .container-fluid > .row.align-items-center > [class*="col-"]:last-child {
		flex: 0 0 auto;
	}

	.top-header-area .header-content-left,
	.top-header-area .header-content-right,
	.header-area-six .top-header-area .header-content-left,
	.header-area-six .top-header-area .header-content-right,
	.new-top-header-area .header-content-left,
	.new-top-header-area .header-content-right {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		float: none;
		margin: 0;
		padding: 0;
		text-align: left;
		line-height: 1;
	}

	.top-header-area .header-content-right,
	.header-area-six .top-header-area .header-content-right,
	.new-top-header-area .header-content-right {
		justify-content: flex-end;
		gap: 10px;
		flex-shrink: 0;
	}

	.top-header-area .header-content-left li,
	.top-header-area .header-content-right li,
	.header-area-six .top-header-area .header-content-left li,
	.header-area-six .top-header-area .header-content-right li,
	.new-top-header-area .header-content-left li,
	.new-top-header-area .header-content-right li {
		display: inline-flex;
		align-items: center;
		margin: 0;
		padding: 0;
		line-height: 1;
	}

	.top-header-area .header-content-left li a,
	.header-area-six .top-header-area .header-content-left li a,
	.new-top-header-area .header-content-left li a {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
		line-height: 1;
		white-space: nowrap;
		font-size: 12px;
	}

	.top-header-area .header-content-left li a > span,
	.new-top-header-area .header-content-left li a > span {
		display: none;
	}

	.top-header-area .header-content-left li a i,
	.header-area-six .top-header-area .header-content-left li a i,
	.new-top-header-area .header-content-left li a i {
		line-height: 1;
		flex-shrink: 0;
	}

	.top-header-area .header-content-right li a,
	.top-header-area .header-content-right .search-trigger,
	.header-area-six .top-header-area .header-content-right li a,
	.header-area-six .top-header-area .header-content-right .search-trigger,
	.new-top-header-area .header-content-right li a,
	.new-top-header-area .header-content-right .search-trigger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 18px;
		height: 18px;
		padding: 0;
		line-height: 1;
	}

	.top-header-area .header-content-right li a i,
	.header-area-six .top-header-area .header-content-right li a i,
	.new-top-header-area .header-content-right li a i,
	.top-header-area .header-content-right .search-trigger i,
	.header-area-six .top-header-area .header-content-right .search-trigger i,
	.new-top-header-area .header-content-right .search-trigger i {
		font-size: 16px;
		line-height: 1;
	}

	.top-header-area .header-content-right li:last-child a,
	.header-area .top-header-area .header-content-right li:last-child a {
		padding-right: 0;
	}

	.top-header-area svg,
	.header-area-six .top-header-area svg,
	.new-top-header-area svg {
		display: block;
	}
}