.zoom{ background-color: #DDD; height: 100%; margin: auto; overflow: hidden; width: 100%; }
.zoom .media{ bottom: 0; display: block; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; 
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; 
}
.transition{
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

.ekbilgi {
	background:url(i/ekbilgi2.png) no-repeat center center;
	background-size: 100%;
	float:left;
	width: 100%;
	height: 95px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.icerik iframe { width: 100% !important; height: 290px !important; overflow:hidden; }

.alty p { padding: 0px 30px 0px 30px; }
.alty p img{ width: auto; height:auto; float: left; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;	border:0px;	}
.alty b{ text-align:left; margin: 0px 0px 20px 0px; font-size:14px; }	
.alty b i { float:left; width: auto; margin: 0px 7px 0px 0px; }
.alty span{ float: right; width: auto; margin: 0px 0px 0px 0px; }

#mbilgilendirme {
	background:#008f91;
	display:none;
	z-index:9999 !important;
	float: left;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px;
	padding: 15px;
	border: 0px;
	position : fixed;
	_position : absolute;
	top	: 0px;
	_top : expression(eval(document.body.scrollTop));
	left:0px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.kapat {
	background:#f8b20b;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.kapat a{
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 12px 0px;
	border: 0px;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
	color:#FFF;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
	}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow:0px 0px !important;
}

#cssmenu {
  width: 100%;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li {
  margin: 0px 0px 1px 0px;
}
#cssmenu > ul > li > a {
  padding: 16px 15px 13px 15px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
#cssmenu > ul > li.open > a {
  border:0px;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border:0px;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu ul ul li a {
  cursor: pointer;
  padding: 13px 15px 10px 15px;
  z-index: 1;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#menu-item-782 ul { width: 200px; }
#menu-item-782 ul li { width: 100%;	}
#cssmenu > ul > li > a { background: #00a4a6; color: #FFF; }
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: #00a4a6; color: #FFF; }
#cssmenu ul ul li a { background: #333333; color: #FFF; border-bottom: 1px solid #0b0b0b !important; }
#cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: #00a4a6; color: #FFF; }

a.yesilw { border: 2px solid #15992a; width: 90px; height: 90px; padding: 8px 8px 0px 8px; font-size:13px; }
a.yesilw i { margin: 0px 0px 3px 0px; font-size:25px; }

a.altlink3 { margin: -15px 0px 5px 0px; }
.tanit { margin: 2px 0px 2px 0px; }
.tanit span { font-size:13px; }


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

.ekran { width: 100%; }	

.wrap { width: 94% !important; height:auto; overflow:hidden; margin: 10px auto 0px; }
.ortala { width: 94% !important; height:auto; overflow:hidden; margin: 0px auto 0px; }
.ekortala { width: 94% !important; height:auto; overflow:hidden; margin: 0px auto 0px; }
.ekortala img { max-width: 100% !important; margin: 0px 0px 20px 0px !important; }
.header { height: auto; }
.solbar { width: 100%; margin: 0px 0px 10px 0px; }
.sagbar { width: 100%; margin: 0px 0px 10px 0px; }
.icsolbar { width: 100%; margin: 0px 0px 10px 0px; }
.icsagbar { width: 100%; margin: 0px 0px 10px 0px; }
.msol { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
.manset { width: 100%; height:auto; margin: 0px 0px 0px 0px; }
.solda { width: 100%; margin: 0px 0px 10px 0px; }
.sagda { width: 100%; margin: 0px 0px 10px 0px; }

.logotam { padding: 5px 0px 5px 0px; }
.logo { width: 100%; height: 115px; margin: 0px 0px 0px 0px; }
.logo a{ background:url(i/logo.png) no-repeat center top; width: 100%; height: 115px; }
	
.aramax { width: 100%; height: 40px; margin: 5px 0px 10px 0px; }	
#searchbox { width: 90%; margin: 0px 0px 0px 0px; }
#searchbutton { width: 10%; }

.arama { width: 55%; height: 40px; margin: 8px 0px 0px 10px; }	

.arama p a {
	float:left;
	width: auto;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.arama p a {
	background:#FFF;
	float:left;
	width: 25px;
	height: 24px;
	overflow:hidden;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-radius:50px;
	}

.arama p a i{
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border: 0px;
	text-align:center;
	color:#00a4a6;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}

.menum { background:#00a4a6; float: right; width: auto; height: 40px; overflow:hidden; margin: 8px 10px 0px 0px; padding: 0px 10px 0px 10px; border: 0px; border-radius:6px; }
.menum a { background:url(i/menu.png) no-repeat left top; float:left; width: auto; height: 24px; overflow:hidden; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 34px; border: 0px; font-size: 14px; font-weight:normal; color: #ffffff; text-decoration:none; } 

.ust { padding: 0px 8px 0px 8px; }

.logo-sol { width:100%; height: auto !important; }
.logo-sol p { float:left; width: 100%; height: auto !important; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; text-align:center !important; }
.logo-sol span { width: 100% !important; height: auto !important; text-align:center !important; margin: 10px 0px 5px 0px !important; padding: 5px 0px 3px 0px !important; }
p.yarimz { width: 50%; height: auto !important; text-align:left; margin: 0px 0px 0px 0px; }
.yarimz span { width: auto !important; height: auto !important; text-align:left !important; margin: 0px 0px 10px 0px !important; }
.logo-sol p i { height: auto; margin: 0px 5px 0px 0px; padding: 5px 0px 0px 0px; }

.logo-sag { float: none; width: 110px; height:24px; margin: 0px auto 10px !important; }
.logo-sag p { margin: 0px 0px 0px 0px; }

.infom { height: 140px; }	

.urunlerk, .urunlerk2, .urunlerk3, .urunlerk4, .urunlerk5, .urunlerk6, .urunlerk7, .urunlerk8 { height: auto; }
.urunlerk ul, .urunlerk2 ul, .urunlerk3 ul, .urunlerk4 ul, .urunlerk5 ul, .urunlerk6 ul, .urunlerk7 ul, .urunlerk8 ul { height: auto; }
.urunlerk li, .urunlerk2 li, .urunlerk3 li, .urunlerk4 li, .urunlerk5 li, .urunlerk6 li, .urunlerk7 li, .urunlerk8 li {	width: 23%; height: 326px; margin: 0px 1% 10px 1%; }
.abosluksuz { margin: 0px 0px 10px 0px; }

.altliste-1 { height: 326px; }
.altliste-1 a { height: auto; }
.altliste-1 img { height: 166px; }

.urunum { width: 23%; height: 326px; margin: 0px 1% 10px 1%; }
.urunumb { margin: 0px 1% 10px 1%; }

.urunum img { height: 186px; }
	
.ybar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }	
.y2bar { width: 100%; height: auto; margin: 0px 0px 0px 0px; }	

.ykutu span { display:none; }
.ykutu p { width: 100%; height: auto; overflow:hidden; }

.ak-liste img{ width: 15%; height: 85px; margin: 0px 3% 0px 0px; }
.ak-liste p{ width: 82%; height: auto; }

.alogo-sag { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fkutu { width: 29.3%; margin: 0px 2% 20px 2%; }
.fkutus { width: 29.3%; margin: 0px 2% 20px 2%; }

#paginate-slider2 { margin: 50px 0px 0px 93%; }

.bilgi { height: auto; }
.bilgi span { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 10px 0px 10px 0px; }
.bilgi p { width: 90%; height: auto; margin: 0px 5% 15px 5%; padding: 0px 0px 0px 0px; }
	
.detay { width: 90%; margin: 0px 5% 30px 5%; }	

.fotom { float:none; margin: 0px auto 20px; }	
.fotom #slider2 { height: auto; margin: 0px 0px 10px 0px; }
.fotom .contentdiv { height: auto; }
.fotom .contentdiv img { height: auto; }	
.contentdiv iframe { width: 100% !important; height: 370px !important; overflow:hidden; }
.fotom #paginate-slider2 { width: 100%; height: 60px; }
.fotom #paginate-slider2 a{ width: 62.25px; height: 60px; margin: 0px 5px 0px 0px; }
.fotom #paginate-slider2 a img { width: 100%; height: 60px; }	

.ekle-yukle span { width: 23.3%; padding: 0px 0px 0px 0px; margin:17px 5% 17px 5%; }
.ekle-yukle img { height: 180px; }

.ak2-liste img{ width: 20%; height: 105px; margin: 0px 4% 0px 0px; }
.ak2-liste p{ width: 76%; height: auto; }
	
.tumkategoriler li { width: 50%; }

.ekfiyatlar p { width: 50%;	}	
.detay h1 { text-align:center; }	

} 


@media only screen and (min-width: 630px) and (max-width: 800px) { 

.infom { width: 100%; height:auto; border-bottom: 1px solid #e7e7e7; }	
.infom i { width: 10%; }	
.infom p { width: 90%; }	

.urunlerk li, .urunlerk2 li, .urunlerk3 li, .urunlerk4 li, .urunlerk5 li, .urunlerk6 li, .urunlerk7 li, .urunlerk8 li {	width: 31.3%; height: 310px; margin: 0px 1% 10px 1%; }
.urunum { width: 31.3%; height: 310px; margin: 0px 1% 10px 1%; }

.altliste-1 { height: 310px; }
.altliste-1 img { height: 150px; }

.urunum img { height: 170px; }

.mbaslik { background:none; margin: 0px 0px 20px 0px; }
.mbaslik p, .mbaslik b, .mbaslik h1 { width:100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom:2px solid #00a4a6; font-size:18px; text-align:center; }
.mbaslik a { float:left; width: 100%; height: auto; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; text-align:center; font-size:14px; }

.ybar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }	
.y2bar { width: 100%; height: auto; margin: 0px 0px 0px 0px; }	

.ykutu span { display:none; }
.ykutu p { width: 100%; height: auto; overflow:hidden; }

.ak-liste img{ width: 20%; height: 85px; margin: 0px 3% 0px 0px; }
.ak-liste p{ width: 77%; height: auto; }

.alogo-sag { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fkutu { width: 29.3%; margin: 0px 2% 20px 2%; }
.fkutus { width: 29.3%; margin: 0px 2% 20px 2%; }

.mansetk { height: 300px; }
#slider2 { height: 290px; }
.contentdiv { height: 290px; }
.contentdiv img{ height: 290px; }
.contentdiv p{ margin: 150px 0px 0px 20px; }
#paginate-slider2 { margin: 30px 0px 0px 90%; }

.bilgi { height: auto; }
.bilgi span { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 10px 0px 10px 0px; }
.bilgi p { width: 90%; height: auto; margin: 0px 5% 15px 5%; padding: 0px 0px 0px 0px; }
	
.ekle-yukle span { width: 40%; padding: 0px 0px 0px 0px; margin:17px 5% 17px 5%; }
.ekle-yukle img { height: 180px; }

.tumkategoriler li { width: 50%; }

}


@media only screen and (min-width: 479px) and (max-width: 630px) { 

.infom { width: 100%; height:auto; border-bottom: 1px solid #e7e7e7; }	
.infom i { width: 15%; }	
.infom p { width: 85%; }	

.urunlerk li, .urunlerk2 li, .urunlerk3 li, .urunlerk4 li, .urunlerk5 li, .urunlerk6 li, .urunlerk7 li, .urunlerk8 li {	width: 48%; height: 340px; margin: 0px 1% 10px 1%; }
.urunum { width: 48%; height: 340px; margin: 0px 1% 10px 1%; }

.altliste-1 { height: 340px; }
.altliste-1 img { height: 180px; }

.urunum img { height: 200px; }

.mbaslik { background:none; margin: 0px 0px 20px 0px; }
.mbaslik p, .mbaslik b, .mbaslik h1 { width:100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom:2px solid #00a4a6; font-size:18px; text-align:center; }
.mbaslik a { float:left; width: 100%; height: auto; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; text-align:center; font-size:14px; }

.ybar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }	
.y2bar { width: 100%; height: auto; margin: 0px 0px 0px 0px; }	

.ykutu span { display:none; }
.ykutu p { width: 100%; height: auto; overflow:hidden; }

.ak-liste img{ width: 25%; height: 85px; margin: 0px 3% 0px 0px; }
.ak-liste p{ width: 72%; height: auto; }

.mansetk { height: 300px; }
#slider2 { height: 290px; }
.contentdiv { height: 290px; }
.contentdiv img{ height: 290px; }
.contentdiv p{ margin: 150px 0px 0px 20px; }
#paginate-slider2 { margin: 30px 0px 0px 90%; }

.alogo-sag { width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fkutu { width: 90%; margin: 0px 5% 20px 5%; }
.fkutus { width: 90%; margin: 0px 5% 20px 5%; }

.bilgi { height: auto; }
.bilgi span { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 10px 0px 10px 0px; }
.bilgi p { width: 90%; height: auto; margin: 0px 5% 15px 5%; padding: 0px 0px 0px 0px; }
	
.fotom { float:left; width:100%; margin: 0px 0px 20px 0px; }	
.fotom #slider2 { height: auto; margin: 0px 0px 10px 0px; }
.fotom .contentdiv { height: auto; }
.fotom .contentdiv img { height: auto; }
.contentdiv iframe { width: 100% !important; height: 320px !important; overflow:hidden; }
.fotom #paginate-slider2 { width: 100%; height: 145px; }
.fotom #paginate-slider2 a{ width: 23%; height: 70px; margin: 0px 1% 5px 1%; }
.fotom #paginate-slider2 a img { width: 100%; height: 70px; }	

.ekle-yukle span { width: 40%; padding: 0px 0px 0px 0px; margin:17px 5% 17px 5%; }
.ekle-yukle img { height: 180px; }

.tumkategoriler li { width: 100%; }

}


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

.logo { width: 185px; height: 80px; float:none; margin: 0px auto 0px; }
.logo a{ background-size: 100% 60px !important; background-repeat: no-repeat; height: 60px; margin: 10px 0px 0px 0px;	}

#searchbox { width: 75%; margin: 0px 0px 0px 0px; }
#searchbutton { width: 25%; }

.infom { width: 100%; height:auto; border-bottom: 1px solid #e7e7e7; padding: 25px 15px 25px 20px; }	
.infom i { width: 100%; text-align:center; margin: 0px 0px 8px 0px; }		
.infom p { width: 100%; text-align:center; }	
.infom p span { margin: 6px 0px 0px 0px; }	

.kutu2 { padding: 15px 5px 20px 5px; }	

.urunlerk li, .urunlerk2 li, .urunlerk3 li, .urunlerk4 li, .urunlerk5 li, .urunlerk6 li, .urunlerk7 li, .urunlerk8 li {	width: 48%; height: 285px; margin: 0px 1% 10px 1%; }

.altliste-1 { height: 285px; }
.altliste-1 img { height: 145px; }
.altliste-1 a { height: 195px; font-size:14px; }

.urunum { width: 48%; height: 285px; margin: 0px 1% 10px 1%; }
.urunum img { height: 145px; }
.urunum a { height: 195px; font-size:14px; }

.mbaslik { background:none; margin: 0px 0px 20px 0px; }
.mbaslik p, .mbaslik b, .mbaslik h1 { width:100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom:2px solid #00a4a6; font-size:18px; text-align:center; }
.mbaslik a { float:left; width: 100%; height: auto; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; text-align:center; font-size:14px; }

.bbaslik p { font-size:16px; }

.ybar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }	
.y2bar { width: 100%; height: auto; margin: 0px 0px 0px 0px; }	

.ykutu span { display:none; }
.ykutu p { width: 100%; height: auto; overflow:hidden; }

.ak-liste img{ width: 30%; height: 85px; margin: 0px 5% 0px 0px; }
.ak-liste p{ width: 65%; height: auto; }
.ak-liste p a{ font-size:17px; }

.mansetk { height: 150px; }
#slider2 { height: 140px; }
.contentdiv { height: 140px; }
.contentdiv img{ height: 140px; }
.contentdiv p{ margin: 10px 0px 0px 20px; }
#paginate-slider2 { margin: 10px 0px 0px 85%; }

.alogo-sag { width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fkutu { width: 90%; margin: 0px 5% 20px 5%; }
.fkutus { width: 90%; margin: 0px 5% 20px 5%; }

.bilgi { height: auto; }
.bilgi span { width: 100%; height: auto; margin: 0px 0px 15px 0px; padding: 10px 0px 10px 0px; }
.bilgi p { width: 90%; height: auto; margin: 0px 5% 15px 5%; padding: 0px 0px 0px 0px; }
	
.fotom { float:left; width:100%; margin: 0px 0px 20px 0px; }	
.fotom #slider2 { height: auto; margin: 0px 0px 15px 0px; }
.fotom .contentdiv { height: auto; }
.fotom .contentdiv img { height: auto !important; }	
.contentdiv iframe { width: 100% !important; height: 320px !important; overflow:hidden; }
.fotom #paginate-slider2 { width: 100%; height: auto; }
.fotom #paginate-slider2 a{ width: 23%; height: 60px; margin: 0px 1% 5px 1%; }
.fotom #paginate-slider2 a img { width: 100%; height: 60px; }	

.yrm-g b, .yrm-g p { font-size:14px; }
.yrm-g b a, .yrm-g p a{ font-size:14px; }

.ekle-yukle span { width: 44%; padding: 0px 0px 0px 0px; margin:17px 3% 17px 3%; }
.ekle-yukle p { font-size:12px; }
.ekle-yukle img { height: 105px; }

.yarim { width:100%; margin:0px 0px 0px 0px; }
.yarim2 { width:100%;  margin:0px 0px 0px 0px; }

#dettabs ul li { width:32.8%;	}
#dettabs li a { padding: 19px 18px 1px 18px; }
#dettabs li.selected a { padding: 16px 18px 1px 18px; }

.ak2-liste img{ width: 90%; height: 105px; margin: 0px 5% 10px 5%; }
.ak2-liste p{ width: 100%; height: auto; }

.detay { width: 98%; margin: 0px 1% 30px 1%; }	

.tumkategoriler li { width: 100%; }

}

.ekran {
	background:#FFF;
	height: auto;
	overflow:hidden;
	margin: 100px auto 100px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}	

.ekran img {
	float:left;
	width: 100%;
	height: auto !important;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}	

.ekran .logo {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.ekran .detay {
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}	

.ekran .ekfiyatlar p { width: 33.3%; font-size:11px; }