@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 900px) {
	nav li a {
		font-size: 18px;
		padding: 0 18px;
	}
}
@media only screen and (max-width : 750px) {
	nav li a {
		font-size: 15px;
		padding: 0 10px;
	}
	#application li section{
		line-height: normal;
		font-size: 18px;
		height:60px;
	}
	footer .fLeft, footer .fRight{
		float:none;
		width:100%;
	}
	footer .fRight, #fLinks ul{
	 	margin-bottom:10px;
		overflow: hidden;
	 }
	 #difference{
		width:100%;
	}
}
@media only screen and (max-width : 600px) {
/* for navigation */
	
	nav {
		line-height: 40px;
		width:100%;
	}
	nav ul {
		display: none;
		height: auto;
		position:relative;
		z-index:10;
	}
	nav ul li{
		margin-left:0;
		float:none;
		font-size:16px;
		line-height:30px;
		border:0;
	}
	nav a#pull {
		display: block;
		width: 100%;
		position: relative;
		font-size:0;
	}
	nav a#pull:after {
		content:"";
		background: #008dce url(../images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		right: 0;
		top: 10px;
	}
	nav ul li a{
		display:block;
		margin:0 0;
		background:#008dce;
		
	}
	#envUse li .content span{
		width:100%;
	}
	
}
@media only screen and (max-width : 480px) {

	header {
		font-size: 16px;
	}
	#logo{
		width:50%;
	}
	#application li section{
		background:none;
		padding-left:0;
		line-height:normal;
	}
	.envUse, #homeEnv, #productListing #warrenty{
		display:none;
	}
	#envUse{
		border:0;
		padding:0;
	}
	#advantage .fLeft, #advantage .fRight, article .fRight, article .fleft, article .half, #contactDetail .fLeft, #contactDetail .fRight,#contactDetail .half{
		float:none;
		width:100%;
	}
	#warrenty br{
		display:none;
	}
	#warrenty img{
		margin-right:10px;
	}
	#productListing li{
		float:none;
		margin:10px 0 0 0;
		background:#fff;
		text-align:center;
	}
	#address{
		margin-left:0;
		margin-bottom:30px;
	}
	#address li{
		margin:15px 0; 
	}
	h3 {
	 font-size:1.2em;
	}
}
@media only screen and (max-width : 320px) {
	#tContact li {
		background:none;
		padding-left:0;
		line-height:normal;
	}
	#logo img{
		width:90%;
	}
	#productListing .fLeft, #productListing .fRight, #application li{
		float:none;
		width:100%;
	}
	#application li.domestic{
		margin:10px 0;
	}
	#productListing .fLeft{
		margin-bottom:30px;
	}
	#warrenty{
		width:100%;
	}
	#warrenty br{
		display:none;
	}
	#warrenty img{
		margin-right:0;
	}
}