@media screen and (max-width:1350px) {
		#cssmenu > ul > li > a {
			padding: 8px 0px;
			font-size: 15px;
	}
}

@media screen and (max-width:1220px) {
		#cssmenu > ul > li > a {
	    padding: 10px 0px;
	    font-size: 12px;
	    text-decoration: none;
	    color: #000;
	    padding-bottom: 20px;
	    margin: 0px 10px;
	    font-family: 'Book Antiqua', 'Gentium Book Basic', serif;
	}
		#cssmenu ul {
			margin-top: -15px;
		}
}

@media screen and (max-width:958px) {
/*1060*/
/* Hide the 'normal nav and show the mobile nav */
	.js #menu {
		display:none;
	}
	#mobilemenu, #menuToggle {
		display: block;
	}
	body, html {
	/* needed to stop the menu from creating horizontal scrollbar if positioned off stage to the right */
	overflow-x:hidden;
	position:relative;
}
	/* End of show/hide main nav */

	#navcont, .menucontainer {
		display: none;
	}
	#header {
	padding-top: 0px;
}
#content {
	padding-top: 0px;
}
.homesearchbar select {
	display: block;
	margin: 20px auto 0px auto;
}
.homesearchbar input[type="image"] {
	margin-right: 0px;
}
.footbox {
	width: 50%;
}
.subscribestrip, .footerhours {
	width: 100%;
}
.logo {
	width: 100%;
}
.logo img {
	display: block;
	/*margin: 0 auto;*/
	max-height: 130px;  /*100px*/
}
.headericons {
	position: absolute;
	top: 0px;
	margin-left: 0px;
}
.footbox {
	margin-top: 10px;
}
.footerlogo img {
	float: left;
	max-height: 135px; /*100px*/
}
.container {
	max-width: 100%;
	width: 100%;
}
}

/* Medium screens */
@media screen and (max-width:48em) {
#cssmenu li.has-sub {
	margin-top: 0px;
}

.contentleft {
	padding-right: 0px;
}
.contentright {
    padding-left: 0px;
}
#topnav {
	margin-top: 20px;
}
#navcont {
	text-align: left;
}
.footerlogo {
	margin-bottom: 10px;
}
.organiclogo img {
	max-width:100px;
	margin-top:0px;
	float:none;
}
.pageheadline {
	font-size: 60px;
}
}

@media screen and (max-width:1390px){
.hometext {
	position: relative;
	bottom: 0px;
    padding: 0px;
    z-index: 1000;
}
.hometextinner h1 {
	font-size: 28px;
}
.hometextinner p {
	font-size: 16px;
}
}

@media screen and (max-width:958px){
.headeraccount, .headercontact {
	text-align: left;
	width: 100%;
	font-size: 15px !important;
}
.logo {
	margin-top: 5px;
}
.mobilelogo img {
	display:block;
	max-width: 100px;
	float: left;
	margin-right: 20px;
}
.basketmobile {
		display:inline-block;
    position: absolute;
    right: 26px;
}
.headerbasket {
	width: 100% !important;
	text-align: center !important;
}
.topnavmiddle {
    display: none;
}
.homeboxes {
    margin-bottom: 25px;
}
.homebox {
	border: 10px solid #FFF;
}
p.productname {
	font-size: 20px !important;
}
.homecategories {
    padding-top: 100px;
    margin-bottom: 0px;
    bottom: 120px;
}
.headersearchbar  {
	display: none;
}
}

/* Mobile Only */
@media screen and (max-width:770px){
.facebookicon {
		margin-top:-5px;
}
.homeheadline {
	font-size: 32px;
}
.hometextinner {
	margin: 0px;
}
#homemainContent .contentcontainer {
	padding-right: 0px;
}
#cookiebarcont {
	display:none;
}
#footercont {
	background-image: none;
}
.tabcontainer, .contentleft {
	padding-right: 0px;
}
.tabs label {
	display: block;
	border: 1px solid #ddd;
}
.tabs input:checked + label {
	border: none;
}
.caption {
	font-size: 18px !important;
	top: 10%;
}
a:link.btnposter, a:visited.btnposter, .btnposter {
	margin-top: 30px;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 18px !important;
}
.postercont {
	margin-top: -15px;
}
.contentcontainer {
    margin-left: 3px!important;
    margin-right: 3px!important;
}
.homeboxes h2 {
	font-size: 36px;
}
p.productname {
	font-size: 18px !important;
}
a.btn:link, a.btn:visited, input.btn {
	font-size: 16px;
}
.genericform input:not([type="submit"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]), .genericform textarea {
	width: 80%;
}
.footerbottomlinks {
	display: block;
	float: none;
	text-align: left;
}
.categorygriditem {
	border: 10px solid transparent;
}
.categorygriditem a:link, .categorygriditem a:visited {
	font-size: 18px;
}
.listdisplay {
	border-right: 15px solid #FFF;
}
input.btnshop {
	padding: 5px 15px;
	font-size: 14px;
	display: inline;
}
a.btn:link, a.btn:visited, input.btn {
	padding: 5px 15px;
	font-size: 14px;
}
.homecategoriesinner h2 {
	margin-bottom: 20px;
	padding: 0px 10px;
}
.letspagemaintext {
	margin-top: -100px;
}
.organic img{
	display: auto;
	float: none;
	max-width: 150px;
	margin-left: 50px;
	margin-top: 25px;
}
.homeboxes {
	padding: 20px 0px;
}
.homebox {
	border: 10px solid transparent;
}
.pageheadline {
	font-size: 48px;
}
.homeinspiration {
	font-size: 28px;
}
.tabcontainer {
	padding-right: 0px !important;
}
.tabs label {
	display: block !important;
	border: 1px solid #0d5e41 !important;
}
.checkoutsteps img {
	height: 40px;
	padding-right: 20px;
}
.productoptions td {
	padding: 2px;
	font-size: 13px;
}
.productoptions .btnaddtobasket {
	font-size: 12px;
	width: auto;
	padding: 10px 5px;
	line-height: 1;
}
.productoptions input.productqty {
	width: 30px;
	font-size: 13px;
	padding: 5px;
	height: 36px;
	line-height: 1;
}
.hidemobile {
	display: none;
}
.mobileonly {
	display: inline-block;
}
.mobileonly img {
	display:inherit;
}
.categorygriditem {
	font-size: 14px !important;
}
.letleft, .letright {
	padding: 0px;
}
.marginmobile {
    margin-bottom: 25px;
}
.info {
	padding: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
}
.infoinner {
	color: #000;
	font-size: 20px;
	margin: 5 5 5 5;
}
}

@media screen and (max-width:1600px) {
    .container, .contentcontainer, #footer, .homeboxes, .homeinspration, .carouselcont, .homecategoriesinner {
        margin-left:10px;
        margin-right:10px;
    }
    .mainpoints {
        margin-bottom: 40px;
    }
}

/* Tablet Only */
@media screen and (min-width:415px) and (max-width:1240px){
.hidetablet {
	display: none;
    }
}

@media screen and (max-width: 982px) {
		.homecategories {
				margin-top: -100px;
		}
}

@media screen and (max-width: 798px) {
		.homecategories {
				margin-top: -50px;
		}
		.container {
			max-width: 100%;
			width: 100%;
		}
}

@media screen and (max-width: 768px) {
	.homecategories {
			margin-top: 0px;
	}
	.container {
		max-width: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.hidden-small {
		display: none;
	}
	.modal-content {
		margin-left: 2px;
		margin-right: 2px;
		width: 100%;
	}
}