.slide
{	float:left;
}


.slides-container 
{	position:absolute;
	overflow:hidden;
}

.outer-container
{	width:70%;
	position:absolute;
	
	left:15%;
	overflow:hidden;
}

img
{	width:100%;
}

.left-transparent{
width:21.8%;
background-color:darkgrey;
position:absolute;
left:0px;
opacity:.75;
z-index: 1;
}

.right-transparent{
	width:21.8%;
	float:right;
	background-color:darkgrey;
opacity:.75;
}

.left-click{

width:7%;
left:5%;
position:absolute;
z-index: 2;
cursor:pointer;
cursor:hand;
}

.right-click{

width:7%;
right:5%;
position:absolute;
z-index: 2;
cursor:pointer;
cursor:hand;
}

@media only screen and (max-width:1020px) 

{

.slides-container 
{	position:absolute;
	overflow:hidden;

}



.outer-container
{	width:100%;
	left:0%;
	overflow:hidden;
}

img
{	width:100%;
}

.left-transparent{
display:none;
}

.right-transparent{
display:none;
}

.left-click{

width:10%;
left:.5%;

}

.right-click{

width:10%;
right:.5%;
}
}