/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-urun,
.item,
.active {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
	display:block;
	width:100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin-bottom:10px;
}
@media(max-width:991px) {  
	.fill {
		display:block;
		height: 90%;
		background-position: top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		margin-bottom:10px;
	}	
	.carousel,
	.item,
	.active {		
		height: 100%;
	}

	.carousel-inner {
		height: 100%;
	}
	
	.carousel-urun,
	.item,
	.active {
		height: 80%;
	}
	.carousel-control {
		height: 72.5%;
	}
}
@media(max-width:767px) {  
	.fill {
		display:block;
		height: 70%;
		background-position: no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		margin-bottom:10px;
	}	
		
	.carousel,
	.item,
	.active {		
		height: 100%;
	}

	.carousel-inner {
		height: 100%;
	}
	
	.carousel-urun,
	.item,
	.active {
		height: 70%;
	}
	.carousel-control {
		height: 50%;
	}
}