/***** TABLET LANDSCAPE (1024px) ******/
@media only screen and (max-width:1025px) and (min-width:1000px) {
#viewport {width: 1024px; overflow: hidden; margin: auto}	
.contactform input {-webkit-appearance: none; border-radius: 0}
.contactform textarea {-webkit-appearance: none; border-radius: 0}
.contactform .button {-webkit-appearance: none; 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}
img {max-width: 740px}
#wrapper {width: 768px}
#main {width: 740px; padding: 0 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}

.stepcarousel {width: 740px; height: 315px}
.slidertext {margin: 215px 0 0 20px}
#mygallery-paginate {width: 740px}
#carouselnav {margin: 20px 0 0 642px}
.buckets li {width: 233px; margin-right: 20px}
.buckets img {width: 233px; height: auto}
.buckets li .description {width: 213px}
.buckets h4 {width: 213px}

#left {width: 420px}
#left img {max-width: 420px; height: auto}
.nav {font-size: 18px; line-height: 66px}
.nav li {margin-right: 25px}
.logo {width: 100px; height: 66px; background-size: 100%}
.header {height: 66px}
h1 {line-height: 42px}
.footer {width: 700px}

.grid {width: 740px}
.grid .grid-item:nth-child(3n+3) {margin-right: 30px}
.contactform input {width: 388px; -webkit-appearance: none; border-radius: 0}
.contactform textarea {width: 388px; -webkit-appearance: none; border-radius: 0}
.contactform .button {margin-left: 0; -webkit-appearance: none; border-radius: 0}
}




/***** MOBILE LANDSCAPE (480px) ******/
@media only screen and (max-width: 767px) and (min-width: 480px)  {	
#viewport {width: 480px; overflow: hidden; margin: auto; background: #fff}
body {-webkit-text-size-adjust: none; padding: 0}
img{max-width: 420px}
#wrapper {width: 480px; margin: 0 auto 0 auto}
#main {width: 420px; padding: 0 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 auto 0 auto}
.mobile {display: block}

.stepcarousel {width: 420px; height: 232px; background: #fff}
.panel h2 {height: 60px; background: #fff; color: #000; width: 420px}
.slidertext {margin: 0; margin-top: 179px; width: 420px; background: #fff; padding: 0; text-align: center}
#mygallery-paginate {width: 420px}
#carouselnav {display: none}
.buckets li {width: 200px; margin-right: 20px}
.buckets img {width: 200px; height: auto}
.buckets li:nth-child(2n+2) {margin-right: 0}
.buckets li .description {width: 180px}
.buckets h4 {width: 180px}
.buckets li:last-child {width: 420px; margin-top: 20px}
.buckets li:last-child .description {width: 200px; height: 113px}
.buckets .services li:last-child {width: 200px !important} 
.contactimg img {width: 420px; height: auto; margin-bottom: 10px}

#left {width: 420px; margin-right: 0; margin-bottom: 20px}
#left img {max-width: 420px; height: auto}
h1 {line-height: 42px}
.footer {width: 380px}
#menu {width: 420px; display: none}
.box-shadow-menu {margin-left: 250px}
.nav {float: left; font-family: 'Vag'; line-height: 25px; letter-spacing: 1px; width: 400px; padding: 0 10px; background: #ff7037; position: absolute; z-index: 999; margin-top:  -3px}
.nav a {color: #fff; display: block; width: 400px; height: 50px; line-height: 50px}
.nav a:hover {color: #000}
.nav li {float: left; margin-right: 0px; width: 400px; border-bottom: 1px dotted #fff}
.nav li:last-child {border-bottom: none}
.logo {width: 75px; height: 50px; background-size: 100%}
.header {height: 50px; line-height: 50px}

#sidebar {width: 420px}
.ngg-gallery-thumbnail {margin-right: 10px !important}
.ngg-gallery-thumbnail img {width: 133px; height: auto}
.ngg-gallery-thumbnail-box:nth-child(2n+2) .ngg-gallery-thumbnail {margin-right: 10px !important}
.ngg-gallery-thumbnail-box:nth-child(3n+3) .ngg-gallery-thumbnail {margin-right: 0px !important}

.grid {width: 420px}
.grid .grid-item:nth-child(3n+3) {margin-right: 30px}
.grid-item {margin-right: 20px; margin-bottom: 20px; width: 200px}
.grid-item img {width: 200px; height: auto}
.grid-frame {height: 225px}
.grid .grid-item:nth-child(3n+3) {margin-right: 20px}
.grid .grid-item:nth-child(2n+2) {margin-right: 0}
.grid-frame span {display: none}
.title {width: 180px}

#attachment_6897 {float: none; margin: auto}

.page-contact #left {border-right: none; margin-right: 0; margin-bottom: 0}
.contactform input {width: 408px; -webkit-appearance: none; border-radius: 0}
.contactform textarea {width: 408px; -webkit-appearance: none; border-radius: 0}
.contactform .button {margin-left: 0; -webkit-appearance: none; border-radius: 0}

.nivo-caption {position: inherit !important; background: none !important; padding: 0 !important; color: #000 !important; margin-top: 10px}
}



/***** MOBILE PORTRAIT (320px) ******/
@media only screen and (max-width:479px) {
#viewport {width: 320px; overflow: hidden; margin: auto; background: #fff}
body {-webkit-text-size-adjust: none; padding: 0}
img{max-width: 300px; height:auto}
#wrapper {width: 320px; margin: 0 auto 0 auto}
#main {width: 300px; padding: 0 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 auto 0 auto}
.mobile {display: block}

.stepcarousel {width: 300px; height: 190px; background: #fff}
.panel h2 {height: 60px; background: #fff; color: #000; width: 300px}
.slidertext {margin: 0; margin-top: 130px; width: 300px; background: #fff; padding: 0; text-align: center}
#mygallery-paginate {width: 300px}
#carouselnav {display: none}
.buckets {margin-bottom: 10px}
.buckets li {margin-bottom: 20px; margin-right: 0}

#left {width: 300px; margin-right: 0; margin-bottom: 20px}
#left img {max-width: 300px; height: auto}
h1 {line-height: 42px}
.footer {width: 260px}
#menu {width: 300px; display: none}
.nav {float: left; font-family: 'Vag'; line-height: 25px; letter-spacing: 1px; width: 280px; padding: 0 10px; background: #ff7037; position: absolute; z-index: 999; margin-top:  -3px}
.nav a {color: #fff; display: block; width: 280px; height: 50px; line-height: 50px}
.nav a:hover {color: #000}
.nav li {float: left; margin-right: 0px; width: 280px; ; border-bottom: 1px dotted #fff}
.nav li:last-child {border-bottom: none}
.logo {width: 75px; height: 50px; background-size: 100%}
.header {height: 50px; line-height: 50px}

.grid {width: 300px}
.grid .grid-item:nth-child(3n+3) {margin-right: 0px}
.grid-item {margin-right: 0px; margin-bottom: 20px}
.grid .grid-item:nth-child(3n+3) {margin-right: 0px}
.grid-frame span {display: none}

#attachment_6897 {float: none; margin: auto}

.page-contact #left {border-right: none; margin-right: 0; margin-bottom: 0}
.contactform input {width: 288px; -webkit-appearance: none; border-radius: 0}
.contactform textarea {width: 288px; -webkit-appearance: none; border-radius: 0}
.contactform .button {margin-left: 0; -webkit-appearance: none; border-radius: 0}

.nivo-caption {position: inherit !important; background: none !important; padding: 0 !important; color: #000 !important; margin-top: 10px}
}