@media screen and (max-width: 960px) {

header  {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:0 10px 0 0;}
nav {float:right; font: 16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin: 20px 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-width:758px; min-height:150px; max-height: 320px; background: url('images/foot.jpg'); padding:0;}
.bottominner {width: 758px; margin: 5px auto; color: #fff;}

.col1 {float:left; width: 235px; margin: 10px 15px 15px 0; text-shadow:1px 1px 1px #000;}
.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: 240px; margin: 0 10px 10px 0; border:1px solid #dfdfdf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 300px;}
.boximg {padding:0; margin:10px 0 0 10px; border:1px solid #eee;width: 220px;}	
.box img {border:0;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;}



}


@media screen and (max-width: 758px) {
	
header {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:0 10px 0 0;}
nav {float:left; font: 16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin: 20px 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;}

.box {float:left; width: 250px; margin: 0 5px 5px 0; border:1px solid #dfdfdf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 290px;}
.boximg {padding:0; margin:10px 0 0 10px; border:1px solid #eee;width: 230px;}	
.box img {border:0;width: 230px;}

.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;}

}



@media screen and (max-width: 524px) {
	
header{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:0 0 0 15px;}
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 10px; 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;}
.box {float:left; width: 292px; margin: 0 3px 14px 0; border:1px solid #dfdfdf; -moz-border-radius: 5px; -webkit-border-

radius: 5px; border-radius: 5px; height: 310px;}

.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: none;}
#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;}
}
