/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}



@media screen and (max-width: 767px) {
.hero { background: url('../img/hero-bg2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0 300px 0; height: 500px;
	 }

	

.inner {
    padding-top: 170px;
}
.logo img {
	display: block;
	text-align:center;
	width:120px;
	margin:auto;}

.menu {
	position:absolute;
	top:0px;
	right:0;
	height:auto;
	border-bottom:none;
	width:100%;
	margin:auto;
	padding-top:14px;
	padding-bottom:10px;
	transition:All 0.4118s ease;
-webkit-transition:All 0.4118s ease;
-moz-transition:All 0.4118s ease;
-o-transition:All 0.4118s ease;
}
	
.menu:hover {
transition:All 0.4118s ease;
-webkit-transition:All 0.4118s ease;
-moz-transition:All 0.4118s ease;
-o-transition:All 0.4118s ease;
}
	
.menu ul {
	width:100%;
	padding-top:10px;
	margin-left:-5%;
	}	

.menu li {
	display: flex;
    justify-content:center;
	color:white;
	padding-left:0%;
	text-transform: uppercase;
	float: none;
	text-align:center;
	
}

.social1 img {
	
	padding-left:1%;
	margin-top:-8px;
	width:30px;
	margin:auto
	
}

.menu a {
	color:white;
	text-decoration:none;
	
  font-size:13px;
  letter-spacing:1px;
  transition:All 0.4118s ease;
-webkit-transition:All 0.4118s ease;
-moz-transition:All 0.4118s ease;
-o-transition:All 0.4118s ease;
   
	}	
	
.menu a:hover {
	color:#999999;
	transition:All 0.4118s ease;
-webkit-transition:All 0.4118s ease;
-moz-transition:All 0.4118s ease;
-o-transition:All 0.4118s ease;
	
}

.menu img {
	display: block}

.menu li:nth-child(6) {
	
	padding-left:0%;
}


.swag5 { background: url('../img/plants-bg5.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding:130px 0;
height:550px; }
.swag5 h1 { color: #fff; font-size:30px; text-transform: uppercase; letter-spacing: 5px; margin-top:150px; }
.swag5 h1 span { display: block; font-size: 25px; margin-top: 20px; }

.swag6 {
    background: url(img/plants-bg6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    padding: 130px 0;
    height: 10px;
}

.swag7 {
    background: url(img/plants-bg6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    padding: 130px 0;
    height: 10px;
}



}