@charset "utf-8";
/* CSS Document */

/* =Responsiveness: Tablet (landscape)
================================================== */

/* Note: Design for a width of 1024px */


@media only screen and (min-width: 1024px) and (max-width: 1215px)  {
	.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
		width: 180px !important;
		left: 10px !important;
	}
	
	.featuredbithere {
		background-image: none !important;
	}
	
	.featuredbithere {
		background: rgba(0, 0, 0, 0) url("images/middle.png") repeat-x scroll center top / 100% 100% !important;
		width: 100%;
	}
	.featuredbithere .widgetinside {
		width: 95% !important;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
		font-size: 12px !important;
	}
	.storefront-primary-navigation {
		position: relative;
		bottom: 18px;
	}
	.wp-image-217 {
		width: 30% !important;
	}
	.widget_wysija_cont .wysija-submit {
		background-size: 100% 100% !important;
	}
	
	.footer-widgets {
		padding-top: 100px !important;
	}
	.footer-widgets.col-3 .block {
		width: 40.435% !important;
	}
	
	
}

/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wp-image-217 {
		width: 30% !important;
	}
	.footer-widgets .wysija-input {
		width: 100% !important;
		border-radius: 10px !important;
	}
	.wysija-paragraph {
		margin-bottom: 2px !important;
	}
	.widget_wysija_cont .wysija-submit {
	display: block;
	margin-top: -7px;
	right: 5px;
	top: 8px;
	background-size: 100% 100% !important;
	width: 58% !important;
	}
		.footer-widgets .wysija-paragraph {
		width: 100% !important;
		float: none !important;
	}
	
	.site-header {
		background-image: url(images/ipad.jpg) !important;
		height: 150px;
		width: 768px;
		display:block;
		background-size:768px 150px;
	}
	.featuredbithere {
		background: rgba(0, 0, 0, 0) url("images/middle.png") repeat-x scroll center top / 100% 100% !important;
	}
	
	.featuredbithere .widgetinside {
	}
	.mainlogo {
		display: none;
	}
	.mobilelogo {
		display: block !important;
	}
	.mobilelogo .small {
		display: none;
	}
	.nivo-caption p {
		width: 90%;
	}

	.mobilelogo .med {
		position: relative;
		left: 70px;
		margin-bottom: -3px;
	}
	
	.nivo-caption h1 {
		font-size: 21px !important;
	}
	.nivo-caption h2 {
		font-size: 18px !important;
		margin-bottom:0px !important;
	}
	.nivo-caption p {
		font-size: 12px !important;
	}
	.nivo-caption a {
		font-size: 11px !important;
		padding: 5px 10px !important;
		top: 2px !important;
	}
	.custom-logo-link {
		visibility: hidden
	}
	.storefront-primary-navigation {
		position: relative;
		top: 32px;
	}

	.site-header {
		background-size: 768px 150px !important;
	}
	.n2-ss-section-main-content {
		padding-left: 40px !important;
	}
	

	.featuredbithere .widgetinside {
		float: none !important;
		margin: 10px auto;
		border-radius: 10px !important;
		width: 95% !important;
	}
	.slidebit h1 {
		font-size: 30px !important;
	}
	.slidebit h2 {
		font-size: 15px !important;
	}

	.site-header .site-branding {
		height: 75px;
	}
	.products .product-category {
		background: rgba(0, 0, 0, 0) url("images/productoverlay.png") no-repeat scroll 0 0 / 100% 100% !important;
	}
	.products .product-category h2 {
		font-size: 18px !important;
	}
	.right-sidebar .widget-area {
	  clear: both !important;
	  float: none !important;
	  margin-right: 0 !important;
	  width: 100% !important;
	}
	#content {
	  padding-top: 20px !important;
	}

	.content-area {
		width: 98% !important;
	}
	
	.site-footer {
	  background: rgba(0, 0, 0, 0) url("images/new-foot.png") no-repeat scroll center top / 100% 100% !important;
	  color: #fff;
	  height: 315px;
	}
	.nivoSlider {
		top: 0 !important;
	}
	
	.footer-widgets.col-3 .block {
	  float: left !important;
	  margin-right: -1.652% !important;
	  width: 51.435% !important;
	}
	.woocommerce-active .site-header .main-navigation {
		width: 100% !important;
	}
	.woocommerce-active .site-header .site-header-cart {
		display: none !important;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
		font-size: 12px !important;
	}
	
	
	.primary-navigation li {
		height: 55px;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
		font-size: 14px;
		padding: 1.618em 12px;
	}
	.woocommerce-active .site-header .site-header-cart {
		line-height: 22px;
	}
	.woocommerce-active .site-header .site-header-cart {
	  float: right;
	  font-size: 12px;
	  height: 55px;
	  line-height: 22px;
	  margin-bottom: 0;
	  margin-right: 0;
	  width: 21.739%;
	}
	.woocommerce-Price-amount {
	}
	.single-product div.product p.price {
	  font-size: 1.41575em;
	  margin: 5px 0 !important;
	}
	.primary-navigation li {
		height: 55px !important;
	}
	
}


/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.rightsideheader {
		display: none;
	}
	.mainlogo {
		display: none;
	}
	.handheld-navigation .current-menu-item a {
		color: #1b5523 !important;
	}
	.leftabout {
		width: 100% !important;
		margin-right:0px !important;
		float: none !important;
	}
	.rightabout {
		width: 100% !important;
		float: none !important;
	}
	.mobilelogo {
		display: block !important;
		position: relative;
		left: 80px;
		bottom: 15px;
	}
	.mobilelogo .med {
		display: none;
	}
	
	.nivo-caption {
		top: 5px !important;
		left: 5px !important;
	}
	.storefront-primary-navigation {
	  background: rgba(0, 0, 0, 0) url("images/nav.png") repeat-x scroll top / 100% 100%;
	  bottom: 13px;
	  clear: both;
	  margin-left: -99em;
	  margin-right: -99em;
	  padding: 21px 99em 38px;
	  position: relative;
	}
	.featuredbithere {
		clear: both;
		margin-top:50px;
	}

	.slidebit {
		display: none;
	}
	.mobileslider {
		display: block !important;
		position: relative;
		top: 45px;
	}
	.mobileslider img {
		width: 100%;
		height: 100%:
	}
	
	
	.mainbutton {
		margin: 10px auto;
	}
	.storefront-primary-navigation .toggled .menu a {
		font-family: "Stardos Stencil",cursive;
		color: #ac303c;
	}		
	.featuredbithere {
		background: rgba(0, 0, 0, 0) url("images/middle.png") repeat-x scroll center top / 100% 95%;
	}
	.featuredbithere .widgetinside {
	 	margin: 0 auto;
		width: 100%;
		text-align:center;
		padding:10px;
	}
	
	.site-footer {
		background-image: none !important;
		background-color: #fff !important;
		border-top:2px solid #54a247;
	}
	#colophon {
		background-color: #fff !important;
	}
	.products .product-category {
		background: rgba(0, 0, 0, 0) url("images/productoverlay.png") no-repeat scroll 0 0 / 100% 100% !important;
	}
	.featuredbithere .widgetinside {
		width: 100% !important;
		padding: 10px !important;
	}
	.homeh {
		width: 100% !important;
	}
	.site-footer {
		height: 500px !important;
		background-color: #fff !important;
	}
	
	.featuredbithere {
	  background: rgba(0, 0, 0, 0) url("images/middle.png") repeat-x scroll center top / 100% 100% !important;
	  overflow: hidden;
	  padding: 47px 20px 45px;
	  text-align: center;
	}
	.main-navigation .menu li {
		border-bottom: 1px solid #ebebeb;
	}
	.moiblelogo {
		display: block;
	}
	
	.site-header {
		background-image: url(images/mobile.jpg) !important;
		width: 100%;
		height: 120px;
	}
	.slidebit h1 {
		font-size: 18px !important;
	}
	.slidebit h2 {
		font-size: 16px !important;
	}
	.slidebit div {
		font-size: 14px !important;
	}
	.n2-ss-section-main-content {
		padding: 10px !important;
	}
	div#n2-ss-1 .n2-font-a1970db1f564b8d7d6d2ca9e03ce07d1-link a {
		line-height: 0.5 !important;
	}
	.n2-ss-button-container a span {
		font-size: 12px !important;
	}
	.featuredbithere .bighome {
		font-size: 36px !important;
	}
	
	.featuredbithere {
		background-position: top !important;
	}
	.featuredbithere .widgetinside {

	}
	.alpha, h1 {
		font-size: 24px !important;
	}
	h2 {
		font-size: 21px !important;
	}
	
	
}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.rightsideheader {
		display: none;
	}
	.mainlogo {
		display: none;
	}
	.featuredbithere {
	}
	
	.site-header {
		background-image: url(images/logo-flip.jpg) !important;
		width: 100%;
		height: 150px;
	}
	.mobilelogo .med {
		display: block !important;
		left: 10px !important;
	}
	.mobilelogo .small {
		display: none !important;
	}
	
	.mobilelogo {
		display: block !important;
		position: relative;
		left: 145px;
		bottom: 15px;
	}
}