/* #Mobil versiyonu
================================================== */
@media only screen and (min-width: 320px) and (max-width: 360px) {
 
body{
	font-family: Arial;
	background: #B5B9C2;
	font-size: 12px;
	color: #333;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}

#header{
width:304px;
height:150px;
float:left;
}

#container{
	width:304px;
	height:1148px;
	float:left;
}
 
.ust{
	width:304px;
	height:150px;
	margin:0 auto;
}
.logo{
	width:304px;
	height:70px;
	text-align: center;
}
.menu{
	width:304px;
	height:80px;
	float:left;
}
.ust_menu{
	width:344px; height:20px; text-align:center;
}
.ust_menu a{
	font-family:Arial; font-size:14px; color:#000; font-weight:bold; text-decoration:none;
}
.ust_menu a:hover{
	font-family:Arial; font-size:14px; color:#f00; font-weight:bold; text-decoration:none;
}

.arama{
	width:184px;
	height:60px;
	float:left;
	padding-left:60px;
	padding-right:60px;
	text-align:center;
}
#slayt{
	width:304px;
	height:405px;
	float:left;
}
.slayt_kasa{
	width:304px;
	height:405px;
	margin:0 auto;
}
.panel{
	width:304px;
	height:405px;
	float:left;
}
.panel_baslik{
	font-family:Century Gothic;
	font-size:28px;
	color:#333;
	width:304px;
	height:43px;
	text-align:center;
	font-weight:bold;
	padding-top:0px;
}
.panel_ic{
	font-family:Arial;
	font-size:12px;
	color:#333;
	width:280px;
	height:350px;
	font-weight:bold;
	padding:0 12px;
}
.sayfa{
	width:304px;
	height:405px;
	float:left;
	background-image:url(../Images/sayfa_bg.png);
	background-repeat:no-repeat;
}
.sayfa_baslik{
	font-family:Century Gothic;
	font-size:28px;
	color:#333;
	width:304px;
	height:43px;
	text-align:center;
	font-weight:bold;
	padding-top:12px;
}
.sayfa_ic{
	font-family:Arial;
	font-size:12px;
	color:#333;
	width:284px;
	height:340px;
	font-weight:bold;
	padding:0 12px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.sayfa_ic2{
	font-family:Arial;
	font-size:12px;
	color:#333;
	width:284px;
	height:310px;
	font-weight:bold;
	padding:30px 12px 0 12px;
}
.slayt_ic{
	width:304px;
	height:405px;
	float:left;
	margin-left:0px;
}
#orta{
	width:100%;
	height:1148px;
	float:left;
	margin-top:6px;
	background-image:url(../Images/orta.jpg);
	background-position:center top;
}
.orta_ic{
	width:304px;
	height:1148px;
	margin:0 auto;
}
.kategori{
	width:164px;
	height:164px;
	padding:0 70px;
	float:left;
}
#footer{
	width:100%;
	height:250px;
	float:left;
	background-image:url(../Images/footer.jpg);
	background-position:center top;
}
.footer_ic{
	width:304px;
	height:165px;
	margin:0 auto;
}
.ilet{
	width:304px;
	height:118px;
	float:left;
	font-family:arial;
	color:#FFFFFF;
	font-size:13px;
}
.duyuru{
	width:304px;
	height:118px;
	float:left;
	font-family:arial;
	color:#FFFFFF;
	font-size:13px;
}
.duyuru p{
	font-family:arial;
	color:#FFFFFF;
	font-size:16px;
}
.copy{
	width:304px;
	height:47px;
	float:left;
}
.copyright{
	height:33px;
	float:left;
	margin-right:20px;
	font-family:arial;
	color:#FFFFFF;
	font-size:13px;
	padding-top:14px;
}
.sosyal{
	width:100px;
	height:40px;
	float:left;
	padding-top:7px;
}
.hbr_bs{
	font-family:arial;
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
.hbr_bs a{
	font-family:arial;
	color:#F00;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.hbr_bs a:hover{
	font-family:arial;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
.urun_baslik{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.urun_baslik a{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.urun_baslik a:hover{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.box_skitter {
	position: relative;
	width: 3040px;
	height: 405px;
}

.box_skitter img {
	max-width: none;
} /* Tip for stildv */
.box_skitter ul {
	display: none;
}

.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}

.box_skitter .image {
	overflow: hidden;
}

.box_skitter .image img {
	display: none;
}


}

/* #Mobil yatay versiyon
================================================== */
 
@media only screen and (min-width: 480px) and (max-width: 640px) {
 
#container{
width:464px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:464px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:464px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:464px;
	height:70px;
	float:left;
}
.menu{
	width:464px;
	height:100px;
	float:left;
}
 
}
 
/* #Mobil mini 1 versiyon
================================================== */
 
@media only screen and (min-width: 176px) and (max-width: 240px) {
 
#container{
width:160px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:160px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:160px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:160px;
	height:70px;
	float:left;
}
.menu{
	width:160px;
	height:100px;
	float:left;
}
 
}
 
/* #Mobil mini 2 versiyon
================================================== */
 
@media only screen and (min-width: 240px) and (max-width: 240px) {
 
#container{
width:224px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:224px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:224px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:224px;
	height:70px;
	float:left;
}
.menu{
	width:224px;
	height:100px;
	float:left;
}
 
}
 
/* #Mobil mini 3 versiyon
================================================== */
 
@media only screen and (min-width: 360px) and (max-width: 360px) {
 
#container{
width:344px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:344px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:344px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:344px;
	height:70px;
	float:left;
}
.menu{
	width:344px;
	height:100px;
	float:left;
}
 
}
 
/* #Mobil mini 4 versiyon
================================================== */
 
@media only screen and (min-width: 568px) and (max-width: 568px) {
 
#container{
width:568px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:568px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:568px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:568px;
	height:70px;
	float:left;
}
.menu{
	width:568px;
	height:100px;
	float:left;
}
 
}
 
/* #Mobil mini 5 versiyon
================================================== */
 
@media only screen and (min-width: 640px) and (max-width: 640px) {
 
#container{
width:640px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:640px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:640px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:640px;
	height:70px;
	float:left;
}
.menu{
	width:640px;
	height:100px;
	float:left;
}
 
}
 
/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 533px) and (max-width: 800px) {
 
#container{
width:517px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:517px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:517px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:517px;
	height:70px;
	float:left;
}
.menu{
	width:517px;
	height:100px;
	float:left;
}
 
}

/* #Tablet yatay versiyonu
================================================== */
@media only screen and (min-width: 800px) and (max-width: 976px) {
 
#container{
width:784px;
height:100px;
float:left;
background-color:#FF0;
}
 
#header{
width:784px;
height:70px;
float:left;
background-color:#222222;
}

.ust{
	width:784px;
	height:170px;
	margin:0 auto;
}
.logo{
	width:784px;
	height:70px;
	float:left;
}
.menu{
	width:784px;
	height:100px;
	float:left;
}
 
}