
		a{
			text-decoration: none;
		}
		.slider{
			position: relative;
			height: 500px;
		}
		.slider .arkaplan{
			width: 100%;
			height: 500px;
			background: url(arka4.jpg);
			background-repeat: no-repeat;
			background-position-y: bottom;
			background-position-x: 0px;
			transition: all 1200ms ease-in-out;
		}
		.slider .butonlar .ileri { 
			right: 25px;
		}
		.slider .butonlar .geri { 
			left: 25px;
		}
		.slider .butonlar a {
			padding:15px 15px 15px 15px;
			text-align: center;
			background:#b8062c;
			z-index:999999;
			border-radius:10px;
			font-size: 20px;
			display: block;
			color: #fff;
			position: absolute;
			top: calc(50% - 20px);
			z-index: 99;
		}
		.slider .butonlar a:hover{
			padding:15px 15px 15px 15px;
			text-align: center;
			background:#950423;
			z-index:999999;
			border-radius:5px;
			text-decoration:none;
			font-size: 20px;
			display: block;
			color: #fff;
			position: absolute;
			top: calc(50% - 20px);
			z-index: 99;
		}
		

		.slider_urunler .tekurun {
			position: absolute; bottom:10px; width: 30%;
			transition: all 1200ms ease-in-out;
		}
		.slider_urunler img {
			width: 100%;
			position: relative;
			z-index: 9;
		}

		.urun1{
			left: 35%; 
			width: 30% !important;		
			transition: all 1200ms ease-in-out;
		}

		.urun2{
			left: 85%;
			width: 30% !important;		
			transition: all 1200ms ease-in-out;
		}
		.urun3{
			left: 135%;
			width: 30% !important;		
			transition: all 1200ms ease-in-out;
		}
		.urun4{
			left: 185%;
			width: 30% !important;
			transition: all 1200ms ease-in-out;
		}
		.urun5{
			left: 235%;
			width: 30% !important;
			transition: all 1200ms ease-in-out;
		}
		.urun6{
			left: 285%;
			width: 30% !important;		
			transition: all 1200ms ease-in-out;
		}
		.urun7{
			left: 335%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}
		.urun8{
			left: 385%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}	
		.urun9{
			left: 435%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}	
		.urun10{
			left: 485%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}
		.urun11{
			left: 535%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}
		.urun12{
			left: 585%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}
		.urun13{
			left: 635%;
			width: 30% !important;			
			transition: all 1200ms ease-in-out;
		}		
		

		.slider_urunler p {
			position: absolute;
		    bottom: 30px;
		    right: 25px;
		    margin: 0;
			color:#fff;
			font-size:17px!important;
			border-radius:10px;
			padding:10px 20px 10px 20px;
		    background: #b8062c;
		    z-index: 99999;
		}
		.slider_urunler p:hover {
			position: absolute;
		    bottom: 30px;
		    right: 25px;
		    margin: 0;
			color:#fff;
			font-size:17px;
			border-radius:10px;
			padding:10px 20px 10px 20px;
		    background: #9c0626;
	
		}
		
		@media screen and (max-width: 768px){
			.slider_urunler .tekurun {
				position: absolute; bottom:10px; width: 80%;
				transition: all 1200ms ease-in-out;
			}
			.urun1{
				left: 10%; 
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
	
			.urun2{
				left: 110%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun3{
				left: 210%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun4{
				left: 310%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun5{
				left: 410%;
				width: 83% !important;
				transition: all 1200ms ease-in-out;
			}
			.urun6{
				left: 510%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun7{
				left: 610%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun8{
				left: 710%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun9{
				left: 810%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}	
			.urun10{
				left: 910%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun11{
				left: 1010%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun12{
				left: 1110%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}
			.urun13{
				left: 1210%;
				width: 83% !important; 
				transition: all 1200ms ease-in-out;
			}		
			.slider{
				height: 310px;
			}
			.slider .arkaplan{
				height: 320px;
			}
		}
