/* responsive layout begins here */
#menu-link {
position: absolute; top: 147px; left: 80px;
color: /*rgb(63, 145, 11)*/ #3f910b;
text-decoration: none;
padding: 4px 7px 4px 39px;
display: none;
z-index:20;
font-family: "AllerRegular";
font-size: 21px;
background: url("http://www.greenthoughtsgardening.com.au/images/icons/menu-24.gif") no-repeat scroll 8px center #ffffff;
}

@media (max-width:1024px){
#fancybox-title table {table-layout: fixed;}
#fancybox-title td {word-wrap: break-word; white-space: normal !important; line-height: 1.5em; background: black none; border: 2px solid white !important; padding: 7px;}
#fancybox-title td#fancybox-title-float-left, #fancybox-title td#fancybox-title-float-right {display: none;}
body {background-size: 228%;}
#wrap {width:840px;}
#head, #middle, body#home #content, body#home #content #boxlinks, #footer-inner, #gallery, body#inner #heading, #gallery #slides, #gallery #slides div, #gallery #slides div .glass, body#inner #heading .glass {width: 100%;}
#gallery #slides div img {width: 100%;}
body#home blockquote, body#inner blockquote {width: 65%;}
body#inner #content {width: 60%;}
#side {width: 33%; padding: 0 0 5% 2%;}
 #inner #side {width: 35%; padding: 15px 0 5% 1%;}
body#inner #side a#sidelinkone, body#inner #side a#sidelinktwo, body#inner #side a#sidelinkthree, body#inner #side a#sidelinkfour {width: 80%; padding: 15px 0 0px 56px;}
body#inner #side a#sidelinkfour {padding: 15px 0 0 0; height: 165px; background-size: 100% 200%; width: 99%;}
body#inner #side a#sidelinkfour img {margin: 0 14% 10px; width: 76%;}
body#inner #side a#sidelinkfour:hover {background-position: 0 -180px;}
body#home #content a#serviceslink, body#home #content a#gallerylink, body#home #content a#testimonieslink {width: 31%; padding-left: 1%; margin-right: 1%;}
#home #head, #inner #head {margin: 0 -5px 0 -56px; padding: 0 2px 0 70px; background-size: 98%; height: 262px;}
#head #navigation ,#inner #navigation {top: 208px; width: 820px; left: 50px;}
body#home #middle,body#inner #middle {padding-top: 0;}
#head .blurb, #head .phone {font-size: 30px;}
#head .blurb {font-size: 18px; margin-top: -3px;}
#head #contact {top: 85px; right: 120px;}
#head .logo a img, #head .logo a {width: 90%;}
#navigation ul, #navigation li {font-size:96%;}
#content h1, #content h2, #content h3, #content h4 {font-size: /*32*/24px;}
body#home blockquote p {font: 20px/1.5em 'AllerRegular';}
#side h2.title {font-size: 24px !important;}
body#inner blockquote p, body#home blockquote ul {font: 20px 'AllerRegular';}
.gallery .img {width: 47%; min-height: 170px;}
.wrapper .gallery .img {width: auto; min-height: 0;}
.gallery .img a.thumb img, #inner #content img {width:100%;}
#gallery {height: 330px;}
#content .gallery .img p {padding: 0;}
body#inner #content blockquote {width: 95%;}
div.col2 .col {width: 40%;}
}

@media (max-width:896px){
body {background-size: 230%;}
#wrap {width:720px;}
#home #head, #inner #head {margin: 0 -5px 0 -48px; padding: 0 5px 0 60px; background-size: 98%; height: 225px;}
#head #navigation {top: 175px; width: 692px; left: 40px;}
#head #navigation a {padding: 0 10px;}
#navigation ul, #navigation li {font-size: 92%;}
#gallery {height: 290px;}
body#inner #content {width: 91%;}
body#inner #middle {position: relative;}
#home ul.greentick li {background-size: 24px; padding-left: 40px;}
.copyright {/* position: absolute; */ bottom: 0; left: 40px;}
body#home blockquote, body#inner blockquote {width: 63%;}
#side {width: 34%; padding: 0 2% 5% 1%;}
#inner #side {display: none;}
#head #contact {top: 70px; right: 90px;}
#head .blurb, #head .phone {font-size: 28px;}
#head .blurb {font-size: 16px; margin-top: -1px;}
#head .logo {top: 37px; left: 110px;}
#head .logo a img, #head .logo a {width: 85%;}
#content h1, #content h2, #content h3, #content h4 {font-size: /*32*/22px;}
body#home blockquote p {font: 18px/1.5em 'AllerRegular';}
#side h2.title {font-size: 22px !important;}
body#inner blockquote p, body#home blockquote ul {font: 18px 'AllerRegular';}
#side p {font-size: 18px;}
}

@media (max-width:769px){
 #wrap {width:640px;}
#home #head, #inner #head {margin: 0 -5px 0 -42px; padding: 0 5px 0 48px; background-size: 98%; height: 200px;}
#head #navigation {top: 153px; width: 620px; left: 35px;}
#navigation ul, #navigation li {font-size: 90%;}
#head #navigation a {padding: 0 7px;}
#gallery #slides, #gallery #slides div {height: /*420*/235px;}
#gallery {height: 260px;}
#head #contact {top: 65px; right: 85px;}
#head .blurb, #head .phone {font-size: 26px;}
#head .blurb {font-size: 14px; margin-top: -4px;}
#head .logo {top: 35px; left: 100px;}
#head .logo a img, #head .logo a {width: 80%;}
#content h1, #content h2, #content h3, #content h4 {font-size: /*32*/20px;}
body#home blockquote p {font: 16px/1.5em 'AllerRegular';}
#side h2.title {font-size: 20px !important;}
body#inner blockquote p, body#home blockquote ul {font: 16px 'AllerRegular';}
#side p {font-size: 16px;}
body#home #content a#serviceslink, body#home #content a#gallerylink, body#home #content a#testimonieslink {font-size: 18px;}
}

@media (max-width:680px){
body {background-size: 250%; background: url(http://www.greenthoughtsgardening.com.au/images/middle-bg.jpg) no-repeat;}
#wrap{width:540px;}
#home #head, #inner #head {margin: 0 -5px 0 -80px; padding: 0 5px 0 75px; background-size: 100%; height: 181px;}
#menu-link {display:block;}
#head #navigation {top: 160px; width: 525px; left: 65px; z-index: 10; height:0; overflow: hidden;}
#head #navigation ul {background: rgba(249, 255, 255, 0.9); padding: 5px 5px 10px 21px;}
#head #navigation ul li {float: none; width: 100%; padding: 9px 10px; font-size: 21px;}
.gallery .img {width: 60%; min-height: 230px; float: none !important; margin: 0 auto !important;}
#head #navigation a.active {font-family: AllerRegular;}
#content .gallery .img p {padding: 0 0 25px;}
.wrapper .gallery .img {float: left !important; margin: 0 2px 2px 0 !important;}
#gallery {height: 220px;}
body#home blockquote, body#inner blockquote {width: 100%; margin-bottom: 20px;}
#side {width: 90%; padding: 0px 5% 15px;}
body#home #content a#serviceslink, body#home #content a#gallerylink, body#home #content a#testimonieslink {font-size: 16px;}
#head .logo {top: 32px; left: 100px;}
#head .logo a img, #head .logo a {width: 75%;}
#head #contact {top: 55px; right: 55px;}
#head .blurb, #head .phone {font-size: 24px;}
#head .blurb {font-size: 13px; margin-top: -1px;}
}

@media (max-width:560px){
#wrap{width:440px;}
#home #head, #inner #head {margin: 0 -5px 0 -67px; padding: 0 5px 0 75px; background-size: 112%; height: 172px; background-position: -66px 0px;}
#head .logo {top: 30px; left: 60px;}
#head .logo a img, #head .logo a {width: 70%;}
#head .blurb {margin-top: -4px;}
#menu-link {left: 69px; top: 138px;}
#head #navigation {top: 152px; width: 430px; left: 50px;}
#head #navigation ul {padding-left: 25px;}
#gallery {height: 180px;}
.gallery .img {width: 70%;}
body#home #content a#serviceslink, body#home #content a#gallerylink, body#home #content a#testimonieslink {width: 70%; padding-left: 3%; margin: 4px 15%;}
#side {width: 70%; padding: 0px 5% 15px; margin: 0 10%;}
div.col3 .col {width: 24%;}
}

@media (max-width:483px){
body#inner #content {margin-left: 15px;}
#wrap{width:90%;}
#home #head, #inner #head {background: url(http://www.greenthoughtsgardening.com.au/images/mobile-background.jpg) top left no-repeat; background-size: 105%; height: 156px;}
#menu-link {top: 122px;}
#head #navigation {top: 136px; width: 82%;}
#head #navigation ul li {padding: 6px 10px;}
#head .logo {left: 16%; top: 18px;}
#head .logo a img, #head .logo a {width: 65%;}
/*#head #contact {top: 55px; right:0; background: url(http://www.greenthoughtsgardening.com.au/images/phone.jpg) top left no-repeat; background-size: 103%; padding: 7px 49px 7px 5px;}*/
#head #contact {top: 29px; right: -39px; padding: 7px 49px 7px 5px;}
#head #contact .blurb {color: #3f910b; font-size: 15px; margin-top: 0;}
#gallery {height: 170px;}
.gallery .img {width: 80%;}
table.formbuilderform {width: 90%;}
#contact-form input,#contact-form .cms_dropdown,textarea, #contact-form input {width: 92%;}
div.col2 .col, div.col3 .col {width: 90%; padding-bottom: 0 !important;}
#fancybox-title {left: 0px !important;}
#home ul.greentick {margin-left: 30px;}
}

@media (max-width:400px){
#gallery {height: 135px;}
}

@media (max-width:370px){
#head .logo {top: 17px; left: 18%;}
#head .logo a img, #head .logo a {width: 58%;}
#head #contact {top: 9px;}
#head #contact .blurb {width: 100px; float: right;}
#head #contact .phone {font-size: 20px;}
#gallery {height: 120px;}
#home ul.greentick {margin-left: 0;}
.gallery .img {min-height: 200px;}
}

@media (max-width:300px){
#head .logo {top: 17px; left: 20%;}
#head .logo a img, #head .logo a {width: 55%;}
#head #contact {top: 6px;}
#head #contact .phone {font-size: 15px;}
}
/* Stylesheet: responsive Modified On 2015-05-13 15:27:32 */