/*------------------------------------------------------

	Theme Name: epicslider
	Type: Responsive framework
	Author: UDTHEMES
	Copyright:UDTHEMES
	Version:1.3

------------------------------------------------------*/


@media only screen and (min-width: 960px) and (max-width: 1199px) {

	/*epic
	-----------------------------*/
	
	.epic-caption-bordered h1 {
		font-size: 40px;
	}

}



/*Mobile Layout: Landscape Container width:768px

-----------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/*epic
	-----------------------------*/
	
	.epic-caption-bordered h1 { font-size: 35px; }
		
	.epic-caption-boxed h2,
	.epic-caption-white h2 { font-size: 25px; }

	.epic-caption-white h2 { padding: 10px 15px; }
		

}


/*Mobile Layout: Landscape Container width:480px

-----------------------------------------------*/
@media only screen and (max-width: 767px) {


	/*epic
	-----------------------------*/
	
	.epic-wrapper {
		position: relative;
		top: -50px;
		height: 280px;
	}	
	
	
	.epicSlider.slider-wrapper { 
		height: 390px; 
		top: 0;
	}
	
		/*nav*/
		
		.no-touch .epicSlider:hover #epic-navigation { bottom: 50px; }
		
		.epicSlider #epic-navigation {
			position: absolute;
			top: 40%;
			left: 0;
			width: 100%;
		}
		
			.epicSlider #epic-navigation .nav-button div   { position: absolute; }
			.epicSlider #epic-navigation .nav-button #prev { left: 20px; }
			.epicSlider #epic-navigation .nav-button #next { right: 20px; }

		/*captions*/

		#epicSlider .epic-caption {
			position: absolute;
			overflow: hidden;
			background: #000;
			background: rgba(0,0,0,0.8); 
			bottom: 100px;
			left: 0;
			padding: 20px; 
			height: auto;
			width: 100%;
			border: none;
			text-align: center;
			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}

			.epicSlider .epic-caption h2 {
				display: block;
				padding: 0;
				font-size: 16px;
				color: #fff;
				border: none;
				background: transparent;
			}

			.epicSlider .epic-caption br { display: none; }
			
			.epic #footer {
				position: relative;
				bottom: auto;
			}
			
}

/*Mobile Layout: Portrait Container width:320px

-----------------------------------------------*/

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

	/*epic
	-----------------------------*/
	
	


}