@charset "utf-8";
@import url('font-awesome.css');
/* CSS Document for SmartGC */



@media only screen and (max-width : 768px) {
	body, #container{
	min-width:320px;
	width: 100%;
	}
	body{
		font-size:12px;
	}
	.mobileHide{
		display:none;
	}
	.mobileWideOnly{
		display:block !important;
	}
	header, main, footer{
		min-width:0 !important;
	}
	#wrapper-header, #wrapper-image, #wrapper-content, #wrapper-content #content, #wrapper-footer{
		width: 100%;
		padding: 0;
	}
	#wrapper-footer{
		padding: 5% 0;
	}
	.logo{
		float: none;
		width: 100%;
		max-width: 330px;
	}
	.tab-nav{
		display: none;
	}
	#wrapper-nav{
		width: 100%;
		float: none;
		margin: 0;
	}
	#wrapper-nav nav{
		 padding-right:10px;
		 padding-left:10px;
	 }
	#wrapper-nav nav i{
		display:block;
		/*float:left;*/
		text-align:right;
	}
	#wrapper-nav nav ul{
		display: none;
	}
	#wrapper-nav nav ul li{
		display:block;
		margin:10px 0 !important;
		text-align:right;
	}
	#wrapper-nav nav ul li a{
		font-size:16px;
	}
	#wrapper-image #image, #wrapper-image #image img{
		width: 100%;
	}
	#home #wrapper-content #content #leftC{
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#home #wrapper-content #content #rightC{
		width: 100%;
		float: none;
		padding-right: 0;		
	}
	#home #wrapper-content #content #rightC img{
		width: 100%;
	}
	
	#leftC div img{
		width: 100%;
	}
	.social{
		position: sticky;
	}
	.mobile{
		clear: both;
		padding-left: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
}