/* Responsive for Smaller Screens, Mobile Devices, Tablets */
@media only screen and (max-width : 1024px) {
#wrap {	POSITION:relative; margin:0; width:100%; }
#headerWrap {  z-index:88888;   min-height:130px;   width:100%;   margin: 60px 0 00;   position:relative;}
#navWrap{display:none}
#mobileMenu .mmheader{ display: none;}
#mobileMenu nav{ display: none;}
#mobileMenu {display:block; width:100%; min-height:55px; height:auto; background:#6A8A4F;z-index:99999; position:fixed; top:0; margin: 0 0 5px 0; overflow:hidden; }
#belowFooter { width:100%;}
#googleResponsive {	float:right;width:500px;height:45px;margin: 45px 20px 0 0;}
nav ul li {	 padding: 0 22px; overflow:hidden; 	}
#mainContent {	width: 97%; float:none; padding: 0 1% 0 2%; margin:20px 0 10px 0;}
#sidebar {width:97%; float:none; padding: 0 1% 0 2%; margin:0; overflow:hidden;}
#blogSideBar {width:100%; margin: 0; overflow:hidden;}
.sideBarBox {width:49%; float:left; min-height:330px; margin: 0 3px 1% 3px; padding:1% 0;}

}

@media only screen and (max-width : 810px) {
.hide {display:none;}
html body {	background-position: 0 40px; }
#googleResponsive {	display:none;}
.sideBarBox {width:48%; float:left; min-height:330px; margin: 0 3px 1% 3px; padding:1% 0;}
.imgNoResize { width:initial; max-width: initial; min-width:initial; }
#footer div#contact {width: 96%;padding: 20px 2% 0 2%;height:100%;color:#F1EBC7;line-height:17px;text-align:left;float:none;}
#footerMenu { float:none; width:96%; padding: 20px 2% 0 2%; font-family:"bebas_neueregular", Verdana, Arial, sans serif; font-size:18px; font-weight:100; line-height:22px; }
div#mainContent img { margin: 0 auto 5px auto;}
.masonBlock {float:left; width:45%; min-height:340px; text-align:center;}
img.thumbnailCondensedDirect {float:none; margin:3px auto 10px auto;  width:300px; height:250px; object-fit: cover; max-width:95%; }
#breadcrumbs {margin:0 0 5px 0;}

.plantingGuideMatrix {
	min-height:180px;
	padding: 1% 1% 0 1%;	
}
.plantingGuideMatrix:hover {
	background:#D3E0BC;
}
.plantingGuideMatrix img{
	
}
.plantingGuideMatrix h3 {font-size:20px; margin:2px 0 0 0; line-height:normal;}
.thumbnailPlantingGuides{
	clear:both;	
	width:96%;
	background:#D3E0BC;
	overflow:hidden;
	padding:  2%;
	margin:20px 0 0 0;
	text-align:center;
}
.thumbnailPlantingGuides h5 {
	text-align:left;
}

.plantingGuideMatrixThumb {
	height: 70px;	
	width: 70px;
	padding: 2px;
	float:left;
	text-align:center;
}
.plantingGuideMatrixThumb:hover {
	background:#819F60;
	border:none;
}
div#mainContent .plantingGuideMatrixThumb img{
	padding:2px;
	background:none;
	border-color:none;
}
.howToGrowText {
	float:none;
	width:96%;
	margin-bottom:10px;
}
.howToGrowImgBox {
	float:none;
	width:96%;
	margin:0 0 10px 0;
	height:auto;
	overflow:hidden;
}
.howToGrowSeed {
	border:1px #D3E0BC solid;
	padding:10px;
	overflow:hidden;
	margin: 0 auto 10px auto;
	text-align:left;
	width:95%;
}
.howToGrow {
	border:1px #D3E0BC solid;
	padding:10px;
	overflow:hidden;
	margin: 0 auto 10px auto;
	text-align:left;
	width:95%;
}
div#mainContent .howToGrowImg img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */ 
	padding:0; 
	background:none;
}
.howToGrowDiv {
	border-bottom:1px #D3E0BC solid;
	width:100%;
	margin-top:3px;
	padding: 2px 0 2px 0;
}
.howToGrowHeader {
	color: #444; font-family: 'bebas_neueregular', arial, verdana, sans serif; font-weight:400; text-transform:uppercase; line-height:normal; font-size: 18px;
}
.howToGrowHeaderSmall {
	color: #666; font-family: 'bebas_neueregular', arial, verdana, sans serif; font-weight:400; text-transform:uppercase; line-height:normal; font-size: 16px;
}
.howToGrowData {
	color:#333; 'open_sanscondensed_light' , arial, sans serif; font-weight:400; line-height:normal; font-size: 14px;
}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 500px) {
#site-logo { 	position: relative; top:0; margin: 0 auto 0 auto; float:none; width:320px; }
#googleResponsive {	display:none;}
#homeHeaderContent { width:98%; margin: 10px auto 0 auto; padding: 0; overflow:hidden; }
#homeHeaderContent .homeHeaderContentbox { 	width:100%;	height:auto;margin: 0 0 2% 0;float:none;	background:url(../images/layout2015/MainBackground.png) repeat; border: 1px solid #AAC1A7; 	text-align:center;position:relative;padding:0; overflow:hidden; }
#header {	background:none;}
.masonBlock {float:none; width:96%; min-height:300px; text-align:center;}
img.thumbnailCondensedDirect {float:none; margin:3px auto 10px auto;  width:290px; height:250px; max-width:95%; object-fit: cover; text-align:center;}
#sidebar {width:97%; float:none; padding: 0 1% 0 2%; margin:0; overflow:hidden;}
#blogSideBar {width:100%; margin: 0; overflow:hidden;}
.sideBarBox {width:98%; float:none; min-height:auto; margin: 0 3px 1% 3px; padding:1% 0;}
.otherArticlesYouMightLikeBlock { width:45%; min-height:230px;}
div#commentsBox .blog {border: 1px solid #AAC1A7; margin:0 0 5px 0; width:40%; height:20px ; font: 12px Arial, Helvetica, sans-serif;}
div#commentsBox textarea {border: 1px solid #AAC1A7; margin:0 0 5px 0;width:95%; font: 12px Arial, Helvetica, sans-serif; }
.commentAuthorReplyDisplay {width:90%;}
h1 {font-size:30px;}
}

@media only screen and (max-width:320px){
#site-logo img {
	max-width: 98%;
	height: auto;
	width: auto\9; /* ie8 */ 
	padding:0; 
	margin:0;
}
}