/* CSS Document */


.item>img{ width: 100vw;
height: 100vh;
min-height:798px;
 }
 
@media only screen and (max-width: 1366px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:800px;
 }
	}

@media only screen and (max-width: 1280px){
	
 .item>img{ 
 	width: 100vw;
	height: 100vh;
	min-height:980px;
	position:relative;
	top:-145px;
 } 
	}
	
@media only screen and (max-width: 1024px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:715px;
position: relative;
top:0;
 }
	}
	
@media only screen and (max-width: 980px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:650px;
 }
	}
	
@media only screen and (max-width: 801px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:580px;
 }
	}
		
@media only screen and (max-width: 768px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:570px;
 }		
	}
	
@media (max-width: 640px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:450px;
 }		
	}	
	
@media only screen and (max-width: 480px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:320px;
 }	
	}	
		
@media (max-width:360px){	
	.item>img{ width: 100vw;
height: 100vh;
min-height:360px;
 }	
}	

@media (max-width:320px){
	.item>img{ width: 100vw;
height: 100vh;
min-height:290px;
 }	
}	
/*fade*/	
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity ;
  -moz-transition-property: opacity ;
  -o-transition-property: opacity ;
  transition-property: opacity ;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}