@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

body#compostvshumus #productinfo  * {
	outline: 1px solid trans;
}
#compostvshumus #productinfo #header {
	background: url(../images/products/compost-vs-humus/header_bkg.jpg) center bottom 0px no-repeat;
	background-size: cover;
	margin: 0px 0 0 0;
	padding: 22px 0 33% 0;
}
#compostvshumus #productinfo #logo {
	position: relative;
	border-top: 0;
	width: 100%;
	top: -22px;
	left: 0;
	margin: 0 auto 0px auto;
	height: 85px;
}
#compostvshumus #productinfo #logo img {
	margin: 0 auto 0px 0px;
	position: absolute;
	top: -22px;
	z-index: 6;
	width: 160px;
	height: 115px;
}
#compostvshumus #productinfo #logo #logoreg {
	display: none;
}
/* ************************* END HEADER ************************* */

#compostvshumus #productinfo #topnav .control {
	flex-direction: column;
}
#compostvshumus #productinfo .navbox {
	min-height: 120px;
	padding: 22px 30px 40px 30px;
}
#compostvshumus #productinfo #navdifferent:hover,
#compostvshumus #productinfo #navmade:hover,
#compostvshumus #productinfo #navworks:hover {
	border: none;
	background-color: rgba(195, 101, 1, 0.9);
	padding: 22px 30px 40px 30px;
}
#compostvshumus #productinfo #topnav .reflow {
	width: auto;
}
#compostvshumus #productinfo .navbox h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 20px;
}
#compostvshumus #productinfo .navbox p {
	font-size: 16px;
}
#compostvshumus #productinfo .navbox .arrowgo,
#compostvshumus #productinfo .navbox:hover .arrowgo {
	bottom: 10px;
}
#compostvshumus #productinfo .arrowgo img {
	width: 30px;
	height: 21px;
}
/* ************************* END NAV ************************* */
#compostvshumus #productinfo .expandbar span {
	display: block;
	background: #fff !important;
    padding: 15px 0 25px 0;
}
#compostvshumus #productinfo .expandbar img {
	width: 90%;
	max-width: 380px;
	padding: 15px 0 28px 0;
}
#compostvshumus #productinfo #different .expandbar img {
	padding: 20px 0;
}
#compostvshumus #productinfo .expandbar:after {
	position: relative;
	top: -11px;
	content: " ";
	display: block;
	position: relative;
	z-index: 9999;
	margin: 0 auto;
	width: 0px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #fff;
}
#compostvshumus #productinfo #different .expandbar:after {
	top: -1px;
}
#compostvshumus #productinfo #contact .expandbar{
margin-top: -15px;
}
/* ************************* END EXPAND ************************* */

#compostvshumus #productinfo .expandbox#different {
	padding-bottom: 40px;
}
#compostvshumus #productinfo #diffwrapper {
	margin: 0px;
}
#compostvshumus #productinfo #diffwrapper #diffcols {
	display: block;
	padding-top: 40px;
}
#compostvshumus #productinfo #diffwrapper .diffcol {
	display: block;
	margin: 0 auto 0px auto;
}
#compostvshumus #productinfo .diffcol h3 {
	padding: 22px 10px 20px 10px;
	font-size: 19px;
}
/* **** accordion structure **** */

#compostvshumus #productinfo .diffcol {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 0px;
	background: none;
	max-width: none;
}
#compostvshumus #productinfo .diffcol p {
	max-width: 450px;
}
#compostvshumus #productinfo .diffcol input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
#compostvshumus #productinfo .diffcol label {
	position: relative;
	display: block;
	padding: 0;
	cursor: pointer;
}
#compostvshumus #productinfo .acc-content {
	max-height: 0;
	overflow: hidden;
	background: white;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}
/* **** selected **** */

#compostvshumus #productinfo .diffcol input:checked ~ .acc-content {
	max-height: 900px;
}
/* **** icon **** */

#compostvshumus #productinfo .diffcol label::after {
	color: #ccc;
	color: rgba(255, 255, 255, 0.6);
	position: absolute;
	right: -4px;
	top: 12px;
	display: block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
	-webkit-transition: all .35s;
	-o-transition: all .35s;
	transition: all .35s;
}
#compostvshumus #productinfo .diffcol input[type=radio] + label::after {
	content: "\25BC";
}
#compostvshumus #productinfo .diffcol input[type=radio]:checked + label::after {
	transform: rotateX(180deg);
}
/* *********** END Accordion *********** */

#compostvshumus #productinfo #tabwrapper {
	position: relative;
	width: 296px;
	height: 451px;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 2px 4px #333;
	background: url(../images/products/compost-vs-humus/chartbkg.gif) repeat-x;
	border-radius: 6px;
	margin: 0px 4px 0 4px;
}
#compostvshumus #productinfo #chartwrapper {
	width: 298px;
	margin: 20px auto 0 auto;
	padding: 0;
}
#compostvshumus #productinfo #charttypes {
	position: absolute;
	top: 0;
	left: 48px;
	margin-top: 0;
	width: 120px;
}
#compostvshumus #productinfo #chart h3.charttype {
	width: 120px;
	height: 108px;
	font-size: 13px;
	letter-spacing: 0;
	padding: 35px 8px 0 8px;
}
#compostvshumus #productinfo #chart h3#typetwo {
	padding-top: 35px;
}
#compostvshumus #productinfo #chart h3#typethree {
	padding-top: 45px;
}
#compostvshumus #productinfo #chart h3#extratype {
	width: 137px;
	border: none !important;
}
#compostvshumus #productinfo .tabcontent {
	display: none !important;
	width: 115px;
	margin: 0;
	padding: 0px;
	position: absolute;
	left: 178px;
	top: 0px;
}
#compostvshumus #productinfo .column {
	width: 100%;
	text-align: center;
	margin: 0 auto !important;
}
#compostvshumus #productinfo .column img {
	position: relative;
	float: none;
	margin: 0 auto !important;
	box-shadow: none !important;
	border: none !important;
	left: -10px;
}
#compostvshumus #productinfo #tabwrapper input {
	display: none;
}
#compostvshumus #productinfo #tabwrapper label {
	display: block;
	box-sizing: border-box;
	background:
	/*#F5F0E0*/
	
	#fff;
	flex: 1;
	display: block;
	width: 48px;
	height: 56px;
	margin: 0px 0px 1px 0;
	padding: 7px 0 0 0;
	text-align: center;
	border-bottom: 1px solid #D4CAAD;
	border-right: 1px solid #fff;
	box-shadow: -3px 2px 2px #555;
	border-radius: 6px 0px 0px 6px;
}
#compostvshumus #productinfo #tabwrapper label img {
	opacity: 0.8;
	filter: contrast(100%);
}
#compostvshumus #productinfo #tabwrapper label#seven {
	margin-bottom: 0;
}
#compostvshumus #productinfo #tabwrapper label:hover {
	color: #000;
	cursor: pointer;
}
#compostvshumus #productinfo #tabwrapper input:checked + label {
	width: 57px;
	position: relative;
	left: -10px;
	background: #fff;
	box-shadow: -3px 1px 2px #666;
	border-right: 1px solid #fff;
	z-index: 99;
}
#compostvshumus #productinfo #tabwrapper input:checked + label img {
	opacity: 1.0;
	filter: contrast(130%);
}
#compostvshumus #productinfo #tabwrapper #tab1:checked ~ .tabcontent#one,
#compostvshumus #productinfo #tabwrapper #tab2:checked ~ .tabcontent#two,
#compostvshumus #productinfo #tabwrapper #tab3:checked ~ .tabcontent#three,
#compostvshumus #productinfo #tabwrapper #tab4:checked ~ .tabcontent#four,
#compostvshumus #productinfo #tabwrapper #tab5:checked ~ .tabcontent#five,
#compostvshumus #productinfo #tabwrapper #tab6:checked ~ .tabcontent#six,
#compostvshumus #productinfo #tabwrapper #tab7:checked ~ .tabcontent#seven {
	display: block !important;
	margin: 0;
}
/* ************************* END DIFFERENT ************************* */

#compostvshumus #productinfo .odd,
#compostvshumus #productinfo .even {
	-webkit-clip-path: none;
	clip-path: none;
	position: relative;
	margin: 0;
	padding: 10px 0 40px 0;
	height: auto;
	min-height: 0px;
}
#compostvshumus #productinfo #stepone {
	-webkit-clip-path: none;
	clip-path: none;
	margin: -30px 0 0 0;
	padding: 0 0 40px 0;
	height: auto;
	min-height: 0px;
}
#compostvshumus #productinfo #stepeight {
	-webkit-clip-path: none;
	clip-path: none;
	margin: 0;
	padding: 0 0 20px 0;
	height: auto;
	min-height: none;
}
#compostvshumus #productinfo .stepcontrol {
	/*holds text*/
	
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 10px;
}
#compostvshumus #productinfo .odd h3,
#compostvshumus #productinfo .odd p,
#compostvshumus #productinfo .even h3,
#compostvshumus #productinfo .even p {
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
	left: 0;
	width: 100%;
	max-width: 600px;
	min-width: 200px;
}
#compostvshumus #productinfo #made h3 {
	font-size: 24px;
	text-align: center;
	letter-spacing: 0;
	padding: 110px 0px 10px 0px;
	min-width: 220px;
}
#compostvshumus #productinfo #made p {
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0px;
	min-width: 220px;
}
#compostvshumus #productinfo .step,
#compostvshumus #productinfo #stepeight .step {
	/*holds number*/
	
	position: absolute;
	top: 20px;
	height: auto;
}
#compostvshumus #productinfo #stepone .step {
	top: 40px;
}
#compostvshumus #productinfo #stepone h3 {
	padding-top: 140px;
}
#compostvshumus #productinfo #stepeight h3 {
	padding-top: 120px;
	width: 100%;
	max-width: 600px;
	min-width: 200px;
}
#compostvshumus #productinfo #stepeight p {
	display: block;
	box-sizing: border-box;
	padding: 0px 20px 10px 20px;
	width: 100%;
	max-width: 600px;
	min-width: 200px;
}
#compostvshumus #productinfo .step img {
	padding: 0;
	width: 90px;
	height: 90px;
	opacity: 0.90;
}
#compostvshumus #productinfo #dotter {
	display: none;
}
#compostvshumus #productinfo .odd .hoverodd,
#compostvshumus #productinfo .even .hovereven {
	position: absolute;
	display: block;
	opacity: 0.4;
}
#compostvshumus #productinfo .odd h3,
#compostvshumus #productinfo .even h3,
#compostvshumus #productinfo .odd p,
#compostvshumus #productinfo .even p {
	opacity: 1.0;
}
#compostvshumus #productinfo .odd .step,
#compostvshumus #productinfo .even .step {
	opacity: 1.0;
}
/* ************************* END MADE ************************* */

#compostvshumus #productinfo .expandbox#works {
	background: url(../images/products/compost-vs-humus/worksbkg.jpg) left top repeat-y;
	background-size: 200%;
}
#compostvshumus #productinfo #workscols {
	display: flex;
	flex-direction: column;
	margin: -29px 0 0px 0;
}
#compostvshumus #productinfo .workscol img {
	width: 85%;
	min-width: 200px;
	max-width: 375px;
}
#compostvshumus #productinfo .workscol p {
	box-sizing: border-box;
	position: relative;
	flex: 1;
	margin: 10px auto 10px auto;
	padding: 10px 20px 0px 20px;
	width: 100%;
	max-width: 600px;
}
#compostvshumus #productinfo .workscol span {
	margin: 0;
	padding: 0;
	bottom: 0px;
	height: auto;
	background: #2D281D;
	background: rgba(45, 40, 29, 0.35);
}
#compostvshumus #productinfo #worksone {
	padding-bottom: 320px;
}
#compostvshumus #productinfo #workstwo {
	padding-bottom: 220px;
}
#compostvshumus #productinfo #worksthree {
	padding-bottom: 220px;
}
#compostvshumus #productinfo #worksone span {
	box-shadow: 0px -6px 10px #1B7736;
	background: #1B7736;
	border-bottom: 1px solid #155E2B !important;
}
#compostvshumus #productinfo #workstwo span {
	box-shadow: 0px -6px 10px #75B32F;
	background: #75B32F;
	border-bottom: 1px solid #659929 !important;
}
#compostvshumus #productinfo #worksthree span {
	box-shadow: 0px -6px 10px #93C659;
	background: #93C659;
	border-bottom: 0px solid #222 !important;
}
#compostvshumus #productinfo .workscol ul {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10px 20px 40px 20px;
	width: 100%;
	max-width: 560px;
	list-style: square inside;
}
#compostvshumus #productinfo .workscol li {
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: #fafafa;
	margin: 10px auto;
	padding-left: 3px;
	width: 100%;
	max-width: 300px;
}
/* ************************* END WORKS ************************* */

#compostvshumus #productinfo .fact {
	flex: 1 !important;
	border: 1px solid #000;
	border-width: 1px 0 1px 0;
	background: none !important;
}
#compostvshumus #productinfo .facthover {
	/*child of .fact*/
	
	position: initial;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 1.0;
	background: url(../images/products/compost-vs-humus/factone.jpg) center bottom no-repeat;
	background-size: cover;
	border: 0 !important;
}
#compostvshumus #productinfo #facttwo,
#compostvshumus #productinfo #factthree,
#compostvshumus #productinfo #factsix,
#compostvshumus #productinfo .fact p,
#compostvshumus #productinfo .fact h3 {
	display: none;
}
#compostvshumus #productinfo .fact,
#compostvshumus #productinfo #rowone,
#compostvshumus #productinfo #rowthree {
	display: none;
	border: 0px;
}
#compostvshumus #productinfo #factfive {
	display: block;
}
#compostvshumus #productinfo #factfive .facthover {
	background: url(../images/products/compost-vs-humus/factfive.jpg) center top -300px no-repeat;
	background-size: cover;
}
#compostvshumus #productinfo #rowtwo {
	height: 300px;
	border: 1px solid #000;
	border-width: 1px 0;
}
#compostvshumus #productinfo .facthover:hover {
	opacity: 1.0;
}
#compostvshumus #productinfo .fact h3,
#compostvshumus #productinfo .fact p {
	display: none;
}
/* ************************* END FACTS ************************* */
#compostvshumus #productinfo #branded #intro p{
font-size: 18px;
max-width: 950px;
}
#compostvshumus #productinfo #branded #locations{
max-width: 950px;
}
#compostvshumus #productinfo #find{
max-width: 950px;
min-width: 0px;
padding: 0 20px 5px 20px;
}
#compostvshumus #productinfo #branded #find p{
width: 100%;
float: none;
margin: 0 0 20px 0;
font-size: 18px;
}
#compostvshumus #productinfo #branded #find a{
width: 220px;
float: none;
margin:0 auto;
font-size: 20px;
}
#compostvshumus #productinfo #regulations p {
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 130%;
	font-size: 10px;
}
#compostvshumus #productinfo #regulations p#one {
	margin-bottom: 15px;
	font-size: 12px;
}
#compostvshumus #productinfo #bottomnav {
	flex-direction: column-reverse;
}
#compostvshumus #productinfo .bottomnavs {
	padding: 20px 10px 5px 10px;
	box-shadow: none;
}
#compostvshumus #productinfo #bottomnav #one,
#compostvshumus #productinfo #bottomnav #three {
	display: none;
}
#compostvshumus #productinfo #back a {
	display: block;
	padding: 10px 4px 4px 10px;
	opacity: 1.0;
}
#compostvshumus #productinfo #back a:hover {
	opacity: 0.9;
}
#compostvshumus #productinfo #back img {
	width: 35px;
	height: 35px;
}
/* ************************* END bottom stuff ************************* */

}

@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {

#compostvshumus #productinfo #header {
	background: url(../images/products/compost-vs-humus/header_bkg.jpg) center center 20px no-repeat;
    background-position: center center;
	background-size: cover;
	padding: 22px 0 11% 0;
}
#compostvshumus #productinfo #logo img {
	display: none;
}
#compostvshumus #productinfo .navbox {
	min-height: 120px;
}
#compostvshumus #productinfo #rowone {
	height: 100px;
}
#compostvshumus #productinfo #rowtwo {
	height: 200px;
}
#compostvshumus #productinfo #rowthree {
	height: 180px;
}
#compostvshumus #productinfo .rows {
	display: flex !important;
}
#compostvshumus #productinfo .fact {
	display: block;
}
#compostvshumus #productinfo #factfive .facthover {
	background: url(../images/products/compost-vs-humus/factfive.jpg) center bottom no-repeat;
	background-size: cover;
}
#compostvshumus #productinfo #branded{

}
#compostvshumus #productinfo #branded #intro p{
font-size: 16px;
line-height: 150%;
}
#compostvshumus #productinfo #branded #locations{
flex-direction: column;
}
#compostvshumus #productinfo #two.location{
padding: 15px 0;
}
#compostvshumus #productinfo #branded #find p{
font-size: 17px;
}
#compostvshumus #productinfo #branded #find a{
letter-spacing: 1px;
}
#compostvshumus #productinfo .expandbar span {
    padding: 10px 0;
}

}