.genelslayt, .ucleme, .dortleme, .serbest-mod { width: 100%; height: auto; position:relative; overflow:hidden }
.ucleme {width:140%; margin-left:-20%; margin-right:-20%;}

.anaslayt {font-size:0}
.anaslayt div, .anaslayt table, .anaslayt article {font-size:0} 

.dortleme {width:93%; margin-left:auto; margin-right:auto}

.serbest-mod:before, .serbest-mod:after {display:block; content:""; position:absolute; width:71px; left:0; top:0; bottom:0; background:#FFFFFF; z-index:20}
.serbest-mod:after {left:auto; right:0}

.genelslayt .swiper-wrapper, .ucleme .swiper-wrapper, .dortleme .swiper-wrapper, .serbest-mod .swiper-wrapper { white-space: nowrap; }
.genelslayt .swiper-wrapper .urunslogan, .ucleme .swiper-wrapper .urunslogan, .dortleme .swiper-wrapper .urunslogan {white-space:normal}
.genelslayt .swiper-slide, .ucleme .swiper-slide, .dortleme .swiper-slide, .serbest-mod  .swiper-slide { display: inline-block; position:relative }

.genelslayt .sayfaG {max-width:1140px; position:relative; white-space:normal}
.genelslayt .sayfaG > .metinalan {position:absolute; left:2.5%; bottom:10%; z-index:2; max-width:50%}
.genelslayt .sayfaG > .metinalan.ustte {top:10%; bottom:auto}

.genelslayt h2 {font-size:40px; font-family:"Playfair Display"; font-weight:normal; color:#ee5555; font-style:italic; line-height:120%}
.genelslayt h2 a, .genelslayt h2 a:hover  {color:#ee5555;}

.genelslayt h2 + p {font-size:18px}

.ucleme .swiper-slide {opacity:.5; text-align:center}
.ucleme .swiper-slide h2, .dortleme  .swiper-slide h2 {font:italic 18px 'Playfair Display'}
.ucleme .swiper-slide .fiyat-hareket {opacity:0}
.ucleme .swiper-slide.swiper-slide-active {opacity:1}
.ucleme .swiper-slide.swiper-slide-active .fiyat-hareket {opacity:1}

.ucleme .yonerge {left:31%; right:31%}

.swiper-slide .tablo .hucre {vertical-align:bottom}

.genelslayt.urunbuyuk .gorsel {text-align:center}
.genelslayt.urunbuyuk .gorsel img { height:590px; width:auto;}
.genelslayt.urunbuyuk.kopyasi .gorsel img {height:900px; width:auto}

.urunbuyuk .urungorsel-sayfala {text-align:center; position:relative; z-index:10;margin:5px 0 0}
.urunbuyuk .urungorsel-sayfala span {display:inline-block; margin:5px !important;}

.urunbuyuk.kopyasi .urungorsel-sayfala { position:absolute; left:82px; top:20px; right:0; width:0; bottom:0; overflow:visible}

.urunbuyuk .urungorsel-sayfala span img {border:1px solid #e1e1e1; display:inline-block; cursor:pointer} 
.urunbuyuk .urungorsel-sayfala span img:hover, .urunbuyuk .urungorsel-sayfala span[class*=active] img {border-color:#222222}

.urunbuyuk  .yonerge {z-index:12; top:auto; bottom:65px; left:25%; right:25%} 
.urunbuyuk.kopyasi .yonerge {left:0; right:0; bottom:auto; top:50%; margin-top:-13.5px}

.dortleme + .yonerge, .serbest-mod .yonerge {z-index:30; left:1%; right:1%; margin-top:-30px }
.dortleme + .yonerge > span, .serbest-mod .yonerge > span {display:inline-block; width:52px; height:60px; float:left; line-height:60px; text-align:right}
.dortleme + .yonerge > span + span, .serbest-mod .yonerge > span + span {float:right; border:0;text-align:left}
.dortleme + .yonerge > span a, .serbest-mod .yonerge > span a {float:none} 
.dortleme + .swiper-slide, .serbest-mod .swiper-slide {position:relative}

.dortleme + .yonerge > span, .dortleme + .yonerge a {width:32px}
.dortleme + .yonerge a.ileri { background-position:-91px -53px}

.serbest-mod .swiper-slide {text-align:center; vertical-align:middle}
.swiper-slide .gorsel img { float:none !important;}

@media only screen and (max-width: 1521px) {
	.genelslayt.urunbuyuk.kopyasi .gorsel img {height:850px; width:auto}
	}
	
@media only screen and (max-width: 1366px) {
	
	.genelslayt.urunbuyuk .gorsel img { height:400px; width:auto;}
	.urunbuyuk .yonerge {left:5%; right:5%}
	.genelslayt.urunbuyuk.kopyasi .gorsel img {height:650px; width:auto}
	
	}
	
@media only screen and (max-width: 1141px) {
	
	.genelslayt.urunbuyuk .gorsel img { height:320px; width:auto;}
	.genelslayt.urunbuyuk.kopyasi .gorsel img {height:350px; width:auto}
	
	}
	
@media only screen and (max-width: 1025px) {
	
	}

@media only screen and (max-width: 959px) {
	
	}

@media only screen and (max-width: 769px) {
	
	.urunbuyuk.kopyasi .urungorsel-sayfala {display:none}
	
}

@media only screen and (max-width:667px) {
	

}


@media only screen and (max-width: 481px) {
	
	.genelslayt.urunbuyuk.kopyasi .gorsel img {height:auto; width:100%;max-width:none}
	
}

@media only screen and (max-width: 400px) {
	
	
}

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