.slider{
	position:relative;
	width:100%; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;
	overflow: hidden !important;
	background:transparent;
	z-index:1 !important;
	
}
.slider .fraction-slider .slide img.tkimg{
	width:100%;
	height:auto;
}



@media only screen and (min-width: 1000px){
	.slider{
		width:100%;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:100%;
	}
}

/* ELEMENT STYLES */

.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 50px;
	white-space: wrap;
	text-transform:uppercase;
	/*width:50% !important;*/
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:50px !important;
	line-height:100%;
	min-height:50px;
	
}

.small{
	
	/*width:500px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}
/* MEDIA QUERIES FROM GTRY FRAMEWORK */





// Large Mode
@media only screen and (min-width: 1200px) {
.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px !important;
	line-height:100%;
	color: #fff;
	min-height: 50px;
	white-space: wrap;
	text-transform:uppercase;
	
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:50px !important;
	line-height:100%;
	min-height:50px;
}

.small{
	/*width:500px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}
}

	/* Desktop Modes */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 50px;
	white-space: wrap;
	text-transform:uppercase;
	/*width: 50%;*/
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:50px !important;
	line-height:100%;
	min-height: 14px;
}

.small{
	
        padding-left:0; padding-right:0px;
	text-align:center;
	font-size:50px !important;
}
}


@media (min-width: 768px) and (max-width: 959px) {
.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 20px;
	white-space: wrap;
	text-transform:uppercase;
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:20px !important;
	line-height:100%;
	min-height:14px;
}

.small{
	/*width:250px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}

}

	

// Mobile Modes
@media (max-width: 767px) {
	.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 14px;
	white-space: wrap;
	text-transform:uppercase;
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	line-height:100%;
	min-height:10px;
}

.small{
	/*width:250px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}

}
	
@media only screen and (min-width: 481px) and (max-width: 767px) {

			.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 14px;
	white-space: wrap;
	text-transform:uppercase;
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px !important;
	line-height:100%;
	min-height:10px;
}

.small{
	/*width:250px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}
}
	
@media only screen and (max-width: 480px) {
			.slider p{
	position:absolute;
	top:-200px;
	z-index:8;
	padding:1% 3%;
	font-size:50px;
	line-height:100%;
	color: #fff;
	min-height: 8px;
	white-space: wrap;
	text-transform:uppercase;
}
	

.teaser{
	padding:0.5% 1.5%;
	font-size:8px !important;
	line-height:100%;
	min-height:8px;
}

.small{
	/*width:250px;*/
        padding-left:0; padding-right:0px;
	text-align:center;
}

}