/***** TABLET LANDSCAPE (1024px) ******/
@media only screen and (max-width:1025px) and (min-width:1000px) {
#viewport {width: 1024px; overflow: hidden; margin: auto}
#header {width: 1024px; background-color: rgba(0,0,0,0.3)}
#headerbg {height: 466px}
.nav a:hover {background: none; color: #fff}
textarea,input {-webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.button {-webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
}


/***** TABLET PORTRAIT (768px) ******/
@media only screen and (max-width:999px) and (min-width:768px) {		
#viewport {width: 768px; overflow: hidden; margin: auto}
body {-webkit-text-size-adjust: none; padding: 0}
#header {width: 768px; background-color: rgba(0,0,0,0.3)}
#headerbg {height: 400px}
.headercontent {width:768px}
.nav a {font-size: 19px}
.nav a:hover {background: none; color: #fff}
.tagline {font-size: 31px; line-height: 41px; letter-spacing: -2px;}
.wrapper {width: 740px; padding: 0}
#left,.contactform {width: 420px}
.details img {width: 740px}
#left {margin-right: 20px}
.buckets li {width: 233px; margin-right: 20px}
.buckets img {width: 233px; height: auto}
textarea,input {width: 333px; -webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.button {-webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.callme {width: 284px}
.page-gallery .ngg-gallery-thumbnail {width: 226px}
.page-gallery .ngg-gallery-thumbnail img {width: 226px; height: auto}
}


/***** MOBILE LANDSCAPE (480px) ******/
@media only screen and (max-width: 767px) and (min-width: 480px)  {	
#viewport {width: 480px; overflow: hidden; margin: auto}
body {-webkit-text-size-adjust: none; padding: 0; font-size: 16px; line-height: 28px}
.main h1 {font-size: 40px}
#header {width: 480px; background-color: rgba(0,0,0,0.3); padding: 15px 0}
#headerbg {height: 230px}
.headercontent {width:480px}
.nav a {font-size: 15px}
.nav a:hover {background: none; color: #fff}
.tagline {display: none}
.wrapper {width: 420px; padding: 0}
#left,.contactform {width: 420px; margin-right: 0}
.details {display: none}
#left {margin-right: 0}
.buckets li {width: 420px; margin-right: 0px; text-align: center; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px dotted #bbb;}
.buckets li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0}
textarea,input {width: 333px; -webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.button {-webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.callme {width: 420px; margin-top: 0}
.smoking {width: 420px}
.footernav {margin-bottom: 20px}
#right {width: 420px}
.ngg-gallery-thumbnail-box {margin-right: 0}
.ngg-gallery-thumbnail-box {width: 200px; margin-right: 20px !important}
.ngg-gallery-thumbnail-box:nth-child(2n+2) {margin-right: 0 !important}
.ngg-gallery-thumbnail-box img {width: 200px; height: auto}
}


/***** MOBILE PORTRAIT (320px) ******/
@media only screen and (max-width:479px) {
#viewport {width: 320px; overflow: hidden; margin: auto}
body {-webkit-text-size-adjust: none; padding: 0; font-size: 16px; line-height: 28px}
.main h1 {font-size: 40px}
h2 {line-height: 30px}
#header {width: 320px; background-color: rgba(0,0,0,0.3); padding: 15px 0}
#headerbg {height: 270px}
.headercontent {width:320px}
.nav a {font-size: 16px; padding: 3px 20px}
.nav a:hover {background: none; color: #fff}
.tagline {display: none}
.wrapper {width: 300px; padding: 0}
#left,.contactform {width: 300px; margin-right: 0}
.details {display: none}
.buckets li {width: 300px; margin-right: 0px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px dotted #bbb;}
.buckets li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0}
textarea,input {width: 213px; -webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.button {-webkit-appearance: none; border: 1px solid #ddd; border-radius: 0}
.callme {width: 300px; margin-top: 0}
.smoking {width: 300px}
.footernav {margin-bottom: 20px}
.page-gallery .ngg-gallery-thumbnail-box {width: 145px; margin-right: 10px}
.page-gallery .ngg-gallery-thumbnail-box img {width: 145px; height: auto}
.page-gallery .ngg-gallery-thumbnail-box:nth-child(2n+2) {margin-right: 0 !important}
.dataTables_wrapper {width: 320px !important; margin-left: -10px}
}