@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
 html, html.no-js, body{
        width:auto !important;
        height:auto !important;
        overflow-x:hidden !important;
      }
#wrapper {
		position: relative;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* this media query will influence the main layout in a typical browser window */
 html, html.no-js, body{
        width:auto !important;
        height:auto !important;
        overflow-x:hidden !important;
      }
#wrapper {
		position: relative;
	}
} 
/* lo-res laptop */
@media only screen and (min-width: 480px) and (max-width: 1020px) {
 html, html.no-js, body{
        width:auto !important;
        height:auto !important;
        overflow-x:hidden !important;
      }
#wrapper {
		position: relative;
}
ul.nav {
  margin-right:10px;
}
a.left {
  background: url("/static/img/slideshow/main/left-arrow.png") no-repeat scroll right top transparent;
  border-right: 1px solid #E5E5E5;
  left: -980px;
  margin-left: 0;
  top: -2px;
}
a.right {
  background: url("/static/img/slideshow/main/right-arrow.png") no-repeat scroll left top transparent;
  border-left: 1px solid #E5E5E5;
  clear: right;
  margin-right: 0;
  right: -980px;
  top: -2px;
}
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 html, html.no-js, body{
        width:auto !important;
        height:auto !important;
        overflow-x:hidden !important;
      }
#wrapper {
		position: relative;
	}
}


/* Smartphones (portrait and landscape) small devices  ----------- */
@media only screen and (max-device-width: 480px){
 html, html.no-js, body{
        width:auto !important;
        height:auto !important;
        overflow-x:hidden !important;
      }
body {
		background: none !important;
}
#wrapper {
		position: relative;
	}	

}