.carousel-container {
	margin:0 auto;
	width: 100vw;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
}

.carousel-items,.carousel-items2 {
	display: flex;
	transition: transform 0.3s ease-in-out;
	white-space: nowrap;
}

.carousel-item, .carousel-item2 {
	flex: 0 0 auto;
	width: 17vw;/* containerWidth - ( margin x 2 x adet ) = itemGenişliği 4lü=20.5*/
	margin: 1.4vw;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background-size:100%;
	overflow:hidden;
	color:#1b78b9;
	cursor:pointer;
	-moz-border-radius: 1vw;-webkit-border-radius: 1vw;-khtml-border-radius: 1vw;border-radius:1vw;
	overflow:hidden;
	background-color:#fff;
}


.star {
    font-size: 1.6vw;
    width: 1vw;
    display: inline-block;
    color: lightgray;
}
.star:last-child {margin-right: 0;}
.star:before {content:'\2605';}
.star.on {color: #ffc107;}
.star.half:after {
    content:'\2605';
    color: #ffc107;
    position: absolute;
    margin-left: -1.3vw;
    width: .65vw;
    overflow: hidden;
}

/*
3.5 yıldız
<div class='stars'>
	<span class='star on'></span>
	<span class='star on'></span>
	<span class='star on'></span>
	<span class='star half'></span>
	<span class='star'></span>
</div>
*/

.carousel-img img {
	width:100%;
}
.carousel-img {
	width:100%;
}

.carousel-txt{margin:.5vw;font-size:1.3vw;}

.caroKargo{
	text-align:center;
	opacity:.75;
}
.caroKargo img{
	width:2vw;
	vertical-align:middle;
}

.carousel-baslik{
	color:#444;
	font-weight:400;
	text-align:center;
	word-wrap: normal;
	white-space: normal; 
	font-size:1vw;
	height:3vw;
}
.carousel-fiyat{
	color:var(--r);
	font-weight:700;
	text-align:center;
	word-wrap: normal;
	white-space: normal; 
	font-size:1.2vw;
	height:3vw;
}
.caro-prev-btn,
.caro-next-btn {
	position: absolute;
	display:block;
	margin-top:-17vw;
	width:3vw;
	height:3vw;
	padding: 0vw;
	font-size: 2vw;
	background-color: var(--r);
	color:#fff;
	border: none;
	cursor: pointer;
	z-index: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:1vw;
	opacity:.5;
}

.caro-prev-btn {
	left: 0px;
}

.caro-next-btn {
	right: .7vw;
}



	  
/* Mobil Responsive */
@media screen and (max-width: 600px) {
	.carousel-container {width:100vw;}
	.carousel-item, .carousel-item2 {width:45vw;margin:2.5vw;}
	.carousel-baslik{font-size:3vw;height:8vw;line-height:1;}
	.caro-prev-btn,.caro-next-btn {display:none}
	.star {font-size: 4.8vw;width: 3vw;}
	.star.half:after {margin-left: -3.9vw;width: 1.95vw;}
	.carousel-fiyat{font-size:3vw;}
}