@media screen and (max-width: 1280px) {
			
	.header .contact-search  {
	right:1em;
	}
	
	.header .menu ul > li {
	padding-right:0.5em;
	}	
	
	.header .selector ul > li {
	padding: 0 0.75em;
	}
		
}


@media screen and (max-width: 1140px) {
	
	.header .menu ul {
	font-size: 0.9rem;
	}
	
	.header .menu ul li > .sub-menu {
	width:200px;
	}
	
	section.banner .text h2 {
	font-size: 3rem;
	}
	
	h2 {
	font-size: 1.425em;
	}
	
	section.notice .col p {
	max-width: 350px;
	margin-top: 10px;
	}
	
	section.products .col.product .text {
	padding: 1.5em;
	}
	
	section.our-people .col {
	padding: 40px 40px;
	border: 1px solid #efefef;
	position: relative;
	margin-bottom: 2%;
	}
	
}


@media screen and (max-width: 1024px) {
	
	section.products .col a {
	display: block;
	padding: 20px 0;
	}	
	
	.single-product .content h2 {
	font-size: 1.5rem;
	margin-bottom: 1em;
	max-width: 500px;
	}
	
	.single-product .content h1 {
	color: #319d5d;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 10px;
	}
	
	section.events.landing-page .col {
	padding:0;
	}
	
	section.faqs h4 {
	font-size: 1.3rem;
	}
	
	.middle-lg {
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	}
	
	.header .menu ul {
	font-size: 0.8rem;
	}
	
	.row {
	max-width: 960px;
	}
	
	h2 {
	font-size: 1.425em;
	}
	
	section.intro h2 {
	font-size: 1.3rem;
	}
	
	section.banner li {
	background-size: cover;
	}
	
	.padding {
	padding-top:60px;
	padding-bottom: 60px;
	}
	
	.footer .col {
	padding: 0;
	font-size: 0.9rem;
	}
	
	section.products .col.product .text {
	padding: 1em;
	}
	
	section.notice .col {
	padding: 4em 2em;
	}
	
	section.call-to-action img {
	width: 57px;
	height: 57px;
	margin: 35px 0 0 0; 
	}
	
	section.call-to-action h4 {
	font-size: 0.9rem;
	width: 125px;
	margin: 45px 0 0 0;
	}
	
	section.page-header h1 {
	font-size: 3rem;
	top: 50%;
	}
	
	section.product-search {
	padding:12px 0;
	}
	
}

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

	section.events.landing-page {
		background-image: url(../images/bg_events-commercial-mobile.jpg);

	}
	
	.home section.events.landing-page {
		background-image: url(../images/bg_events-home-garden-mobile.jpg);

	}
	
	
	section.page-header {
		height:200px;
		z-index: 1;

		
	}
	
	
	
	.mobile-menu li .sub-menu {
		margin:0 0 20px 10px;
	}
	
	
	.landing-popup {
		max-width: 660px;
	}
	
	
	.menu-active #wrapper {
		position: fixed;
	}		
	
	.menu-trigger {
	display:block;
	z-index: 2;
	position: relative;
	}
	
	.header .selector, .contact-search, .header .menu {
	display: none;
	}
	
	section.call-to-action {
	height:auto;
	width:100%;
	}
	
	section.call-to-action .row {
	max-width: 100%;
	padding:0;
	}
	
	section.call-to-action .col {
	padding:20px 2em;
	flex-basis: 0;
	max-width: 50%;
	}
	
	section.call-to-action img {
	float: left;
	width: 77px;
	height: 77px;
	margin: 25px 0 25px 0;
	}
	

	section.notice.landing-page .col {
	margin: 0;
	-ms-flex-preferred-size: 50%;
	flex-basis: 100%;
	max-width: 100%;
	}
	
	section.notice .col .inner {
	max-width: 545px;
	float: left;
	width: 100%;
	}
	
	
	.mobile-menu a.contact {
		padding: 5px 20px 5px 17px;
	}
	
		
	section.call-to-action, section.call-to-action .col {
	text-align: center;
	}
	
	section.call-to-action img {
	float: none;
	width: 50px;
	height: 50px;
	margin: 0;
	text-align: center;
	}
	
	section.call-to-action h4 {
	font-size: 0.9rem;
	width: 100%;
	margin: 0;
	text-align: center;
	margin:10px auto 0 auto;
	padding:0 2em;
	}
	

	
	section.intro .row {
	max-width: 600px;
	}
	
		
	section.events .col-3 {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	text-align: center;
	margin-bottom:60px;
	}
	
	section.events .col-4 {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 100%;
	margin-bottom: 2em;
	}	
	
	section.events .row {
	padding-left:2em;
	padding-right:2em;
	}
	
	section.notice .col {
	padding: 4em 3em;
	}
	
	
	
	section.products .row {
	padding: 0 3em;
	}
	

	
	
	
		
	.header {
	height:70px;
	}
	
	body {
	padding-top:75px;
	}
	
	.color-bar {
	top:70px;
	}
	
		.header img {
	max-width: 120px;
	left:1em;
	}
	
	section.banner .text h2 {
		font-size: 2.5rem;
	}
	
	
	section.banner .text, section.banner .banner-image {
	    padding: 0 2em;
	}
	
	section.products.landing-page .col.advertising a:first-child img {
		margin-bottom:1em;
	}
	
	section.products .col.product .text {
    padding: 1em;
    font-size: 0.7rem;
	}
	
	section.products .col.product img.product-logo {
    max-width: 120px;
    float: left;
    margin-bottom: 2em;
    position: relative;
    z-index: 4;
    }
    
    section.products .col.product img.product-shot {
	    max-width: 48%;
    }
    
    section.container.copyright .col {
	        -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: left;
    padding: 0;
    }
    
    section.container.copyright .col:first-child {
	    margin-bottom:15px;
    }
    
    section.product-stockists ul.title-bar li a {
	    padding:0 1.5em;
    }
    
    section.intro .row .col {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom:15px;
	}
	
	section.intro .row .col:last-child {
	margin-bottom:0;
	}
	
	
	.single-product .additional-options #nav-tabs-options li img {
		float:none;
		display: inline-block;
	}
	
	.single-product .additional-options #nav-tabs-options li {
		text-align: center;
		
	}
	
	
	
	.single-product .additional-options #nav-tabs-options li span {
		display: inline-block;
		text-align: left;
	}
	
	
	section.intro.our-people div.row:first-child {
		padding-bottom:20px;
	}
	
	.product-search .search-form {
    position: relative;
    width: 620px;
	}
	
	
	section.intro.our-people .col {
	-ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    max-width: 48%;
	}
	
	
	.remodal {
		max-width: 90%;
	}
	
	section.page-header.has-search h1 {
    top: 31%;
	}
	
	section.products .col h3 {
		font-size: 1rem;
	}
	
	.single-product .additional-options #nav-tabs-options li a {
		padding: 32px 10px;
	}
	
	
	section.banner .banner-holder, section.banner {
		max-height: 400px;
	}
	
	section.landing-page.intro .col {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
	}
	
	section.landing-page.intro .col:first-child {
		margin-bottom:40px;
	}
	
	
	.header .selector {
    position: absolute;
    left: 0;
    width: 100%;
    height: 70px;
    line-height: 75px;
    display: block;
	}
	
	.header .selector ul {
    position: absolute;
    left: initial;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0;
    right: 93px;
    z-index: 1;
	}
	
	section.events.intro .row .col-7 {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%;
	padding-right:5%;

	} 
	
	
	section.events.intro .row .col-2 {
	    -ms-flex-preferred-size: 30%;
	    flex-basis: 30%;
	    max-width: 30%;
	}
	
	section.events date {
		float:right;
	}
	
	section.google-map {
	padding:0;
}

	
	
	.header .selector {
		display: none;
	}
	

	

	
}


@media screen and (max-width: 680px) { 
	
	
	.container.terms .row .col {
		width:100%!important;
		max-width: 100%!important;
		
	}
	
	
	.landing-popup {
		max-width: 320px;
	}
	
	.landing-popup img.logo-popup {
		padding:0 2em;
	}
	
	.landing-popup .row {
		display: block;
	}
	
	.landing-popup .col {
		display: block;
		margin:1em 0;
	}
	
	.landing-popup .col img {
		display: none;
	}
	
	
	section.page-header.has-search {
    overflow: visible;
    height: 300px;
	}
	
	section.product-search label {
		width:100%;
		text-align: center;
		padding:0;
	}
	
	
	.product-search .search-form input {
		width:100%;
	}
	
	.product-search .search-form button {
		top:50px;
	}
	
	section.product-stockists .tab div.home-garden-stockists {
	width:50%;
	}
	
	body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
	margin:0;
	padding:0;
	width:100%;
	}
	
	section.page-header {
	height:170px;
	}
	
	section.page-header h1 {
	font-size: 2.5rem;
	padding:0 1.5em
	}
	
	body .gform_wrapper .top_label div.ginput_container {
	margin-top:0;
	}
	
	body .gform_wrapper .top_label .gfield_label {
	margin-top:1em;
	}

	.header .selector {
	display: none;
	}
	
	.single-product .product-stockists {
	padding:0 1.5em;
	}
	
	section.product-stockists ul.title-bar li a {
	color: #51a95a;
	text-decoration: none;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
	display: block;
	font-weight: bold;
	font-size: 0.7rem;
	}
	
	section.additional-options #tab2 table th, section.additional-options #tab2 table td {
	padding: 10px 15px;
	vertical-align: middle;
	line-height: 1.2;
	}
	
	section.additional-options #tab2 table {
	width: 100%;
	border-spacing: 1px;
	margin-top: 1em;
	margin-bottom: 2em;
	font-size: 0.8rem;
	}


	section .tab .col-6 {
		    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    max-width: 100%;
	}
	
	
	section.additional-options #tab2 table th {
	    background: #efefef;
	    color: #1b924b;
	    font-weight: bold;
	    font-size: 0.8rem;
	    width: 33.33%;
	}
	
	.single-product .availability .flex-direction-nav .flex-prev {
    left: -20px;
	}
	
	.single-product .availability .flex-direction-nav .flex-next {
	    right: -20px;
	}
	
	.single-product .content .flexslider.products ul li {
		width:146px!important;
	}
	
	.row {
	    padding-left: 1.5em;
    padding-right: 1.5em;
	}
	
	.single-product .col-5, .single-product .col-7 {
	-ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding:0;
	}
	
	.single-product .content h2 {
    font-size: 1.3rem;
    margin-bottom: 1em;
    max-width: 500px;
    line-height: 1.2;
	}
	
	.single-product .availability {
	    padding: 40px 0;
	    margin-bottom: 30px;
	}
	
		.single-product .content h3 {
	    text-transform: uppercase;
	    font-size: 1rem;
	}
	
	.single-product .col-5 {
		margin-bottom:40px;
	}
	
	.single-product .additional-options div.title-bar {
		height:auto;
		border:0;
	}
	
	section.additional-options #content-tabs-options {
		padding:30px 0;
	}
	
	.title-bar.row {
		padding:0;
	}
	
	.single-product .additional-options #nav-tabs-options li span {
		display: none;
	}
	
	
	.single-product .additional-options #nav-tabs-options li img {
	    max-height: 35px;
	    margin: auto;
	    float: none;
	}
		
		.single-product .additional-options #nav-tabs-options li {
			width:25%;
	
	
		}
	.single-product .additional-options #nav-tabs-options li a {
	    padding: 20px;
	    text-align: center;
	    font-size: 0.7rem;
	}
	
	section.intro .row .col {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom:40px;
	}
	
	section.intro .row .col:last-child {
	margin-bottom:0;
	}

	
	section.products .col.advertising img {
	max-width: 48%;
	float:left;
	margin-top:2em;
	}
	
	section.products .col.advertising img:last-child  {
	float:right;
	}
	
		section.products .col:last-child {
	-ms-flex-preferred-size: 100%;
	flex-basis:100%;
	max-width: 100%;
	}
	
	section.products.landing-page .col {
	-ms-flex-preferred-size: 50%;
	flex-basis:50%;
	max-width: 50%;
	}


		section.banner .text {
	width: 100%;
	right: initial;
	top: 0;
	left: 0;
	transform: none;
	text-align: center;
	}
	
	



	.flexslider .slides .banner-image {
	width: 50%;
	position: absolute;
	left: 0;
	top: initial;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	bottom: 70px;
	transform: translateX(-50%);
	left: 50%;
	padding: 0;
	}
	
	.flexslider .slides .banner-image img {
	transform: translateX(-50%);
	left: 50%;
	bottom:0;
	}
	
	section.banner .text h2 {
	font-size: 3rem;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}


	section.product-stockists .tab a {
		width:50%;
	}



	
	section.page-header h1 span {
		font-size: 1rem;
	}

	html, body {
	width: -webkit-calc(100% - 0px);
	}
	
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .col-3 {
	width:100%!important;
	margin-right:0;
	    flex-basis: 100%;
    max-width: 100%;
	}
	
	section.products .col {
		margin-bottom:20px;
	}
	
	section.call-to-action .col {
	padding: 20px 1em;
	}
	
	section.call-to-action h4 {
	font-size: 0.6rem;
	margin: 5px auto 0 auto;
	}
	
	section.call-to-action img {
	float: none;
	width: 50px;
	height: 50px;
	margin: 0;
	text-align: center;
	}
	
	section.banner .text {
	padding:0 2em;
	margin-top:3em;
	}
	
	section.banner .text h2 {
	font-size: 2.5rem;
	}
	
	
	
	

	
	section.intro .row .col {
	padding:0;
	}

	
	.padding {
	padding-top: 2em;
	padding-bottom: 2em;
	}
	
	section.products.landing-page .col {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 100%;
	margin-bottom: 2em;
	}
	
	section.products .col.advertising img {
	max-width: 100%;
	}
	
	section.products .col.advertising img {
	margin-top: 0;
	}
	
	section.products.landing-page .button {
	margin-top:0;
	}
	
	footer .row {
	display: block;
	}
	
	footer .col {
	max-width: 48%;
	width:48%;
	float:left;
	}
	
	footer .col:last-child {
	clear: both;
	width: 100%;
	max-width: 100%;
	}
	
	footer.footer ul {
	margin-bottom:2em;
	}
	
	.copyright .col-6 {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	text-align: center;
	margin-bottom:1em;
	}
	
	.copyright .col-6:last-child {
	margin:0;
	}
	
	section.notice .col {
	padding: 2em;
	}
	
	section.events.landing-page {
	padding: 3em 0 2em 0;
	color: #fff;
	}
	
	.flexslider .slides .banner-image {
	bottom: 50px;
	}
	
	section.banner .text h2 {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom:0;
	}
	
	
	
		section.banner .text h3 {
		font-size: 1.5rem; 
	}
	
	
	section.banner, section.banner .banner-holder  {
	height: 435px;
	}
	
	section.banner li {
	background-size: cover;
	background-position: center;
	}
	
	section.call-to-action .col {
	padding: 20px 0em;
	}
	
	section.banner .flex-control-paging {
	bottom: 30px;
	}
	
	.button, .pagination a {
	line-height: 45px;
	height:45px;
	padding:0 1em;
	}
	
	section.intro .row .col {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	}	
	
	section.products .col.product img.product-shot {
		max-width: 22%;
	}
		
	section.banner .banner-holder, section.banner {
		max-height: 470px;
		height:470px
	}
	
	.row.full-width {
		padding:0;
	}
	
	section.events .row {
	padding-left:1.5em;
	padding-right:1.5em;
	}
	
	section.products .row {
    padding: 0 1em;
	}
	
	section.products .col .inner {
    border: 1px solid #d3d7e2;
    overflow: hidden;
    height: 260px;
	}


	section.products .col.product .text {
	    padding: 2em;
	    font-size: 0.9rem;
	}
	
	.remodal {
		max-height: 95%;
		padding:30px;
	}

	.remodal.staff img {
		display: none;
	}
	
	.remodal.staff .content {
		width:100%;
	}
	 
	 

	
	
}


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


	.row {
		padding-left:1em!important;
		padding-right:1em!important;
	}
	
	.row.full {
		padding-left:1em;
		padding-right:1em;
	}
	
	section.page-header h1 {
		font-size: 2rem;
	}
	
	.landing-popup {
    max-width: 320px;
    height: 100vh; 
	 }


}