/* MOBILE UI */
@media only screen and (max-width : 640px) {  
	html { width: 100%; }
	.c { width: 90%; padding: 0 4%; }
	.c.white { padding: 0 4%; }
	.c.white.goup { margin-top: -180px; }
	
	h2 { font-size: 25px; }
	h2.heading { padding-top: 15px; }
	
	#logo { float: left; width: 80%; margin: 37px 0 30px; }
	
	#header { height: 270px; text-align: center; }
	#header-info { display: none; }

	#menu { display: none; }
	
	.mobile-menu-toggle { display: block; position: absolute; top: 40px; right: 20px; color: #fff; z-index: 20000; }
	.mobile-menu-toggle:hover { color: #fff; }
	.mobile-menu { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0, .9); z-index: 10000; padding: 30px 0 0; }
	.mobile-menu li { list-style: none; padding: 0 0 0 4%; width: 70%; }
	.mobile-menu li a { display: block; color: #fff; margin: 0 1px; padding: 13px 20px 0; height: 28px; text-shadow: 1px 1px rgba(0,0,0, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.mobile-menu li a.current { background: #3e7ec2; }
	

	.fixedPosition { position: fixed; width: 100%; }
	
	#bg { z-index: -10; }
	
	#pitch { padding: 0 0 0; }
	#pitch h1 { font-size: 23px; padding: 0; margin: 0; line-height: 1.8em; }
	
	.ssc img { width: 100%; }
	
	/* home page bits */
	.bcat {  width: 100%; margin: -54px 0 20px; height: auto; }
	.bcat.last { float: right; margin: 0 0 20px; }
	.bcat-title { background: #3E7EC2; text-shadow: 1px 1px #1E3C5B; padding: 13px 15px 0; height: 41px; font-size: 18px; color: #FCEB00; font-weight: 700; box-shadow: 0px -2px 12px 0px rgba(66,74,78, .3); }

	#main { width: 100%; }
	#main img { max-width: 100%; }
	
	.col, .col.last { float: none; width: 100%; }
	
	.small-news { margin: 0 0 18px; }
	.small-news img { float: left; border: 2px solid #eee; padding: 2px; margin: 0 14px 0 0; width: 30%; }
	.small-news-desc { float: right; width: 60%; }
	
	.catnews { clear: both; float: none; width: 100%; margin: 0 0 20px; }
	.catnews img { float: none; width: 100%; }
	
	.ovitem { float: none; width: 100%; }
	.ovitem img { object-fit: cover; width: 100%; }
	.overlay a {  margin: -44px 0 0; height: 20px; width: 90%; padding: 12px 5%; }
	.video a { float: left; background: url(../images/video.jpg) no-repeat; background-size: 100%; overflow: hidden; height: 100px; width: 95%; padding: 66px 0 0 5%; margin: 0 0 20px; }

	.product, .product.last { float: left; width: 48%; margin: 0 0 12px; }
	.product:nth-child(even) { float: right; }
	
	/* map */
	.map { padding: 0 0 20px; margin: 0 0 30px; border-bottom: 1px solid #ddd; }
	.map-contact { height: auto; }
	.map h3 { font-size: 22px; }
	.map img { margin: 15px 0 0; }
	.gmap { float: none; }
		
	#gallery .gallery { width: 100%; }
	#other { width: 55%; background-size: 100%; padding: 5% 40% 0 5%; }
	#side { clear: both; float: none; width: 100%; }
	
	.fb-page, 
	.fb-page span, 
	.fb-page span iframe[style] { 
		width: 100% !important; 
	}
	
	#payment { clear: both; float: left; padding: 30px 0; }
	#payment img { margin: 0 8px 0 0; }
	#payment p.footer-ttl { text-align: left; }
	
	#toTop { opacity: 0; }
	
	#box { width: 96%; height: auto; } 
	#box img { width: 100%; }
	
	
}