@media only screen and (min-width:1024px){ 
 .wrapper{width: 980px;}
header{ margin-top: 15px;}
header .wrapper nav {  margin-left: 230px;}
header.alt .wrapper nav {  margin-left: auto;}
#Home .flexslider{   width: 1024px;height: 413px;}
#Home .flexslider .slides img{ max-height: 412px;}
#Home .flexslider .slides > li{ height: 412px; }
#Home .flexslider:hover .flex-direction-nav .flex-prev {left: 90px;}
#Home .flexslider:hover .flex-direction-nav .flex-next {right: 90px;}
 }
@media only screen and (min-width: 768px) and (max-width: 1023px) 
{
.karsilama .dilSecimi ul li a img{ width: 35px; }

.wrapper{width: 740px;}
header{ margin-top: 6px;}
header .wrapper nav {}
header .wrapper nav>ul li a{   font-size: 12px;padding: 7px 4px;}
header .wrapper nav>ul li {margin-right:1px;}

#Home .flexslider{  width: 725px;height: 293px;}
#Home .flexslider .slides img{ max-height: 292px;}
#Home .flexslider .slides > li{ height: 292px; }
#Home .flexslider:hover .flex-direction-nav .flex-prev {left: 90px;}
#Home .flexslider:hover .flex-direction-nav .flex-next {right: 90px;}
#Home .flexslider .flex-direction-nav .flex-prev {left: -90px;}
#Home .flexslider .flex-direction-nav .flex-next {right: -90px;}
#Home .wrapper .hmlinks a{ height: 92px;line-height: 92px;width: 33.33%;}

.navigate li a{background-size: 13px;}
.urunLinks{ width: 27%;}
.urunDetay{ width: 65%;}
.urunDetay p{ font-size: 12px;}
.urunDetay h3{ font-size: 13px;}

}
@media only screen and (min-width: 480px) and (max-width:767px) 
{
.karsilama .dilSecimi ul li a img{ width: 30px; }

 .wrapper{width: 460px;}
header{ display: none;}
#Home .flexslider{width: 490px;height: 198px;background-position-y: -30px;}
#Home .flexslider .slides img{ max-height: 167px;}
#Home .flexslider .slides > li{ height:167px; }
#Home .flex-direction-nav a{width: 25px;height: 25px;top: 40%;}
#Home .flex-direction-nav a:before{ font-size: 25px;}
#Home .flexslider:hover .flex-direction-nav .flex-prev {left: 90px;}
#Home .flexslider:hover .flex-direction-nav .flex-next {right: 90px;}
#Home .flexslider .flex-direction-nav .flex-prev {left: -90px;}
#Home .flexslider .flex-direction-nav .flex-next {right: -90px;}
#Home .wrapper .hmlinks{  width: 100%;margin: 20px auto;}
#Home .wrapper .hmlinks a{ height: 70px;line-height: 70px;width: 33.33%;font-size: 12px}
#Home .wrapper .hmAltSerit{ background-size: cover;height: 45px; }
footer{ background-size: 500px auto;}
footer h3{ font-size: 12px;}
footer p{ font-size: 11px;}
.sb-toggle-left {width: 38px;padding: 7px;height:35px;border-radius: 3px;display: inline-block;}


header.alt{   display: block;background-size:auto 85px ;height: 140px;}
#HeaderAlt{  margin-top: -140px;}
header.alt .wrapper{ display: none;}
.fProfili{ padding-top: 25px;}

#main{ min-height:300px;margin-top: 10px;}
.grupGosterimi .grupList{width: 200px;height: 121px;}
.grupGosterimi .grupList span{ font-size: 11px;left: 25px;}

.iletisim .adres{   width: 100%;border-bottom: 2px dashed gray;margin-bottom: 30px;}
.iletisim .mesajFormu{width: 80%;display: block;margin: auto;float: none;}


.navigate li a{background-size: 10px;}
.urunLinks{ width: 35%;}
.urunLinks h3{ font-size: 12px;}
.urunLinks ul li a{ font-size: 11px;}
.urunLinks ul li span{ font-size: 11px;padding: 3px 3px 3px 12px;}
.urunDetay{ width: 60%;padding-top: 1px;}
.urunDetay p{ font-size: 11px;}
.urunDetay h3{ font-size: 12px;}

}
@media only screen and (max-width: 479px) 
{
 .karsilama .dilSecimi ul{ bottom: 20px;}
.karsilama .dilSecimi ul li a img{ width: 25px; }

.wrapper{width: 250px;}

header{ display: none;}
#Home .flexslider{width: 300px;height: 120px;background-position-y: -17px;}
#Home .flexslider .slides img{ max-height: 103px;}
#Home .flexslider .slides > li{ height:103px; }
#Home .flex-direction-nav a{width: 15px;height: 15px;top: 42%;}
#Home .flex-direction-nav a:before{ font-size: 15px;}
#Home .flexslider:hover .flex-direction-nav .flex-prev {left: 40px;}
#Home .flexslider:hover .flex-direction-nav .flex-next {right: 40px;}
#Home .flexslider .flex-direction-nav .flex-prev {left: -90px;}
#Home .flexslider .flex-direction-nav .flex-next {right: -90px;}
#Home .wrapper .hmlinks{  width: 85%;margin: 10px auto;}
#Home .wrapper .hmlinks a{  height: 48px;line-height: 44px;width: 33.33%;font-size: 9px;padding-right: 10px;}
#Home .wrapper .hmAltSerit{ background-size: cover;height: 30px;}
footer{ margin-top: 15px;}
footer h3{ font-size: 11px;}
footer p{ font-size: 10px;}
.sb-toggle-left {width: 38px;padding: 7px;height:35px;border-radius: 3px;display: inline-block;}

header.alt{display: block;background-size:auto 85px ;height: 100px;}
#HeaderAlt{margin-top: -100px;}

header.alt .wrapper{ display: none;}
.fProfili{ padding-top: 10px;}
.iletisim .adres{   width: 100%;border-bottom: 2px dashed gray;margin-bottom: 30px;}
.iletisim .mesajFormu{width: 80%;display: block;margin: auto;float: none;}
.sosyalIkonsMobil{ display: inline-block;}
.sosyalIkons{ display: none;}


.navigate li a{background-size: 10px;font-size: 10px;padding-right: 15px;padding-left: 5px;}
.navigate li span{ font-size: 10px;padding-left: 5px;}
.navigate li{ margin-top: 35px;}
.navigate li.levha{position: absolute;top: 16px;right: 0;}

.urunLinks{ width: 100%;float: left;}
.urunDetay{ width: 100%;padding-top: 1px;}
.urunDetay p{ font-size: 12px;}
.urunDetay h3{ font-size: 13px;}
}