/* 
iPhone landscape with = 568 
iPhone portrait = 320
Set rules so desktop looks good above 568. Anything under only applies to iPhone
*/

/*
iPad portrait width = 768
iPad landscape width = 1024

/*

/*-----------------------------------------
---------------- MAX 1220 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1220px) {

	#nav-wrap {
		width: 96%;
		margin-left: auto;
   	margin-right: auto;
	}

	.menu-styling {
		width: 99.65%;
	}

	.menu-styling a {
		padding: 12px 35px;
	}

	header {
		width: 96%;
		margin-left: auto;
   	margin-right: auto;
	}

	.home #main {
		width: 96%;
		margin-left: auto;
      margin-right: auto;
	}

	.home #content .boxes.intro {
		width: 67.75%;
	}

	.home #content .boxes.featured {
		width: 98%;
	}

	.pages article#main {
		width: 96%;
	}

}

/*-----------------------------------------
--------------- END MAX 1220 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1210 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1210px) {

	.menu-styling a {
		padding: 12px 30px;
	}

	header .header-section.middle .hours, header .header-section.middle .calendar, .header-section.middle .italics {
		font-size: 2.05vw;
	}

}

/*-----------------------------------------
--------------- END MAX 1210 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1150 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1150px) {

	.home #content .boxes.intro, .home #content .boxes.email {
		min-height: 375px;
	}

}

/*-----------------------------------------
--------------- END MAX 1150 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1125 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1075px) {

	.home #content .boxes.intro {
		width: 66.5%;
	}

	.home #content .boxes.email img {
		width: 150px;
	}

}

/*-----------------------------------------
--------------- END MAX 1125 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1122 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1122px) {

	.menu-styling a {
		padding: 12px 23px;
	}

}

/*-----------------------------------------
--------------- END MAX 1122 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 1017 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1017px) {

	.plants-tools .content img.tools-last, .plants-tools .content img.yard-last {
		display: none;
	}
}

/*-----------------------------------------
--------------- END MAX 1017 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1016 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1017px) {

	header .header-section.middle .topline {
		font-size: 2vw;
	}

	header .header-section.middle .hours, header .header-section.middle .calendar, .header-section.middle .italics {
		font-size: 2.05vw;
	}

	header .middle {
	   width: 28%;
	}

	.decor img.last {
		display: block;
	}
}

/*-----------------------------------------
--------------- END MAX 1016 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1010 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1010px) {

	.plants img.annual-last, .plants img.perennial-last, .wild-birds #intro img.first, .decor img.last {
		display: block;
	}
}

/*-----------------------------------------
--------------- END MAX 1010 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1017 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1017px) {

	.wild-birds #intro img.first {
		display: block;
	}

	.wild-birds #intro img.third {
		display: none;
	}
}

/*-----------------------------------------
--------------- END MAX 1017 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 1005 -----------------
-----------------------------------------*/

@media only screen and (max-width: 1005px) {

	.menu-styling a {
		padding: 12px 13px;
	}

}

/*-----------------------------------------
---------------- END MAX 1005 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 960 -----------------
-----------------------------------------*/

@media only screen and (max-width: 960px) {

	.plants img.rack {
		display: none;
	}

}

/*-----------------------------------------
---------------- END MAX 960 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 925 -----------------
-----------------------------------------*/

@media only screen and (max-width: 925px) {

	.plants img.rack {
		display: none;
	}

}

/*-----------------------------------------
---------------- END MAX 925 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 910 -----------------
-----------------------------------------*/

@media only screen and (max-width: 910px) {

	

}

/*-----------------------------------------
---------------- END MAX 910 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 900 -----------------
-----------------------------------------*/

@media only screen and (max-width: 900px) {

	.menu-styling {
		width: 99.5%;
	}

	.home #content .boxes.intro {
		width: 97%;
	}

	.home #content .boxes.email {
		display: none;
	}

	.home #content .boxes.featured {
		width: 97.2%;
	}

	.home #content .featured .feature-links.email {
		display: block;
	}

	.home #content .featured .feature-links {
		width: 45.5%;
		border: 1px solid #bbb;
		-moz-border-radius: 6px;
   	border-radius: 6px;
   	margin-top: 10px;
   	-webkit-box-shadow: 2px 4px 5px #444;
		box-shadow: 2px 4px 5px #444;
		padding: 10px;
		min-height: 150px;
	}

	.home #content .featured .feature-links.space {
		margin-right: 15px;
	}

}

/*-----------------------------------------
--------------- END MAX 900 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 800 -----------------
-----------------------------------------*/

@media only screen and (max-width: 800px) {

	.contact #map {
   	padding-bottom: 45%;
	}

	.contact #store-info {
		width: 80%;
		float: none;
	}

	.contact #form-container {
		width: 100%;
	}

}

/*-----------------------------------------
--------------- END MAX 800 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 1005 -----------------
-----------------------------------------*/

@media only screen and (max-width: 840px) {

	.menu-styling a {
		padding: 12px 10px;
	}

}

/*-----------------------------------------
---------------- END MAX 1005 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MIN 768 -----------------
-----------------------------------------*/

@media only screen and (min-width: 816px) {

	#responsive-push {
		display: none;
	}

}

/*-----------------------------------------
--------------- END MIN 768 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 767 -----------------
-----------------------------------------*/

@media only screen and (max-width: 815px) {

	.js #menu {
		display:none;
	}

	header .header-section.middle .hours, header .header-section.middle .calendar, .header-section.middle .italics {
		font-size: 1.25rem;
	}

	header .header-section.bottom {
		display: block;
		width: 100%;
		margin: 10px auto;
		font-weight: bold;
		text-align: center;
		font-size: 1.2rem;
	}

	.pages img.page-top {
		width: 99%;
	}

}

/*-----------------------------------------
--------------- END MAX 767 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 705 -----------------
-----------------------------------------*/

@media only screen and (max-width: 705px) {

	.home #content .featured .feature-links, .home #content .featured .feature-links.space {
		width: 85%;
		float: none;
		margin-left: auto;
   	margin-right: auto !important;
	}

}

/*-----------------------------------------
--------------- END MIN 705 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 695 -----------------
-----------------------------------------*/

@media only screen and (max-width: 695px) {

	.plants img.annual-first, .plants img.annual-second, .plants img.annual-last,
	.plants img.perennial-first, .plants img.perennial-second, .plants img.perennial-last,
	.plants-tools img.tools-second, .plants-tools img.yard-second, .wild-birds #intro img.last,
	.wild-birds #intro img.third, .wild-birds img.second, .decor img.second, .decor img.third, .decor img.last, .decor img.third {
		display: none;
	}

	.plants img.annual-third, .plants img.perennial-third, .plants img.pw-image, .plants-tools img.yard-first, .plants-tools img.tools-first,
	.wild-birds #intro img.last, .wild-birds img.first, .seasonal .content img, .decor img.first {
		width: 75%;
	}

	.about img.last {
  		display: none;
  	}

}

/*-----------------------------------------
--------------- END MIN 695 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 650 -----------------
-----------------------------------------*/

@media only screen and (max-width: 650px) {

	header .header-section.middle .topline {
		font-size: 1.25rem;
	}

	header .header-section.middle .hours, header .header-section.middle .calendar {
		font-size: 1rem;
	}

	.home #content .boxes.intro, .home #content .boxes.featured {
		width: 96%;
	}

	.about section.content img.styled {
		float: none;
		display: block;
		margin-left: auto;
  		margin-right: auto;
  	}

  	.plants aside {
		float: none;
   	margin-left: 0;
   	marin-right: auto;
   	width: 80%;
   	margin-bottom: 15px;
	}

	.employment aside {
		float: none;
   	margin-left: auto;
   	margin-right: auto;
   	width: 50%;
   	margin-bottom: 15px;
	}

	.plants aside a.btn {
		margin-left: 0;
   	display: block;
   	width: 45%;
   	text-align: center;
	}

	.employment aside a.btn {
		margin-left: auto;
		margin-right: auto;
   	display: block;
   	width: 45%;
   	text-align: center;
	}

}

/*-----------------------------------------
--------------- END MIN 650 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 600 -----------------
-----------------------------------------*/

@media only screen and (max-width: 600px) {

	.videos .videoSection {
		width: 90%;
		margin-left: auto;
   	margin-right: auto;
   }

}

/*-----------------------------------------
--------------- END MIN 600 ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 550 -----------------
-----------------------------------------*/

@media only screen and (max-width: 550px) {

	header .header-section {
		width: 48%;
	}

	header img.large.responsive {
		display: block;
	}

	header img.large.standard {
		display: none;
	}

	header img.small {
		margin-right: 10px;
	}

	.home #content .boxes.intro img {
		display: none;
	}

	.plants-tools img.image-scotts {
		display: none;
	}

}

/*-----------------------------------------
---------------- END MAX 550 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 450 -----------------
-----------------------------------------*/

@media only screen and (max-width: 450px) {

	.home #content .boxes.intro, .home #content .boxes.featured {
		width: 94%;
	}

}

/*-----------------------------------------
--------------- END MIN 450 ---------------
-----------------------------------------*/

/*-===========================================================-*/