﻿* {
margin: 0;
}


::-webkit-scrollbar {
    width: 6px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #2E3944;
}

a:link {
	color:#000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}




.menunundivi{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;

	}



.logoyeri{
	width:100%;
	height:120px;
}
.logo{
	width:99%;
	height:99px;
	float:left;
	
	}
.urunarama{
	width:40%;
	height:44px;


}

.gosterialani{
	margin-top:2px;
	width:100%;
	height:auto;
	float:left;
}	

.gosteri_neredeyim  a:hover{
	background-color:#FF9900;
}

#gosteri_neredeyim{
	color:#000000;
}


.urunlerr{
float:left;
margin-left:2px;
margin-top:3px;
border:groove;
width:250px;
height:370px;
border-radius:10px;
}
.urunlerresim{
	width:248px;
	height:210px;
	border-radius:9px;
}
.urunlersepeeekle{
	width:215px;
	height:40px;
		border-radius:9px;
}
/* ANAEKRANDALİ ÜRÜNLERİN KODU */
.ekranurundivi{
float:left;
margin-left:4px;
border:groove;
width:19%;
height:325px;
border-radius:10px;
margin-top:11px;

}
/* ANAEKRANDALİ ÜRÜNLERİN KODU */

.ekranurunresmi{
width:97%;
height:200px;
border-radius:10px;
margin-left:auto;
margin-right:auto;
margin-left:4px;


}
/* ANAEKRANDALİ ÜRÜNLERİN KODU */
.ekranurunsepetresmi{
width:85%;
height:30px;
margin-left:auto;
margin-right:auto;
border-radius:15px;
margin-bottom:3px;

}
#urunbaslik{ width:99%; height:55px; float:left; }
#urunresim{ width:99%; height:200px; float:left; }
#urunfiyat{ width:99%; height:25px; float:left; }
#urunsepet{ width:99%; height:40px; float:left; }


/* ANAEKRANDALİ ÜRÜNLERİN KODU BİTİŞİ */

.slayt_memnuniyetresimleri{
	width:75%;
	height:90px;
	border-radius:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

.slaytim_telefonlar{
	margin-top:3px;
	width:100%;
	height:auto;
	float:left;
	 position:relative;
}
.slaytim_bilgisayar{
	width:100%;
	height:auto;
	float:left;
	margin-top:1px;
	 position:relative;
}




.enalt_imza{
	width:100%;
	height:auto;
	background-color:#669;
	color:#FFF;
	float:left;
	margin-top:15px;
	}
	
.enalt{
	width:99%;
	height:auto;
	background-color:#066;
	color:#000000;
	float:left;
	margin-top:4px;
	}	
	
.enalt_kucukler{
	width:20%;
	height:248px;
	color:#FFFFFF;
	float:left;
	margin-top:3px;

	}	
.kartlarindivi{ 	width:99%;	height:auto; float:left; }

.kartlarinresimleri {width:80px; height:80px;}
#tanitimresimleri{	width:25%;	height:180px;	float:left;	}
.tanitimdivianasayfa { width:99%; height:auto; border-radius:10px;  }


#logoyeritablolari_1 { width:60%; float:left;}
#logoyeritablolari_2 { width:40%; float:left;}


.urunlistelemeurunlerinsoltarafi{ width:15%; height:auto; float:left; }
.urunlistelemeurunleringosterialanii{ width:84%; height:auto; float:left;}


@media (max-width: 766px) {
#logoyeritablolari_1 { display:none;}
#logoyeritablolari_2 { width:100%;}
#tanitimresimleri{ height:80px;}

.ekranurundivi{ width:47%;}

.ekranurunresmi{ width:97%; height:150px; }
.ekranurunsepetresmi{ width:55%; height:25px; }
.slayt_memnuniyetresimleri{ width:98%; height:85; }

.urunlistelemeurunlerinsoltarafi{  display:none; }
.urunlistelemeurunleringosterialanii{ width:100%; height:auto; float:left; }
}
/* This width range is for tablet (tr: tabletler için) */
@media (min-width: 767px) and (max-width: 991px) {
.ekranurundivi{ width:32.4%;}
.ekranurunresmi{ width:97%; height:170px; }
.ekranurunsepetresmi{ width:69%; height:28px; }
#tanitimresimleri{ height:100px;}

.urunlistelemeurunlerinsoltarafi{ display:none; }
.urunlistelemeurunleringosterialanii{ width:100%; height:auto; float:left;  }
.slayt_memnuniyetresimleri{ width:92%; height:80 }

}

/* This width range is for medium pc screens (tr: orta ekranlı pc için) */
@media (min-width: 992px) and (max-width: 1199px) {
.ekranurundivi{ width:24.4%;}
.ekranurunresmi{ width:97%; height:190px; }
.ekranurunsepetresmi{ width:79%; height:30px; }
.slayt_memnuniyetresimleri{ width:85%; }
#tanitimresimleri{ height:120px;}

/* This width range is for large pc screens (tr: geniş ekranlı pc için) */
@media (min-width: 1200px) {
.ekranurundivi{ width:19.4%;}
}