
@media only screen and (max-width: 768px) {

 .wrapper{ width:100%; }  
 .content,.content.full{ width:90%; padding:0 5%; }
 [class*='fgrid-']{ width:100%; }
 aside{ display:none !important; }
 .logo{ height:60px; left:10px; top:0; }
 .topbar_menu{ display:none; }
 #navbar{ display:none; }
 #topbar{ height:60px; margin-bottom:30px; }
 .pgstitle{ padding-top:15px; }
 
 .urunkats li{ width:45%; }
 .urunlist{ width:105%; }
 .urunlist li{ width:45%; }
 .urunlist .urunlink img { position:relative; left:-40px; }
 
 .urunspec{ width:100%; float:left; overflow-y:scroll; }
 .urunspec_rg{ width:100%; }
 .urunspec_lf{ width:100%; }
 .urunspec_lf img{ width:100%; }
 .urunspec_ekle{ float:right; position:relative; }
 
 .featherlight .featherlight-content{ max-height:80%; }
 
 
 #topbar{ margin:0; }
 .showbar{ margin:0 !important; }
 .showbar_nav{ display:none; }
 .showbar img{ width:100%; }
 .mostbar ul{ width:100%; }
 .mostbar li{ width:50%; margin:0 !important; }
 .mostbar .oth{ display:block; }
 .textbar_news{ width:90%; padding:0 5%; margin-bottom:15px; }
 
 .textbar_right{ display:none; }
 footer{ width:90%; padding:0 5%; margin:0; }
 .footer_menu{ display:none; }
 .footer_tel{ display:none; }
 .footer_social{ width:100%; padding-top:15px; margin-top:15px; border-top:1px dashed #ccc; }
 .footer_oth{ width:100%; margin-top:15px; }
 .footer_oth li{ padding:6px 0; }
 
 .footercopy div{ float:left; width:100%; padding:15px 0; display:block; }
 .footercopy .mini{ display:block; }
 .footercopy .all{ display:none; }

 .footersiparis{ float:left; }
 
 .back .mmenu_back{ display:block; position:absolute; left:10px; top:10px; width:30px; height:40px; background:url(../images/btnback.png) no-repeat; z-index:80; }
 .back .logo{ left:35%; }
 .mmenu_open{ display:block; position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../images/btnmmenu.png) no-repeat; }
 .mmenu_sepet{ display:block; position:absolute; right:60px; top:10px; width:40px; height:30px; background:url(../images/btnmsepet.png) no-repeat;
 	line-height:30px; padding-top:6px; text-align:center; color:#fff; font-size:10px; font-weight:500; }
 
 .mmenu{ display:none; width:100%; height:100%; left:0; top:0; position:absolute; z-index:90; background:rgba(0,0,0,.7); opacity:0; }
 .mmenu div{ display:block; float:right; width:70%; padding:0 5%; height:100%; position:relative; right:-80%; top:0; background:#5A3122; box-shadow:0 0 30px 0; }
 .mmenu_close{ float:right; display:block; width:40px; height:40px; background:url(../images/btnexit.png) no-repeat #E52635; margin-top:10px; }
 .mmenu ul{ width:100%; float:left; margin-top:10px; }
 .mmenu li{ width:100%; float:left; border-top:1px dashed #865443; }
 .mmenu li a{ display:block; padding:12px 0 12px 5px; font-size:17px; font-weight:700; color:#FBB21E; line-height:22px; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
 
 .haberler li img{ margin:0 10px 10px 0; }
 .haberler li h2{ padding:0 !important; font-size:14px !important; font-weight:700 !important; }
 .haberler li span{ display:none; }
 
 .textpage{ margin-top:15px; }
 .textpage h2{ font-size:18px !important; line-height:22px !important; padding:0 0 10px 0; }
 .textpage span{ font-size:14px !important; line-height:16px !important; }
 
 .kampanya li img{ width:100% !important; margin:0; }
 .kampanya li div h2{ float:left; padding:10px; font-size:16px !important; }
 .kampanya li div span{ display:none; }
 .sendsiparis{ margin-bottom:20px; } 
 
 .galeri{ float:left; width:100%; margin-bottom:20px; }
 .galeri li{ float:left; width:48%; margin:0 2% 2% 0 !important; }
 
 .mnav{ display:block; float:left; width:100%; height:75px; position:fixed; left:0; bottom:-100px; z-index:9999; background:#DC980C; box-shadow:0 5px 30px 0; }
 .mnav ul{ float:left; width:100%; }
 .mnav li{ float:left; width:24.7%; height:50px; margin:10px 0; text-align:center; border-left:1px dashed #ffcb46; }
 .mnav li:first-child{ border:none; }
 .mnav li a{ float:left; display:block; position:relative; width:100%; height:10px; padding-top:46px; background:url(../images/mnav_icons.png) center 0 no-repeat;
  font-size:10px; font-weight:300; color:#fff; text-align:center; line-height:10px; letter-spacing:0.03em; }
 .mnav li a i{ position:absolute; width:16px; height:16px; background:#c00; border-radius:10px; text-align:center; right:16px; top:2px; line-height:16px; font-style:normal; }
 
 .mnav .sip{ background-position:center -10px !important; }
 .mnav .fav{ background-position:center -80px !important; }
 .mnav .sep{ background-position:center -150px !important; }
 .mnav .hes{ background-position:center -220px !important; }
 
 .sipstat{ margin-bottom:30px; }
 .sipstat li{ width:50%; }
 .sipstat li.active{ background-image:none; }
 .sipstat i{ border:none !important; border-right:1px solid rgba(0,0,0,.2) !important; }
 
 #map{ width:100%; height:350px; margin-bottom:20px; }
 .mapbox h1{ font-size:16px; }
 
 .adresler li span{ width:60%; margin-bottom:10px; }
 
 .pgsrow .urunspec_text div{ width:80%; }
 .urunspec_text textarea{ width:100%; }
 .fform_link{ float:left; padding:5px 0; }
 
 .sipred h3{ width:70%; }
 
 .urunkats{ margin-top:25px; }
 .urunspec_lf{ margin-bottom:15px; }
 
 .sepet{ margin-top:25px; }
 
 .account strong{ width:100%; display:inline-block; }
 .islemler li{ padding:0 !important; }
 .ilsmob{ display:block; }

 .sube_title{ padding-top:15px; }
 .sube_title h2{ font-size:22px; }
 .sube_title a{ display:block; position:inherit; float:left; margin-top:15px; right:auto; }
 
 .sipdurum{ width:auto; }
 .urunspec_rate div{ width:260px; }

 .sube_slide{ display:none; }

 .whitebg{ padding:0; margin-left:0px;}
 
}