.category-slider {
	position: relative;
}

.slide-container{
	background-color: #ffffff !important;
	width: 1024px;
}

.slick-slide{
	margin-left: -60px;
	width: 195px;
}

.slick-center{
	margin-left: -15px;
    margin-right: 40px;
}

.cat_icon_content{
	height: 240px;
    margin-bottom: 0;
	width: 170px;
}

.cat_icon_content .icon_bg_image{
	height: 100px !important;
    width: 100px !important;
	-webkit-transition: all .1s;
    transition: all .1s;
	margin-left: auto;
    margin-right: auto;
	margin-top: 35px;
}

.cat_icon_name{
	display: none;
	font-family: "VetoCom Medium";
}

.slick-center .cat_icon_name{
	display: block;
}

.slick-center .cat_icon_content .icon_bg_image{
	height: 170px !important;
    width: 170px !important;
	margin-top: 0;
}

#prev,
#next{
	background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    height: 50px;
    width: 25px;
	position: absolute;
	top: 60px;
	z-index: 1;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

#prev{
	left: -225px;
}

#next{
	right: -214px;
}

#prev:before,
#next:before
{	
    color: black;
    font-family: "FontAwesome";
    font-size: 50px;
    line-height: 1;
    opacity: 0.75;
}

#prev:hover,
#prev:focus,
#next:hover,
#next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
#prev:hover:before,
#prev:focus:before,
#next:hover:before,
#next:focus:before
{
    opacity: 1;
	color: #0097a9;
}

#prev:before{
	content: "\f104";	
}

#next:before{
	content: "\f105";	
}

@media screen and (max-width: 1200px) {
	.slide-container{
		width: 790px;
	}
}

@media screen and (max-width: 860px) {	
	.slide-container{
		width: 540px !important;
	}
}

@media screen and (max-width: 556px) {	
	.slide-container{
		width: 300px !important;
	}
	
	.slick-slide{
		margin-left: -26px;
		margin-right: -25px;
		width: 120px;
	}

	.slick-center{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.cat_icon_content{
		height: 240px;
		width: 100px;
	}
	
	.cat_icon_content .icon_bg_image{
		height: 50px !important;
		width: 50px !important;
		margin-top: 20px;
	}

	.cat_icon_name{
		font-size: 9px !important;
		padding-top: 15px !important;
	}

	.slick-center .cat_icon_content .icon_bg_image{
		height: 95px !important;
		width: 95px !important;
		margin-top: 0px;
	}
	
	#prev::before, #next::before{
		font-size: 30px;
	}
	
	#prev, #next {
		top: 20px;
	}
	
	#prev {
		left: -119px;
	}
	
	#next {
		right: -124px;
	}
	
	.slide-container {
		height: 115px;
	}
}