.top-part { display: inline-block; float: left;  padding:36px 0 26px 0;  width: 100%; background: #c9dce3}
.appoint{ display:block; padding:15px 0 0 0; text-align:right; float:right;}
.appoint p{ color:#5f7c86; padding-right:50px;}
.appoint span{ color:#3f3f3f;font-family: 'open_sanssemibold';}

.nav-part{ float:left; width:100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}

.banner-part{ float:left; width:100%;  padding:23px 0 15px 0; position:relative;}
.doc-pro{ display:none;}
.mid-part{ float:left; width:100%; border-top:26px solid #5f7c86; border-bottom:26px solid #5f7c86; background:#c9dce3; padding:42px 0;}
.wel-content{ float:left; width:100%;}
.wel-content h4{ font-size:20px; color:#3e3e3e; font-family: 'open_sanslight'; padding-bottom:15px; line-height:30px; margin-top:0;}
.wel-content h5{ font-size:18px; color:#3e3e3e; padding-bottom:15px; line-height:30px; margin-top:0;font-family: 'open_sanssemibold';}
.wel-content p strong{ color:#333333;}
.wel-content p a{ color:#5f7c86; font-family: 'open_sanssemibold';}
.seven.columns.left-section { width: 61.8%;}
.five.columns.right-section { width: 34.6%;}
.right-part{ float:right; width:100%; padding:20px 0; background:#5f7c86;}
.title{ font-size:18px; color:#fff; line-height:43px; background:url(../images/title-bg.png) no-repeat 0 0; height:60px; margin:5px 0 0 -19px; padding: 0 0 0 42px;}
.assoc-link{ display:block; padding:10px 25px;}
.assoc-link li{ display:inline-block; width:49%; padding-bottom:10px; list-style:none;}
.assoc-link li a{ font-size:15px; color:#fff; text-decoration:underline; float:left; background:url(../images/dot.png) no-repeat 0 5px; padding-left:15px;}

.testimonial {
	padding:40px;
	background-color: #fff;
	margin-top:30px;
}

iframe#twitter-widget-0 .timeline-Widget {
	background-color: #d5e8ef!important;
	border-radius: 0!important;
}

.social-icons {
	margin-left:20px;
}
.social-icons img {
	width:30px;
}



.Mob_Menu{ display:none;}
.Menu_Link { float:right; background: #5F7C86; color:#FFFFFF; padding: 10px 0 10px 10px;}
.Menu_Link > span { background:#6F8A94; color: #FFF; float: left; padding: 8px 12px;}
#mob_menu.nav-bar { background:#5F7C86; padding: 10px; position: absolute; right: 0; top:66px;  width: 200px;  z-index: 9999;}
#mob_menu > li { line-height: 22px; padding: 0; text-align: center;}
#mob_menu a { border: medium none; color: #FFFFFF; margin: 0;}
#mob_menu a:hover{ background:#6F8A94;}

@media only screen and (max-width:640px) and (min-width:320px) {
	#banner, .nav-part{ display:none;}
	.doc-pro{ display:block;  text-align: center;}
	.doc-pro img{ width:70%;}
	.none{ display:none;}
	.Mob_Menu{ display:block;}
	.four.columns.logo { float: left; width: 60% !important;}
	.four.columns.appoint { float: right;  width: 30% !important;}
	.top-part{ padding-top:10px;}
	.five.columns.right-section { margin: 0 -15px; padding: 0;}
	.mid-part{ padding-bottom:0;}
	.flex-bg{ width:200px;}
	.wel-content h4, .wel-content h5{ font-size:16px;}
	.flex-bg { width:85% !important;}
	.nav-bar > li{ float:none;}
	.wel-content > p { font-size: 14px;}
	.make-appointment {
			display: block;
			background-color: #5f7c86;
			padding:5px;
			font-size: 12px;
			
	}
	
	.make-appointment a {
			color:#fff;
			text-decoration: underline;
}

@media (max-width: 768px){
		.nav-bar > li{padding: 0 10px 0 0;}
		.assoc-link li{ width:48%;}

	
	}