html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:#000;
  color: #ccc;
}

body {
  -webkit-text-size-adjust:none;
  font-family:sans-serif;
}

.swipe {
  padding-bottom:0px;
}

.swipe li img {
	padding-bottom: 30px;
}

.swipe li {
	color: #666;
}

.swipe li div, .swipe div div div {
  margin:0px;
  padding:0px;
  color:#fff;
  text-align:center;
}

.caption {
	display: block;
	color: #ccc;
	position: relative;
	top: -15px;
}

a.prev,
a.next {
	float: left;
	position: absolute;
	width: 50px;
	height: 58px;
	background-image: url('../../images/arrows-triangles.png');
	z-index: 2000;
}

a.next {
	background-position: 50px 0px;
}
 
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){ 
  /* For landscape iPad layouts */

#slider3 div {
	width: 1024px;
}

a.prev {
	float: left;
	top: 250px; left: 25px;
}

a.next {
	float: right;
	top: 250px; left: 945px;
}

}


 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
  /* For portrait iPad layouts */
  
#slider3 div {
	margin-top: 20px;
	width: 768px;
} 

#slider3 div img.cover,
#slider3 div img.profile {
	width: 768px;
	height: auto;
} 


a.prev {
	float: left;
	top: 704px; left: 10px;
}

a.next {
	float: right;
	top: 704px; left: 710px;
}
  
  }
  
  
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1920px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 1.5){ 
  /* CSS for high-density Android tablets */

body {
	text-align: center;
}

a.prev {
	top: 40%;
	left: 5%;
	}
	
a.next {
	top: 40%;
	right: 5%;
}

.swipe,
.swipe ul,
.swipe ul li {
	text-align: center;
}

.swipe ul li div {
	text-align: center;
}

#slider3 div img.profile {
	width: 800px;
	margin: 0 auto;
}

span.caption {
	display: block;
}

}


 @media only screen and (min-device-width: 1025px) and (max-device-width: 1920px) and (orientation:portrait) and (-webkit-device-pixel-ratio: 1.5) { 
  /* for high-density Android tablets in portrait mode */

body {
	padding-top: 100px;
}

a.prev {
	top: 75%;
	left: 3%;
	}
	
a.next {
	top: 75%;
	right: 3%;
}
  
  }