/*--------------SLIDER----------------*/


#slider {
	width: 100%;
	margin: 0 auto;
}
 @media (max-width: 1024px){#slider{
	width: 100%;
	margin: 0 auto;
	height: 345px;
	}
}
 @media (max-width: 768px){
	#slider{
	margin: 0 auto;
	width: 100%;
	height: 250px;
	}	
	.controls{display:none;}
	.pagination{display:none;}

}
 @media (max-width: 568px){
	 #slider{
	width: 100%;
	margin: 0 auto;
	height: 155px;}
	.controls{display:none;}
	.pagination{display:none;}
}
 @media (max-width: 425px){
	 #slider{
	width: 100%;
	margin: 0 auto;
	height: 140px;}
	.controls{display:none;}
	.pagination{display:none;}
}
 @media (max-width: 320px){#slider{
	width: 100%;
	margin: 0 auto;
	height: 110px;
	}
	.controls{display:none;}
	.pagination{display:none;}
}

/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -30px;
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
	background-color: #ddd;
	 border:1px solid #000;
}

.pagination li.active {
	background-color: #000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: auto;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}