/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (max-width : 1279px) 
{
	.image-section figure.red-tractor
{
	display: none;
}
.image-section
{
	width: 33%;
	padding-left: 10px;
	padding-right: 10px;
}

}




@media only screen and (max-width : 1023px)  {
	#header
	{
		background:url('../images/footer-line.jpg') repeat-x  center top, 
		url('../images/header-border.png') repeat-x center bottom,
		url('../images/top-strip-bg.png') repeat-x  center 20px;
	}
	.image-section figure.grey-tractor
	{
		display: none;
	}
	.mobile-menu
	{
		display: inline-block;
	}
		#footer .container {
   text-align: center;
		 padding: 0 10px 0 ;
}
	#footer
	{
		
	}
	
	nav
	{
		border-top:none;
		position: absolute;
		bottom: 42px;
		right: 55px;
	}
	nav ul.clearfix 
	{ 	
		display:none;
		width:320px;
		
  	 	position: absolute;
   		right: 0;
    top: 70px;
    z-index: 1;
		
	}
	nav ul li
	{ 	
		border-right: none;
		border-bottom: 1px solid #ffffff;
		float:none;
		width: 100%;
		font-size: 26px;
		
		
		
	}
	
}
@media only screen and (max-width : 767px)  {
	#content .container
	{
		padding-top:18px;
		padding-bottom: 40px; 
	}
	.logo-section
	{
		padding-left: 0px;
		width: 100%;
		padding-bottom: 89px;
	}
	.logo-section strong,.logo-section span
	{
		display: none;
	}
	.logo
	{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	
	nav {
    border-top: medium none;
    left: 0;
    position: absolute;
    right: 0;
    margin: 0 auto;
    text-align: center;
	}
	nav ul
	{
	left: 0;
    margin: 0 auto;
	}
	.mobile-menu
	{
		
	float: none;
	text-align: center;
		
	}
	.logo img
	{
		width: 85%
	}
	p
	{
		font-size: 14px;
		line-height: 20px;
		
	}
	h1
	{
		font-size: 26px;
		line-height: 32px;
	}
	#footer
	{
		font-size: 12px;
		line-height: 16px;
	}

}