.flexslider {
	border: none;
	background:none;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; 
}
.flexslider ul,
.flexslider ol {
	margin:0 !important;
}
.flexslider li {
	margin-left:0 !important;
}
.flexslider .slides {
}
.flex-control-thumbs li {
	width:23%;
	padding-right:2%;
	margin-top:5px !important;
	margin-top:0.5rem !important;
}
.view-home-page-slideshow .flexslider {
	border: none;
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none;
}
.flex-direction-nav {
	display:none;
}
.flex-direction-nav a {
	height:50px;
	height:5rem;
}

.slideshow h2 {
	font-size:20px;
	font-size:2rem;
	padding:10px 0 0 0;
	padding:1rem 0 0 0;
	color:#fcd002;
	text-align:left;
	margin:0;
	line-height:24px;
	line-height:2.4rem;
}
.slideshow p {
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	padding:0 0 10px 0;
	padding:0 0 1rem 0;
	line-height:17px;
	line-height:1.7rem;
}
.flex-control-nav {
	bottom: 15px;
	bottom: 1.5rem;
	position: absolute;
	text-align: left;
	width: 100%;
	z-index: 500;
	visibility:hidden;
}
.slideshow .views-field-field-slide-text {
	padding: 0 2%;
}



/* --------------- Responsive Adjustments ---------------- */
/* Note, the CSS outside these Media Queries is used for all devices incl. mobiles */

@media only screen and (min-width: 320px) {
	/* Mobile & Small screen, non-retina */

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)	  and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)	  and (min-width: 320px),
only screen and (	 -o-min-device-pixel-ratio: 2/1)	and (min-width: 320px),
only screen and (		min-device-pixel-ratio: 2)	  and (min-width: 320px),
only screen and (				min-resolution: 192dpi) and (min-width: 320px),
only screen and (				min-resolution: 2dppx)  and (min-width: 320px) { 
	/* Mobile & Small screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 700px) {
	/* Tablet & Medium screen, non-retina */

	.slideshow h2 {
		font-size:20px;
		font-size:2rem;
		padding:20px 0 10px 0;
		color:#fcd002;
		text-align:left;
		margin:0;
		line-height:24px;
		line-height:2.4rem;
	}
	.slideshow p {
		font-size:14px;
		font-size:1.4rem;
		color:#fff;
		padding:0;
		line-height:17px;
		line-height:1.7rem;
	}
	.slideshow .views-field-field-slide-text {
		float:left;
		position:absolute;
		width:33%;
		background:url(../images/slideshow-text-background-tablet.png) right repeat-y;
		padding:0 16% 0 0;
		z-index:500;
		height:100%;
	}
	.slideshow .views-field-field-slideshow-image {
		float:right;
		position:relative;
		width:70%;
	}
	.flex-control-nav {
		visibility:visible;
	}


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)	  and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)	  and (min-width: 700px),
only screen and (	 -o-min-device-pixel-ratio: 2/1)	and (min-width: 700px),
only screen and (		min-device-pixel-ratio: 2)	  and (min-width: 700px),
only screen and (				min-resolution: 192dpi) and (min-width: 700px),
only screen and (				min-resolution: 2dppx)  and (min-width: 700px) { 
	/* Tablet & Medium screen, retina, stuff to override above media query */

}

@media only screen and (min-width: 1024px) {
	/* Desktop & Large screen, non-retina */

	.slideshow h2 {
		font-size:28px;
		font-size:2.8rem;
		padding:40px 0 10px 0;
		line-height:34px;
		line-height:3.4rem;
	}
	.slideshow p {
		font-size:22px;
		font-size:2.2rem;
		line-height:28px;
		line-height:2.8rem;
	}
	.flex-control-nav {
		bottom: 30px;
		text-align: left;
	}
	.slideshow .views-field-field-slide-text {
		background:url(../images/slideshow-text-background.png) right repeat-y;
	}



@media
only screen and (-webkit-min-device-pixel-ratio: 2)	  and (min-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2)	  and (min-width: 1024px),
only screen and (	 -o-min-device-pixel-ratio: 2/1)	and (min-width: 1024px),
only screen and (		min-device-pixel-ratio: 2)	  and (min-width: 1024px),
only screen and (				min-resolution: 192dpi) and (min-width: 1024px),
only screen and (				min-resolution: 2dppx)  and (min-width: 1024px) { 
	/* Desktop & Large screen, retina, stuff to override above media query */

}