@charset "utf-8";
/* CSS Document */

#sliderCat {
	width: 100%;
	height: auto;
	margin: 0 0 -285px 0;
	top: -200px;
	z-index: 0;
		
	overflow: hidden;
	position: relative;
}

#sliderCat .overlay_screen {
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	z-index: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

#sliderCat .overlay_content_slide {
	position: absolute;
	bottom: 0;
	padding: 15px 0 0 0;
	height: 115px;
	background-color: rgba(255,102,0,0.9);
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;			
	width: 100%;	
}

/*START - DEVICE DEPENDANT CSS*/
@media (max-width: 767px) {
	/*CONTENT applying col-xs VIEWS*/

	#sliderCat .cat-title-div {
	    font-size: 18px;
	}
	
	#sliderCat {
		margin: 0;
		height: auto;
		top: 0;
	}
	
	#sliderCat .overlay_content_slide {
		background: none;
		height: 55px;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto  !important;
		bottom: auto  !important;
		position: relative !important;		
	}
	
	#sliderCat .overlay_screen {
		width: 100%;
		height: auto;
		position: relative !important;
	}
	
	#sliderCat .overlay_screen img {
		width: 100%;
		height: auto;
	}
}
		
@media (min-width: 768px) and (max-width: 991px) {
	/*CONTENT applying col-sm VIEWS*/
	

	#sliderCat {
		width: 100%;
		height: 550px;
		margin: 0 0 -215px 0;
		top: -125px;
		z-index: 0;
		height: 600px;
	}
	
	#sliderCat .overlay_screen {
		width: 100%;
		height: 600px;
	}
	
	#sliderCat .overlay_content_slide {
		height: 85px;
	}
	
	#sliderCat .overlay_screen img {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	/*CONTENT applying col-sm VIEWS*/
	#sliderCat {
		height: 750px;
	}
	
	#sliderCat .overlay_screen {
		width: 100%;
		height: 750px;
	}
	
	#sliderCat .overlay_content_slide {
		height: 85px;
	}			
	
	#sliderCat .overlay_screen img {
		width: auto;
		height: 100%;
	}	
	
}

@media (min-width: 1200px) and (max-width: 1499px) {
	/*CONTENT applying col-lg VIEWS*/
	#sliderCat {
		width: 100%;
		z-index: 0;
		height: 700px;
	}
	
	#sliderCat .overlay_screen {
		width: 100%;
		height: 750px;
	}
	
	#sliderCat .overlay_content_slide {
		height: 85px;
	}		
	
	#sliderCat .overlay_screen img {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 1500px) {
	#sliderCat {
		width: 100%;
		height: 850px;
	}
	
	#sliderCat .overlay_content_slide {
		height: 85px;
		width: 1500px;
	}
	
	#sliderCat .overlay_screen {
		width: 1500px;
		height: 900px;
	}

}