.headerbar {
	display: none;
}

.ext_headerbar {
	background-color: #20354c;
	background-image: url("./images/bg_header.gif");
	background-repeat: repeat-x;
	margin: 5px 0px;
	padding: 7px;
	color: #ffffff;
}

.ext_hb_flex {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.ext_hb_b1 {
	padding: 5px;
	width: 100%;
	max-width: 446px;
	max-height: 97px;
}

.ext_hb_pic_l {
	width: 100%;
	min-width: 450px;
	max-width: 450px;
	height: 100%;
	min-height: 100px;
	max-height: 100px;
}

.ext_hb_b2 {
	padding: 5px;
	width: 100%;
	max-width: 468px;
	max-height: 60px;
	margin: auto 0px;
}

.ext_hb_pic_r {
	width: 100%;
	max-width: 468px;
	height: 100%;
	max-height: 60px;
}

@media (max-width: 1100px){
	.ext_headerbar {
		background-image: none;
		margin-left: -5px;
		margin-right: -5px;
	}
	.ext_hb_flex {
		display: flex;
		flex-direction: column;
		width: 100%
	}

	.ext_hb_b1 {
	  padding: 5px;
	  width: auto;
	  margin: auto;
	}

	.ext_hb_b2 {
		width: auto;
		margin: auto;
	}
	
	.ext_hb_pic_l {
		width: 100%;
		min-width: auto;
		max-width: none;
		height: 100%;
		min-height: 100px;
		max-height: 100px;
	}
}