

@media (max-width: 700px) and (min-width: 401px) {
	
	#debug #mobile{display:none;}
	#debug #tablet{display:block;}
	#debug #desktop{display:none;}
	#debug #desktopOnly{display:none;}	
	
	body{
		margin: 0px;
		padding: 0px;
	}
	
	/** Navigation **/
	#container nav ul li{
		width: 25%;
	}
	#container nav ul li.home{
		width: 21%;
	}
	#container nav ul li.gardener{
		width: 21%;
	}
	#container nav ul li.marketing{
		width: 37%;
	}			
	#container nav ul li.consumer{
		width: 21%;
	}
	
	nav li.primary:nth-of-type(4n) a {
		border-right: 0px none;
	}
	nav li.primary a {
		border-bottom: 1px solid #FFF;
	}
	nav li.primary:nth-of-type(n+5) a {
		border-bottom: 0px none;
	}

	/** Social **/	
	#social #goGreen{
		display:none;
	}
	
	#container #social #boxes{
		position: relative;
		width: 100%;
		margin: 0px;
		padding: 0px;
		left: 0;
		bottom: 0;
	}
	#container #social a {
   		float: left;
    	width: 20%;
	}

	/** Group Statement and Tage **/
	#container .group.statement-tag{
		width: 100%;
		float: left;
	}	

	/** Tag **/
	#container #tag{
		margin: 0 3% 0 3%;
		width:32%;
	}
	
	/** Statement **/
	#container #statement{
		width:59%;
		margin: 0 3% 0 0;
	}
	
	/** For Growers and Retailers **/
	#container #growers-retailers{
		width:50%;
		margin: 0 3% 0 3%;
		clear:left;
	}
	
	#container #growers-retailers h3.stampHeadingTitle {
		margin: 0;
		min-height: 65px;
		padding: 12% 0 1% 31.1%;
		width: 68.9%;
	}
	
	/** Go Green Alt **/
	#container span.row{
		position: relative;
		display:inline-block;
	}
	#container #goGreen-alt{
		bottom: 0;
		color: #006238;
		display: block;
		float: left;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 1.75em;
		font-weight: bold;
		margin: 0 0 15px;
		position: absolute;
		right: 0;
		width: 41%;
	}
	#container #goGreen-alt img{
		width: 50%;
	}
	#container #goGreen-alt .text{
		bottom: 5%;
		overflow: visible;
		position: absolute;
		left: 35%;
		font-size: 0.9em;
	}


	#genericContent #container span.row{
		position: relative;
		display:inline-block;
		width: 100%;
		text-align:center;
	}
	#genericContent #container #goGreen-alt{
		bottom: 0;
		color: #006238;
		display: block;
		float: left;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 1.75em;
		font-weight: bold;
		margin: 0 0 15px 20%;
		position: relative;
		right: 0;
		width: 60%;
	}
	#genericContent #container #goGreen-alt img{
		width: 50%;
	}
	#genericContent #container #goGreen-alt .text{
		bottom: 5%;
		overflow: visible;
		position: absolute;
		left: 55%;
		font-size: 0.9em;
	}	


	/**** Generic Content ****/

	#genericContent #container #breadCrumb{
		margin: 2%;
	}

	#genericContent #container #left-column{
		float:left;
		clear:both;
		width: 96%;
		margin: 2%;
	}
	
	#genericContent #container #left-column img {
		display:none;	
	}
	

	#genericContent #container ul#subNav li.primary > a{
		display:block;	
	}
	
	#genericContent #container ul#subNav{
		position: relative;
		overflow:auto;
	}
	#genericContent #container ul#subNav a{
		text-decoration: none;			
	}
	
	#genericContent #container ul#subNav a:hover, #genericContent #container ul#subNav .current > a{
		text-decoration: underline;	
	}
	
	#genericContent #container ul#subNav > li.primary{
		background-color: #016239;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		padding: 0px;
	}	
	#genericContent #container ul#subNav > li.primary a{
		color: #fff;
		padding: 1em;
	}
	
	#genericContent #container ul#subNav ul.secondary{
		float:left;
		background-color: #a06641; 
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		width: 100%;		
	}
	#genericContent #container ul#subNav ul.secondary li.secondary{
		float:left;
	}
	#genericContent #container ul#subNav  li.secondary > a{
		color:#000;
		padding: .5em 1em;
		display:inline-block;
	}	
	
	#genericContent #container ul#subNav ul.tertiary{
		/*
		float:left;
		background-color: #333133;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		width: 100%;
		left: 0;
		padding: 0;
		position: absolute;
		*/
		display:none;
	}
	/*
	#genericContent #container ul#subNav ul.tertiary li.tertiary{
		float:left;
		
	}
	#genericContent #container ul#subNav  li.tertiary > a{
		color: #fff;
		padding: .25em  1em;
		display:inline-block;
	}		
	*/
	#genericContent #container .tertiary-tablet{
		float:left;
		background-color: #e3b395;
		border-bottom: 1px solid #fff;
		width: 100%;
		left: 0;
		padding: 0;
		margin: 0px;
		position: relative;
		display:block;	
	}
	#genericContent #container ul.tertiary-tablet li.tertiary{
		float:left;
		list-style:none;
		
	}
	#genericContent #container  ul.tertiary-tablet li.tertiary > a{
		color: #000;
		padding: .25em  1em;
		display:inline-block;
		font-weight:bold;
		text-decoration:none;
	}	
	#genericContent #container  ul.tertiary-tablet li.tertiary > a:hover, #genericContent #container  ul.tertiary-tablet li.tertiary.current > a{
		text-decoration:underline;
	}
	#genericContent #container #middle-column{
		float:left;
		clear:both;
		width: 96%;
		margin: 3% 2%;
	}
	
	#genericContent #container  #right-column{
		float:left;
		clear:both;
		width: 96%;
		margin: 2%;
	}

	#genericContent #container #right-column > h3{
		background-size: 100% auto;
		min-height: 25px;
		padding: 13% 20% 5%;
		position: relative;
		text-align: center;
		width: 60%;
	}

	
	#genericContent #container #bottom{
		float:left;
		clear:both;
		width: 96%;
		margin: 2%;
	}
		
	
}

@media (max-width: 480px) and (min-width: 401px) {
	#container #growers-retailers h3.stampHeadingTitle {
		font-size: 1.5em;
	}
	#container #growers-retailers h3.stampHeadingTitle span.text{
		bottom: -14px;
		left: 0;
		position: relative;
	}
}