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

	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;
	}

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

}



/*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; }

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}


/*Mobile Layout: Landscape Container width:480px

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


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

	.epic-wrapper {
		height: 100vh;
		width: 100vw;
	}


	.epicSlider.slider-wrapper {
		height: 100vh;
	}

	.epicSlider #slides img {
		min-width: 100%;
		max-width: none;
		height: 100vh;
	}

	/*nav*/

	.no-touch .epicSlider:hover #epic-navigation { bottom: 50px; }

	.epicSlider #epic-navigation {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.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: 0;
		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
	-----------------------------*/

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}


/*Mobile Layout: Portrait Container width:414px

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

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

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}

/*Mobile Layout: Portrait Container width:375px

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

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

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}


/*Mobile Layout: Portrait Container width:320px

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

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

	.epicSlider #slides img {
		position: absolute;
		top: 50%;
		left: 0;
		max-width: 100vw;
		min-height: auto;
		height: auto;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}


}