.modMnNewTopBar.uaHelp {
	display: block;
	height: 90px;
	background-color: #0655A8;
	text-decoration: none;
	position: relative;
}

	.modMnNewTopBar.uaHelp .back {
		position: absolute;
		left: 50%;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #FFD300;
	}

	.modMnNewTopBar.uaHelp .barContent {
		position: relative;
		z-index: 2;
		background-color: inherit;
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1200px;
		min-width: 1000px;
		margin: 0 auto;
		padding-left: 5px;
	}

		.modMnNewTopBar.uaHelp .barContent .barContentInner {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}

			.modMnNewTopBar.uaHelp .barContent .flag {
				display: block;
				margin-right: 25px;
			}

			.modMnNewTopBar.uaHelp .barContent .nameAndBtn {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.modMnNewTopBar.uaHelp .barContent .name {
				display: block;
				color: #fff;
				font-size: 30px;
				font-weight: bold;
				line-height: 120%;
			}

			.modMnNewTopBar.uaHelp .barContent .action {
				display: flex;
				margin-left: 120px;
			}

				.modMnNewTopBar.uaHelp .barContent .action .btn {
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #FFD300;
					color: #0655A8;
					font-size: 18px;
					border-radius: 8px;
					line-height: 100%;
					font-weight: bold;
					padding: 12px 25px;
				}

					.modMnNewTopBar.uaHelp .barContent .action .btn .btnIcon {
						margin-left: 10px;
					}

		.modMnNewTopBar.uaHelp .barContent .background {
			display: block;
			flex-shrink: 0;
			background-color: #FFD300;
			margin-left: auto;
		}

			.modMnNewTopBar.uaHelp .barContent .background svg {
				position: relative;
				left: -1px;
			}

@media screen and (max-width: 1000px) {
	#mobileBody .modMnNewTopBar.uaHelp .barContent {
		width: 100%;
		min-width: 300px;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .name {
		display: block;
		color: #fff;
		font-size: 27px;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .action {
		margin-left: 50px;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .action .btn {
		font-size: 15px;
		padding: 10px 20px;
	}
}

@media screen and (max-width: 750px) {
	#mobileBody .modMnNewTopBar.uaHelp {
		height: auto;
		padding: 15px 5px;
	}

	#mobileBody .modMnNewTopBar.uaHelp .back,
	#mobileBody .modMnNewTopBar.uaHelp .barContent .background {
		display: none;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .nameAndBtn {
		align-items: flex-start;
		flex-direction: column;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .action {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media screen and (max-width: 600px) {
	#mobileBody .modMnNewTopBar.uaHelp .barContent .name {
		font-size: 20px;
	}

	#mobileBody .modMnNewTopBar.uaHelp .barContent .action .btn {
		font-size: 14px;
		padding: 8px 16px;
	}
}

@media screen and (max-width: 400px) {
	#mobileBody .modMnNewTopBar.uaHelp .barContent .flag {
		margin-right: 20px;
	}
}