@media (max-width: 400px) {

#debug #mobile{display:block;}
#debug #tablet{display:none;}
#debug #desktop{display:none;}
#debug #desktopOnly{display:none;}
	body{
		margin: 0px 0px;
		padding: 0px;
	}


/** HEADER **/

	#container #headerLogo{
		width: 100%;
		margin:0px;
		
	}

	#container #headerLogo img{
		width: 100%;
	}	
	#container #govHeader {
		display:none;
	}
	#container #headerLinks {
		display:none;
	}
	#container #headerSearch {
		display:none;
	}

	div#mobile-search{
		display:block;
		background-color: #a06641;	
	}



	div#mobile-search form {
		display: inline;
	}
		
	
	div#mobile-search img{
		float: right;
		padding: 3px 3px 0px 0px;
		margin: 3px 0px;
		cursor:pointer;
	}

	div#mobile-search input.searchbox{
		margin: 3px 0px 3px 3px;
		width: 70%;
	}
	div#mobile-search input.button{
		background-color: #016239;
		border-radius: 3px;
		padding: 3px 6px;
		position: relative;
		top: 3px;
		vertical-align: text-bottom;
	}


	/** Navigation **/		
	nav {
		left: 100%;
		position: absolute;
	}
	
	nav.open{
		left: 0;
		top:0;
		position: relative;		
	}

	#container nav{
		width:0%;
		overflow: hidden;
	}
	#container nav ul{
	
	}

	#container nav ul li{
		width: 100%
	}		
	
	#container nav ul.opened li{
		border-top: 1px solid #FFF;
	}
	
	#container nav ul.opened li.primary > a{
		border-right: 0px none;	
	}

	#container nav ul.opened li.primary{
		float: none;	
	}
	
	#container nav ul.opened li.primary > a {
		text-align:left;
		height: auto;
		text-decoration:none;
	}
	#container nav ul.opened li.primary > a:hover{
		text-decoration:underline;	
	}
	
	#container nav ul.opened li.primary > a > span{
		padding: 0.5em;
	}
	
	#container nav ul.opened li.primary > a > span > br{
		display: none;	
	}
	
	#container nav ul.opened ul.secondary{
		position: relative;
		left: 0px;
		top: 0px;
	}

	#container nav ul.opened li.secondary{
		float: none;	
	}
	
	#container nav ul.opened li.secondary > a{
    	font-weight: bold;
		display: block;
		text-decoration:none;
	}
	#container nav ul.opened li.secondary > a:hover{
		text-decoration:underline;	
	}	

	#container nav li.secondary.current > a{
		background-color: #4F91CD;
	}

	#container nav ul.opened li.secondary > a > span{
		padding: 0.5em 1.5em;
		display:block;
	}
	
	#container nav ul.opened li.secondary > a > span > br{
		display: none;	
	}
	
	
	#container nav ul.tertiary{
		background-color: #51BB01;
	}
	
	#container nav ul.opened li.tertiary{
		float: none;	
	}
	
	#container nav ul.opened li.tertiary > a{
		color: #fff;
    	font-weight: bold;
		display: block;
		text-decoration:none;
	}
	#container nav ul.opened li.tertiary > a:hover{
		text-decoration:underline;	
	}		
	
	#container nav li.tertiary.current > a{
		background-color: #4F91CD;
	}

	#container nav ul.opened li.tertiary > a > span{
		padding: 0.5em 3em;
		display:block;
	}
	
	#container nav ul.opened li.tertiary > a > span > br{
		display: 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: 33%;
		margin-bottom: 2.5%;
	}
	#container #social a:nth-of-type(4){
		margin-left: 16.66%;
	}
	
	/** Group Statement and Tag **/
	#container .group.statement-tag{
		width: 100%;
		float: left;
	}	

	/** Tag **/
	#container #tag{
		width: 94%;
		margin: 0 3% 5% 3%;
		float: left;
		background-position: 0 12%;
		min-height: 0px;
	}

	#container #tag .title {
		margin: 30% 3% 0 7%;
	}	
	
	/** Statement **/
	#container #statement{
		width: 94%;
		margin: 0 3%;
		float: left;
	}
	
	/** For Growers and Retailers **/
	#container #growers-retailers{
		width: 94%;
		margin: 0 3%;
		float: 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;
		width: 100%;
	}
	#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;
		right: 0;
		width: 100%;
		margin: 5% 0 0 0;
	}
	#container #goGreen-alt img{
		margin: 0 0 0 16%;
		width: 50%;
	}
	#container #goGreen-alt .text{
		bottom: 5px;
		overflow: visible;
		position: absolute;
		left: 50%;
	}		

	/**** Generic Content ****/
	
	#genericContent #container #breadCrumb{
		margin: 2%;
	}	
	
	#genericContent #container #left-column{
		display:none;
	}

	#genericContent #container #middle-column{
		width: 96%;
		margin: 2%;
		float:left;
		clear:both;	
	}
	
	#genericContent #container  #right-column{
		float:left;
		clear:both;
		width: 96%;
		margin: 2%;
	}		
	#genericContent #container #bottom{
		float:left;
		clear:both;
		width: 96%;
		margin: 2%;
	}

	#genericContent #container #right-column > h3{
		min-height: 25px;
		padding: 25% 0 11% 31.1%;
		position: relative;
		text-align: center;
		width: 68.9%;
	}							

		

}

