﻿#full-screen-slider {
	width: 100%;
	height: 690px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}
#slides {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
}
#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	background-image: url(../images/banner1.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#slides li a { 
display:block; 
width:100%; 
height:100%; 
text-indent:-9999px
}

#pagination {
	display: none;
	list-style: none;
	position: absolute;
	z-index: 9900;
	padding: 5px 15px 5px 0;
	margin: 0;
	left: 25%;
	bottom: 30px;
}
#pagination li {
	display: block;
	list-style: none;
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 15px;
	background-color: #717171;
}
#pagination li a { 
display:block; 
width:100%; 
height:100%; 
padding:0; 
margin:0;  
text-indent:-9999px;}
#pagination li.current {
	background-color: #D80000;
}
@media (max-width: 800px) { 
#full-screen-slider {
	width: 100%;
	height: 400px;
	float: left;
	position: static;
	top: 0px;
	left: 0px;
	right: 0px;
}
#slides {
	display: block;
	width: 100%;
	height: 400px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
}
#slides li {
	display: block;
	width: 100%;
	height: 400px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	background-image: url(../images/banner1.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#slides li a { 
display:block; 
width:100%; 
height:400px; 
text-indent:-9999px
}
}
