/* =============================================================================
	= Mobile Styles
   ============================================================================= */

@media only screen and (max-device-width: 699px) {
	.contact-container .contact-col { width:100%; height:auto; clear:both;}
	.map {clear:both}
	.contact-container table td.contact-field {width:20%}
	.contact-container .contact-col .cc-pos { padding:10% 4% 4% 4%;}

	.view-map-blk { position:absolute; left:0; z-index:50; overflow:hidden}
	.view-map-btn   { width:100%; height:auto; padding:15px; background-color:#e6e6e6; margin-bottom:1px; overflow:hidden;}
	.view-google     { font-size:26px; line-height:normal; text-align:center; font-family:Verdana; margin-top:0px; vertical-align:top; display:inline-block;}
	.view-map-btn i  { font-size:26px; line-height:normal; color:#999; padding-left:10px; display:inline-block;}
	.contact-container .contact-col .cc-pos .hkco { font-size:40px; padding-bottom:10px}
}