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

.headerinner   {min-width: 758px!important; max-width: 758px!important; width: 758px!important;} 
footer {width: 758px!important; max-width: 758px!important;} 

.headin {width: 758px!important; max-width: 758px!important;} 

.logo {	margin: 10px 0px 0 20px;}
nav {float:left; font: 16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin: 0px 0 0 0;}
nav a {margin:0 5px 0 0;}

.bar {overflow:hidden; min-width: 758px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 0;}
.barinner {width: 758px; margin: 0 auto;}
.barblog {overflow:hidden; min-width: 758px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 0;}


#container {width:758px; margin:5px auto;}

.left {float:left; width: 530px; margin: 0 20px 0 0; padding:0;}
.right {float:left; width: 200px; margin: 0 0 0 0; padding:0;}

.left img {max-width: 520px; height:auto;}
.post-content img {max-width:520px; height:auto;}


.bottom { width:100%;  min-height:35px; max-height: 320px; background: url('images/footer-bg.png'); padding:0;

}
.bottominner {width: 758px; margin: 0px auto; color: #fff;}

.col1 {float:left; width: 235px; margin: 10px 15px 15px 0; text-shadow:1px 1px 1px #000;}
.col1 img{
	width: 117px;
	height: 53px;
}

.col2 {float:left; width: 235px; margin: 10px 15px 15px 10px; text-shadow:1px 1px 1px #000;}
.col3 {display: none;}
.col4 {float:left; width: 235px; margin: 10px 5px 15px 0; text-shadow:1px 1px 1px #000;}



#full {display:inline;}	

.box {float:left; width: 245px; margin: 0 0px 0px 0; 
/*border:1px solid #dfdfdf; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/}

.boxfirst {
	float: left;
	width: 245px;


}

.box2col{
	float: left;
	width: 500px;
}

.box2col img{
	float: left;
	width: 470px;
}

.dir2{
	margin-left: 10px;
}

.box2{

}
.boximg {padding:0; margin:10px 0 0 0px; border:1px solid #eee;width: 220px;}
	



.bg {overflow:hidden; background: #7dba00 url('images/slides.jpg'); min-width: 758px; width: 100%; height: 230px; z-index:-1; margin: 0 0 15px 0;}
.slider {position:absolute!important; min-width: 758px; width:100%;}	
.slidepost {margin: 30px 0 0 90px; width:600px; }

.brandintro {display:none;width:0;}
.brands {min-width: 530px; width: 100%;}
.brandsinner {width:100%; margin:0 auto;}
.brand {float:left; margin: 0 0 0 25px;}

.welcome {margin: 10px 0 20px 0;}



.team {width: 530px; margin: 15px 0 0 0; border-bottom:1px solid #ddd; padding: 10px 0 10px 0;}
.teams {width: 530px; margin: 5px 0 15px 0; padding: 10px 0 10px 0;}
.member {float:left; width:350px;}

.sbox {float:left; width: 170px; height:240px; background: #fff; margin: 0 5px 10px 0; border:1px solid #dfdfdf;}
.sboxed {float:left; width: 170px; height:240px; background: #fff; margin: 0 0 5px 0; border:1px solid #dfdfdf;}
.sbox ul {margin: 0 0 0 -10px;}
.sboxed p {padding: 5px;}
.sbutton {width: 100px;}

.map {display:none;}

#comments {width: 530px; padding:0; margin: 0;}
#comments .tabs { width: 515px;}
#commentform {width: 530px;margin: 0 0 20px 0;}
#author2, #email, #url {width:530px;}
#comment {min-width: 530px; max-width: 530px; width:530px;}

.post-single {width: 530px; margin: 0 0 10px 0;}
.post {width: 530px; margin: 0 0 20px 0; border-bottom: 1px solid #dfdfdf;}

.post-head {width:350px;}
.wpcf7-text, .wpcf7 textarea, select input {width: 380px;}

#author-bio-box {width: 520px!important; margin: 10px 0 10px 0px;}
.bio-socials {border:0!important;}

.youtube {width: 530px!important; height: 398px!important;}


.text {float:left!important; width: 746px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important; background: #fff;}
.texts {float:left!important; width: 711px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important; left: -10px; background: #fff;}

.tree, .ground {background: none!important; overflow:hidden; margin:0 auto!important; padding:0!important;}
.photo, #treebot, .hills, .cloud, .treetop , .column h1 {display:none; overflow:hidden; margin:0 auto!important; padding:0!important;}
.section img {display:none;}

.sectionone {margin:-74px 0 0 0!important;}
.sectiontwo {margin:-74px 0 0 0!important;}
.sectionthree {margin:-35px 0 0 0!important;}
.sectionfour {margin:-54px 0 0 0!important;}
.sectionfive {margin:-74px 0 0 0!important;}
.sectionsix {margin:-54px 0 0 0!important;}
.sectionseven {margin:-54px 0 0 0!important;}
.sectioneight {margin:-151px 0 0 0!important;}
.sectionnine {float:none; margin:0 auto;}
#treebottom {margin:-74px 0 0 0!important;}



.text {max-width: 750px!important; width:710px!important;}

.button {margin: 10px auto; top: 10px;}
.button:hover {margin: 10px auto; top: 10px;}

.hills, .treetop, .cloud, .illustration, singlefrog, .photo {height:0!important; width:0!important; margin:0 auto!important; padding:0!important;}
.content {padding:0!important;height:auto;min-height:500px; width:758px;}

img.biophoto{
	width: 223px;
}

}


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

.faderbox{
display: none;
}

.homefaderbox{
	color: white;
	padding: 20px 0px ;

	font-weight: bold;
}


.headerinner  {height: 110px; min-width: 524px!important; max-width: 524px!important; width: 524px!important;} 
footer {min-width: 504px; width: 100%; background: #404040; color:#fff;font-size:11px!important; width: 524px!important; max-width: 524px!important;} 
footer p {padding:10px;font-size:11px!important;}  
footer a {color: #82c01e; text-decoration:none;}
footer a:hover {color: #fff; text-decoration:none;} 

.headin {width: 524px!important; max-width: 524px!important;}  

.logo {	margin: 10px 0px 0 20px;}
nav {float:left; font: 16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin: 0px 0 0 -15px;}
nav a {margin:0 5px 0 0;}

.bar {overflow:hidden; background: #7dba00; min-width: 524px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 0;}
.barinner {width: 524px; margin: 0 auto;}
.barblog {overflow:hidden; background: #7dba00; min-width: 524px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 0;}



#container {width:524px; margin:5px auto;}

.left {width: 524px; margin: 0 0 5px 0; padding:0;}
.right {width: 524px; margin: 0 0 15px 0; padding:0; text-align:center;}
.widget {float:left; width: 230px; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; border: 1px solid #dfdfdf; margin: 0 10px 10px 0; height: 250px; text-align:left;}
.button {margin-left: 30px;}
.button:hover {margin-left: 30px;}

.left img {max-width: 514px; height:auto;}
.post-content img {max-width:514px; height:auto;}


.team {width: 524px; margin: 15px 0 0 0; border-bottom:1px solid #ddd; padding: 10px 0 10px 0;}
.teams {width: 524px; margin: 5px 0 15px 0; padding: 10px 0 10px 0;}
.member {float:left; width:344px;}

.bottom {display: none;}

#full {display:inline;}	

.bg {display: none;}
.slider {display: none;}
.brands {display: none;}

.boxfirst {
	float: left;
	width: 500px;


}

.box {float:left; width: 500px; margin: 0 0px 0px 0; 
/*border:1px solid #dfdfdf; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;*/}
.boximg {padding:0; margin:10px 0 0 0px; border:1px solid #eee;width: 430px;}	



.dir2{
	margin-left: 10px;
}
.box2{
	float: left;

	clear: both;
}

.box2col{
	float: left;
}

.box2col{
	float: left;
	width: 500px;
}

.box2col img{
	width: 470px;
}

.box img {border:0; width: 470px;}
img.mapimg{
	width: 291px;
}
.dir2{
	margin-left: 10px;
}

.map {display:none;}	

#comments {width: 524px; padding:0; margin: 0;}
#comments .tabs { width: 509px;}
#commentform {width: 524px;margin: 0 0 20px 0;}
#author2, #email, #url {width:524px;}
#comment {min-width: 524px; max-width: 524px; width:524px;}

.post-single {width: 524px; margin: 0 0 10px 0;}
.post {width: 524px; margin: 0 0 20px 0; border-bottom: 1px solid #dfdfdf;}

.post-head {width:344px;}
	
.wpcf7-text, .wpcf7 textarea, select input {width: 380px;}

.sbox {float:left; width: 250px; height:220px; background: #fff; margin: 0 10px 10px 0; border:1px solid #dfdfdf;}
.sboxed {display:none;}
.sbox ul {margin: 0 0 0 10px;}
.sboxed p {padding: 5px;}

#author-bio-box {width: 514px!important; margin: 10px 0 10px 0px;}
.bio-socials {border:0!important;}

.youtube {width: 524px!important; height: 393px!important;}

.text {float:left!important; width: 500px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important; background: #fff;}
.texts {float:left!important; width: 500px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important; background: #fff;}

.text {overflow:hidden!important; max-width: 500px!important; width:500px!important;}

.tree, .ground {background: none!important; overflow:hidden; margin:0 auto!important; padding:0!important;}
.photo, #treebot, .hills, .cloud, .treetop , .column h1 {display:none; overflow:hidden; margin:0 auto!important; padding:0!important;}
.section img {display:none;}

.sectionone {margin:-94px 0 0 0!important;}
.sectiontwo {margin:-114px 0 0 0!important;}
.sectionthree {margin:-35px 0 0 0!important;}
.sectionfour {margin:-54px 0 0 0!important;}
.sectionfive {margin:-94px 0 0 0!important;}
.sectionsix {margin:-54px 0 0 0!important;}
.sectionseven {margin:-54px 0 0 0!important;}
.sectioneight {margin:-151px 0 0 0!important;}
.sectionnine {float:none; margin:0 auto;}
#treebottom {margin:-74px 0 0 0!important;}




.button {margin: 10px auto; top: 10px;}
.button:hover {margin: 10px auto; top: 10px;}

.hills, .treetop, .cloud, .illustration, singlefrog, .photo {height:0!important; width:0!important; margin:0 auto!important; padding:0!important;}
.content {padding:0!important;height:auto;min-height:400px; width:524px;}

img.biophoto{
	width: 241px;
}

}



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

.faderbox{
	display: none;
}	

.homefaderbox{
	color: white;
	padding: 20px 0px ;
	font-size: 1em;
	font-weight: bold;
}

.boxfeature {
	float: right;
	margin: 40px 0px 0px 5px;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-image: none;
	clear: both;
	min-height: 350px;

}
	
.headerinner {min-width: 292px!important; max-width: 292px!important; width: 292px!important;} 
.headin {width: 292px!important; max-width: 292px!important;} 

footer {min-width: 292px; max-width: 292px!important; width: 292px!important; background: #404040; color:#fff; font-size:11px!important;} 
footer p {padding:10px; font-size:11px!important;}   
footer a {color: #82c01e; text-decoration:none;}
footer a:hover {color: #fff; text-decoration:none;}

.logo {	margin: 10px 0px 0 20px;}
nav {float:left; width: 292px; background: none; margin:0; padding:0;}
nav ul {display: none;}
nav select {display: inline-block; margin: 10px 0 0 0; width: 280px; border:1px solid #eee; padding: 5px; color: #333!important;}

.bar {overflow:hidden; background: #7dba00; min-width: 292px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 0;}
.boximg {padding:0; margin:14px 0 0 0px; border:1px solid #eee;width: 270px;}
.box img {border:0; width: 270px;}

.barinner {width: 292px; margin: 0 auto;}
.barblog {overflow:hidden; background: #7dba00; min-width: 292px; width: 100%; height: 60px; z-index:-1; margin: 0 0 15px 

0;}

.welcome {margin: 10px 0 20px 0;}

.boxfirst {
	float: left;
	width: 292px;


}

.box {float:left; width: 292px; margin: 0 3px 0px 0; 
/*border:1px solid #dfdfdf; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; height: 310px;*/}


.box2col img{
	width: 280px;
}

.boximg{
.boximg {padding:0; margin:14px 0 0 0px; border:1px solid #eee;width: 470x;}



}

.language {
	float: right;
	height: 48px;
	text-align: right;
	margin: 0px 0px 0px 0px;
}

.language img{

	margin-top: 20px;
	width: 20px;
	height: 10px;
}


.home{
	height: 10px;
	background-image: none;

}

.bg {display: none;}
.slider {display: none;}
.brands {display: none;}

#container {width:292px; margin:5px auto;}

.left {float:left; width: 292px; margin: 0 0 15px 0; padding:0;}
.right {float:left; width: 292px; margin: 0 0 0 0; padding:0;}
.left img {max-width: 282px; height:auto;}

.widget {float:left; width: 272px; min-height: 80px; height: auto; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; border: 1px solid #dfdfdf; margin: 0 10px 10px 0;}
.button {margin-left: 55px;}
.button:hover {margin-left: 55px;}

.team {width: 292px; margin: 15px 0 0 0; border-bottom:1px solid #ddd; padding: 10px 0 10px 0;}
.teams {width: 292px; margin: 5px 0 15px 0; padding: 10px 0 10px 0;}
.mphoto {display:none;}
.member {float:left; width:292px;}


.bottom {display: block; min-width: 292px;}
.colspan p{
	min-width: 292px;
}
.bottominner {width: 292px; margin: 0px auto; color: #fff;}	
#full {display:inline;}	

.sbox {float:left; width: 290px; height:220px; background: #fff; margin: 0 0 10px 0; border:1px solid #dfdfdf;}
.sboxed {display:none;}	
.sbutton {margin: 0 0 0 10px;}
.sbutton:hover {margin: 0 0 0 10px;}
.sbutton:active {margin: 0 0 0 10px;}

.map {display:none;}
h1 {font: 18px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin:0; padding:18px 0 0 0; color: #fff; 

text-shadow:1px 1px 1px #3e7206;}

object {display:none;}

#comments {width: 292px; padding:0; margin: 0;}
#comments .tabs { width: 277px;}
#commentform {width: 292px;margin: 0 0 20px 0;}
#author2, #email, #url {width:292px;}
#comment {min-width: 292px; max-width: 292px; width:292px;}

.post-single {width: 292px; margin: 0 0 10px 0;}
.post {width: 292px; margin: 0 0 20px 0; border-bottom: 1px solid #dfdfdf;}

.post-head {width:222px;}
.featured {display:none;}
.author-box {display:none;}

.wpcf7-text, .wpcf7 textarea, select input {width: 292px;}
.wpcf7-select {width: 292px!important;}

.button {margin: 10px 0 0 45px;}
.button:hover {margin: 10px 0 0 45px;}
.button:active {margin: 10px 0 0 45px;}

#author-bio-box {width: 282px!important; margin: 10px 0 10px 0px;}
.bio-socials {border:0!important;}

iframe {width: 292px!important;}
.youtube {width: 292px!important; height: 219px!important;}

	
.text {display:block; float:left!important; width: 260px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important; background: #fff;}
.texts {float:left!important; width: 260px; padding: 10px; text-align:center; border:1px solid #ccc; margin: 10px auto!important;  background: #fff;}

.text {max-width: 260px!important; width:260px!important;}

.tree, .ground {background: none!important; overflow:hidden; margin:0 auto!important; padding:0!important;}
.photo, #treebot, .hills, .cloud, .treetop , .column h1 {display:none; overflow:hidden; margin:0 auto!important; padding:0!important;}
.section img {display:none;}

.sectionone {margin:-10px 0 0 0!important;}
.sectiontwo {margin:-10px 0 0 0!important;}
.sectionthree {margin:-10px 0 0 0!important;}
.sectionfour {margin:-10px 0 0 0!important;}
.sectionfive {margin:-10px 0 0 0!important;}
.sectionsix {margin:-10px 0 0 0!important;}
.sectionseven {margin:25px 0 0 0!important;}

.sectioneight {margin:-118px 0 0 0!important;}
.sectionnine {float:none; margin:0 auto;}
#treebottom {margin:-10px 0 0 0!important;}


.wrap {margin-bottom: 40px;}

.button {margin: 10px auto; top: 10px;}
.button:hover {margin: 10px auto; top: 10px;}

.hills, .treetop, .cloud, .illustration, singlefrog, .photo {height:0!important; width:0!important; margin:0 auto!important; padding:0!important;}
.content {padding:0!important;height:auto;min-height:500px; width:292px;}
}

img.logoimg{
	width: 220px;
}