.contact	{ width:100%; text-align:center; border:1px solid #ececed; border-left:none; border-right:none; padding:10px 0;}
	.contact h4 { border:none; margin-bottom:0px}

	.contact a, .other a  	  			{ color:#ff7e00; transition: all 0.3s ease-out}	
	.contact a:hover, .other a:hover  	{ color:#666}	

	.other 		{ padding:50px 0; text-align:center;}
	.other h4  	{ border:none; margin-bottom:0}

	table.loc 		{ width:80%; margin:0 auto; margin-top:20px; padding-left:100px }
	table.loc tr td	{ vertical-align:top; text-align:left; width:33.3%}
	table.loc tr td>div 	{ font-size:95%}
	table.loc p 	{ font-weight:bold; color:#ff7e00; }


	/* ==========================================================================
	    Media Style: 
	============================================================================= */
	@media only screen and (max-width:1024px) {
	table.loc 		{ width:100%;  padding-left:0 }
	.contact h4, .other h4  { font-size:28px;  font-weight:200;}
	.other 			{ padding:30px 0;}
	table.loc tr td>div 	{ font-size:90%}
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	table.loc 		{ padding-left:80px }
	}

	@media only screen and (max-width:767px) {
	.contact h4, .other h4  { font-size:16px; font-weight:bold;}
	table.loc 		{ width:100%; padding-left:0}
	table.loc tr 	{ display:block; width:100%;}
	table.loc tr td	{ display:block; width:100%; margin-bottom:20px;  text-align:center;}
	}