#top_bar_wrap{
	display: inline-block;
	width: 100%;
	text-align: center;
}

#top_bar{
	display: inline-block;
	width: 100%;
	padding: 5px;
}

#top_bar .myLogo{
	display: inline-block;
	width: 200px;
	float: left;
	min-height: 1px;
	padding: 5px;
}
#top_bar .myLogo img{
	max-width: 100%;
	max-height: 80px;
}

#top_bar .myTitle{
	display: inline-block;
	width: calc(100% - 200px - 200px);
	float: left;
	padding: 30px;
	font-size: 16pt;
	min-height: 80px;
	font-weight: bold;
}

#welcome_text{
	text-align: center;
	color:#848484;
    padding: 10px;
    font-size: 9pt;
    max-width: 600px;
    margin: auto;
	margin-top: 40px;
	margin-bottom: 20px;
}

#supportChatInputsWrap{
	display: inline-block;
	width: 100%;
	text-align: center;
}

#supportChatInputs {
	display: inline-block;
	width: 100%;
	max-width: 600px;
}

#supportChatInputs > div{
	display: inline-block;
	width: 50%;
	float: left;
	padding: 5px;
}

#supportChatInputs > div > div{
	text-align: left;
	width: 100%;
}

#supportChatInputs > div > div:first-child{
	font-weight: bold;
}

#supportChatInputs > div.captchaWrap {
    width: 100%;
}

#SubmitformSupportChatButton{
	width: 300px;
	max-width: 100%;
	margin-top: 20px;
}

.footer {
	margin-top: 100px;
}

.footer .textWrap{
	text-align: center;
	font-size: 13px;
}

.footer .imageWrap{
	text-align: center;
}

.footer .imageWrap img{
	max-width: 130px;
	width: 100%;
}


#webChat .messageWrap .message-info{
	font-size: 8pt;
	font-style: italic;
	color: #2E2E2E;
	padding-bottom: 10px;
}

body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

@media (max-width: 768px) {
	
	#top_bar .myLogo,
	#top_bar .myTitle{
		width: 100%;
		padding: 0;
		min-height: 1px;
	}
	
	#supportChatInputs > div{
		width: 100%;
	}
	
	#top_bar .myLogo img {
		max-width: 250px;
	}
}

@media (min-width: 1200px) {
	#supportChatInputs {		
		width: 600px;
		margin-left: calc(50% - 300px);
		margin-right: calc(50% - 300px);
	}
}