@charset "utf-8";

@import url('skitter.styles.css');
@import url('colorbox.css');

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 27, 2013 07:57:12 AM America/New_York */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../font/OpenSans-Semibold-webfont.eot');
    src: url('../font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../font/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


* { margin: 0;} 
html, body {  height: 100%;  font-family:Arial, Helvetica, sans-serif;} 
body {background:#555 url(../images/bg.jpg) no-repeat top center fixed; font-size:12px; color:#fff; margin:0; padding:0;}
#page {width:100%; margin:0 auto;}

/* Header */

#page #header {width:100%; height:135px; background:url(../images/headbg.jpg) repeat-x; }
#page #header #headercont {width:1020px; margin:auto;}
#page #header #headercont .lang {width:1020px; height:21px; margin:0 auto;}
#page #header #headercont .lang ul {margin:0; padding:0;}
#page #header #headercont .lang ul li {list-style-type:none; float:left; margin:3px 7px 0 0; color:#999;  padding:0;}
#page #header #headercont .lang ul li a {color:#999; text-decoration:none;}
#page #header #headercont .lang ul li a.active {color:#ff9900;}

#page #header #headercont .logo_menu {width:1020px; height:100px; padding-top:10px;}
#page #header #headercont .logo_menu .logo {float:left; width:225px; height:78px;}
#page #header #headercont .logo_menu .menu {float:right; width:785px;}

/* Menu */

#page #header #headercont .logo_menu .menu #menu {list-style:none; margin:10px 0 0 0; padding:0; float:right;}
#page #header #headercont .logo_menu .menu #menu li {float:left; height:76px; cursor:pointer; padding:10px 5px 0 5px; background:url(../images/menuara.jpg) no-repeat top right;}
#page #header #headercont .logo_menu .menu #menu li:hover a {color:#ff9900;}
#page #header #headercont .logo_menu .menu #menu li.current {background:#ff9900; background-image:none; height:70px; padding:10px 5px;}
#page #header #headercont .logo_menu .menu #menu li.current a {color:#282828;}
#page #header #headercont .logo_menu .menu #menu li a h3 {font-family: 'OpenSansSemibold'; font-size:14px;}
#page #header #headercont .logo_menu .menu #menu li a {font-size:12px; font-family: 'OpenSansRegular'; line-height:18px; color:#fff; text-decoration:none; height:76px; display:block; padding:0 5px;}

/* Default */

#page #main .sayfa {width:1020px; margin:50px auto; overflow:hidden; min-height:100%;}
#page #main .sayfa .sayfa-sol {float:left;  height:350px; width:420px;}
#page #main .sayfa .sayfa-sol .resim {background:url(../images/slidesolbg.png) no-repeat; height:350px; width:420px;}
#page #main .sayfa .sayfa-sag {float:left; width:600px;}

/* İçerik */

#page #main .sayfa .icerik-sol {float:left; width:240px;}
#page #main .sayfa .icerik-sag {float:left; width:760px; margin-left:20px;}
#page #main .sayfa .icerik-sol .sol-menu {background:#282828 url(../images/switch_bg.gif) repeat; height:106px; width:210px; padding:15px;}
#page #main .sayfa .icerik-sag .icerik-resim {background:url(../images/kurumsal.png) no-repeat; height:136px; width:760px; line-height:136px}
#page #main .sayfa .icerik-sag .icerik-resim  span {font-family: 'OpenSansSemibold'; font-size:28px; color:#fff; margin-left:20px; }
#page #main .sayfa .icerik-sag .icerik-icerik {width:740px; margin:10px auto; text-align:justify;}
#page #main .sayfa .icerik-sag .icerik-icerik span {font-family:Arial; color:#fff;}
#page #main .sayfa .icerik-sol .sol-menu ul {list-style:none; margin:0; padding:0;}
#page #main .sayfa .icerik-sol .sol-menu ul li {width:210px; margin-bottom:5px;}
#page #main .sayfa .icerik-sol .sol-menu ul li a {color:#777; text-decoration:none; background:url(../images/a-bg.gif) no-repeat 0 3px; width:196px; display:block; padding:0 0 0 14px;}
#page #main .sayfa .icerik-sol .sol-menu ul li a:hover {color:#fff; background:url(../images/a-hover.gif) no-repeat 0 3px;}
#page #main .sayfa .icerik-sol .sol-menu ul li a.catcurrent {color:#ff9900; background:url(../images/a-active.gif) no-repeat 0 3px;}

/* Ürün Kategorileri */

#page #main .sayfa .sayfa-icerik {width:1020px;}
#page #main .sayfa .sayfa-icerik ul {list-style:none; margin:0 0 0 -20px; padding:0;}
#page #main .sayfa .sayfa-icerik ul li {float:left; width:490px; height:231px; background:#282828 url(../images/switch_bg.gif) repeat; margin:0 0 20px 20px;  position:relative; cursor:pointer; padding:5px;}
#page #main .sayfa .sayfa-icerik ul li:hover {background:#ff9900 url(../images/switch_bg_2.gif); height:231px; width:490px;}
#page #main .sayfa .sayfa-icerik ul li .resim {height:231px; width:490px; z-index:999}
#page #main .sayfa .sayfa-icerik ul li .baslik {position:absolute; top:96px; left:5px; background:#282828 url(../images/switch_bg.gif); height:50px; line-height:50px; padding:0 15px; color:#e4e9ec; width:280px; font-family: 'OpenSansRegular'; font-size:14px; z-index:9999}
#page #main .sayfa .sayfa-icerik ul li .baslik span {background:url(../images/urunnormal.png) no-repeat; height:50px; width:33px; float:right; margin:0 -15px 0 15px;}
#page #main .sayfa .sayfa-icerik ul li .baslik a {text-decoration:none; color:#e4e9ec; font-family: 'OpenSansRegular'; font-size:14px;}
#page #main .sayfa .sayfa-icerik ul li:hover .baslik {position:absolute; top:96px; left:5px; background:#ff9900 url(../images/switch_bg_2.gif); height:50px; line-height:50px; padding:0 15px; color:#282828; font-family: 'OpenSansRegular'; font-size:14px; z-index:9999}
#page #main .sayfa .sayfa-icerik ul li:hover .baslik span {background:url(../images/urunhover.png) no-repeat; height:50px; width:33px; float:right; margin:0 -15px 0 15px; z-index:99999; position:relative;}
#page #main .sayfa .sayfa-icerik ul li:hover .baslik a {color:#282828; height:50px; width:280px; display:block; z-index:999; position:absolute;}

/* Alt Kategoriler */

#page #main .sayfa .icerik-sol .detay-menu {background:#282828 url(../images/switch_bg.gif) repeat; min-height:300px; width:210px; padding:15px;}
#page #main .sayfa .icerik-sol .detay-menu div { width:210px; margin-bottom:5px;}
#page #main .sayfa .icerik-sol .detay-menu div a {color:#777; text-decoration:none; background:url(../images/a-bg.gif) no-repeat 0 3px; width:196px; display:block; padding:0 0 0 14px;}
#page #main .sayfa .icerik-sol .detay-menu div a:hover {color:#fff; background:url(../images/a-hover.gif) no-repeat 0 3px;}
#page #main .sayfa .icerik-sol .detay-menu div a.currentcat {color:#ff9900; background:url(../images/a-active.gif) no-repeat 0 3px;}

#page #main .sayfa .icerik-sol .detay-menu ul {margin:0 5px 0 15px ; padding:0;}
#page #main .sayfa .icerik-sol .detay-menu ul li {margin-bottom:2px;}
#page #main .sayfa .icerik-sol .detay-menu ul li a {color:#777; text-decoration:none; background:url(../images/a-bg.gif) no-repeat 0 3px; display:block; padding:0 0 0 14px;}
#page #main .sayfa .icerik-sol .detay-menu ul li a:hover {color:#fff; background:url(../images/a-hover.gif) no-repeat 0 3px;}
#page #main .sayfa .icerik-sol .detay-menu ul li a.catcurrent {color:#ff9900; background:url(../images/a-active.gif) no-repeat 0 3px;}

#page #main .sayfa .icerik-sol .detay-menu div span.currentcat {background:#ff9900; border:1px solid #ff9900;}

/* Ürünler */
#page #main .sayfa .icerik-sol .sol-menu .uretimli a {color:#ff9900; background:url(../images/a-active.gif) no-repeat 0 3px; padding:0 0 0 14px;}
#page #main .sayfa .icerik-sag  .icerik-urun {}
#page #main .sayfa .icerik-sag  .alturunler {width:760px; margin:0 0 20px 0; overflow:hidden; padding:10px 0; min-height:50px;}
#page #main .sayfa .icerik-sag  .alturunler ul {list-style-type:none; margin:0 0 0 -20px; padding:0;}
#page #main .sayfa .icerik-sag  .alturunler ul li {float:left; margin:0 0 20px 20px; width:230px; height:140px; position:relative; cursor:pointer; padding:5px; background:#282828 url(../images/switch_bg.gif) repeat;}
#page #main .sayfa .icerik-sag  .alturunler ul li:hover {background:#ff9900 url(../images/switch_bg_2.gif);}
#page #main .sayfa .icerik-sag  .alturunler ul li .resim {height:140px; width:230px; overflow:hidden; display:block; z-index:999}
#page #main .sayfa .icerik-sag  .alturunler ul li .baslik {position:absolute; top:100px; left:5px; background:#282828 url(../images/switch_bg.gif); height:40px; line-height:40px; padding:0 5px; color:#e4e9ec; width:215px; font-family: 'OpenSansRegular'; font-size:12px; z-index:9999}
#page #main .sayfa .icerik-sag  .alturunler ul li .baslik span {background:url(../images/kurunnormal.png) no-repeat; height:40px; width:23px; float:right; margin:0 -5px 0 5px;}
#page #main .sayfa .icerik-sag  .alturunler ul li .baslik a {color:#e4e9ec; font-family: 'OpenSansRegular'; font-size:12px; text-decoration:none; display:block; width:187px; float:left;}
#page #main .sayfa .icerik-sag  .alturunler ul li:hover .baslik {position:absolute; top:100px; left:5px; background:#ff9900 url(../images/switch_bg_2.gif); height:40px; line-height:40px; padding:0 5px; color:#282828; font-family: 'OpenSansRegular'; font-size:12px; z-index:9999}
#page #main .sayfa .icerik-sag  .alturunler ul li:hover .baslik span {background:url(../images/kurunhover.png) no-repeat; height:40px; width:23px; float:right; margin:0 -5px 0 5px;}
#page #main .sayfa .icerik-sag  .alturunler ul li:hover .baslik a {color:#282828; display:block;}


#page #main .sayfa .icerik-sag  .icerik-urun ul {list-style:none; margin:0 0 0 -20px; padding:0;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li {background:#282828 url(../images/switch_bg.gif); height:155px; width:136px; float:left; margin:0 0 20px 20px; overflow:hidden; position:relative;  text-align:center;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li:hover {background:#ff9900 url(../images/mercek.png) no-repeat 10px 106px;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan {position:absolute; height:172px !important;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan1 {height:146px !important;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan1 span { position:absolute; margin:133px auto 0;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan1 a { height:272px !important; width:136px; display:block; position:absolute; z-index:9999}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan1 a img {margin:5px;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan2 {height:111px !important; position:relative; padding-top:25px;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan2 span {color:#282828; margin-top:5px;}
#page #main .sayfa .icerik-sag  .icerik-urun ul li .resimalan .alan2 span.bold {font-weight:bold; font-size:25px;}


/* Foto Galeri */

#page #main .sayfa .icerik-sag  .icerik-uygulama {}
#page #main .sayfa .icerik-sag  .icerik-uygulama ul {list-style:none; margin:0; padding:0;}
#page #main .sayfa .icerik-sag  .icerik-uygulama ul li {width:126px; height:126px; background:#282828 url(../images/switch_bg.gif); padding:5px;}

/* Kampanyalar*/

#page #main .sayfa .kampanya-icerik {width:1020px;}
#page #main .sayfa .kampanya-icerik ul {margin:0 0 0 -20px; padding:0; list-style:none;}
#page #main .sayfa .kampanya-icerik ul li {float:left; width:240px; height:380px; background:#282828 url(../images/switch_bg.gif); margin-left:20px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya {width:230px; margin:5px auto;  height:380px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama {height:216px; width:220px; padding:0 5px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama:hover {background:url(../images/kampanyahover.png) no-repeat bottom center; height:216px; width:220px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-resim {width:230px; margin:0 0 10px 0;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-baslik {width:220px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-baslik span {color:#e4e9ec; font-size:14px; font-family: 'OpenSansSemibold';}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-tarih {width:220px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-tarih span {color:#e4e9ec; font-size:14px; }
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-detay {width:220px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-detay span {color:#fff;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-link {width:220px; text-align:left; margin-top:131px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama .kampanya-link img {margin-left:10px;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama:hover .kampanya-baslik span {color:#000;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama:hover .kampanya-tarih span {color:#000;}
#page #main .sayfa .kampanya-icerik ul li .kampanya .kampanya-aciklama:hover .kampanya-detay span {color:#000;}

/* İletişim */

#page #main .sayfa .bizeyazin {overflow:hidden; background:#282828 url(../images/switch_bg.gif) repeat;}
#page #main .sayfa .bizeyazin .form {border:1px solid #ff9900; width:90%; margin:10px auto; padding:10px; color:#ff9900; font-size:12px; font-family: 'OpenSansSemibold';}
#page #main .sayfa .bizeyazin .form .legend { font-size:14px; font-family: 'OpenSansSemibold'; color:#ff9900;}
#page #main .sayfa .bizeyazin .form p {width:100%;}
#page #main .sayfa .bizeyazin .form p.submitbuton {text-align:right; padding-top:5px;} 
#page #main .sayfa .bizeyazin .form p .txt {background:none; border:1px solid #ff9900; width:100%;  height:30px; color:#fff;}
#page #main .sayfa .bizeyazin .form p .txtbig  {background:none; border:1px solid #ff9900; width:99%;  height:130px; color:#fff;}
#page #main .sayfa .bizeyazin .form p.submitbuton .formbuton {background:#ff9900;  border:0; width:150px; height:40px; cursor:pointer; color:#fff; font-size:15px;}
#page #main .sayfa .bizeyazin .form p.submitbuton span {margin-right:30px;}

/* İnsan Kaynakları */


/***İK FORM***/
#page #main .sayfa .kampanya-form #ikform {width:100%;}
#page #main .sayfa .kampanya-form #ikform .iktitle { padding:5px; background:#ff9900; color:#fff; cursor:pointer; margin-bottom:5px; font-weight:bold;}
#page #main .sayfa .kampanya-form #ikform .iktitle:hover { background:#000; }
#page #main .sayfa .kampanya-form #ikform .ikcontent { border:#2780b3 1px solid; border-top:none; margin:-5px 0 5px 0; background:#fff; padding:5px;}
/***İK FORM***/

/***İK POZİSYON LİSTE***/
#page #main .sayfa .kampanya-form .ikpozisyon { width:1020px;}
#page #main .sayfa .kampanya-form .ikpozisyon ul { list-style-type:none;}
#page #main .sayfa .kampanya-form .ikpozisyon li { overflow:auto; padding:10px; margin-bottom:2px;}
#page #main .sayfa .kampanya-form .ikpozisyon li h3 { color:#2780b3; display:block; cursor:pointer; background:#ff9900; height:30px; line-height:30px; padding-left:10px;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik{ padding:5px 0px;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik hr { color:#ff9900; size:1;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik span { color:#ff9900; font-style:italic; display:block; margin:0 0 8px 0;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik p { padding-bottom:15px;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik a { margin:8px 0 0 0;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik a.basvuru:hover { background:#fff; color:#000; text-decoration:none; padding:8px 10px;}
#page #main .sayfa .kampanya-form .ikpozisyon li .iknitelik a.basvuru { background:#ff9900; color:#fff; text-decoration:none; padding:8px 10px;}
/***GENEL FORM***/
table.FormGenel { width:100%; padding:0; margin:0; color:#000;}
table.FormGenel td { padding:3px 0px;}
table.FormGenel td input, select, textarea {padding:5px; border:#bebfc1 1px solid;}
table.FormGenel td input:focus, select:focus, textarea:focus { border:#00abbd 1px solid;}
table.FormGenel td span { color:#ff0000;}
table.FormGenel td h3 { color:#00abbd; font-family:Lucida Sans Unicode; font-size:16px; letter-spacing:-1px;}
table.FormGenel td input.buton { background:#f0f0f0; padding:5px;text-align:center; color:#333; border:#bebfc1 1px solid; font-weight:bold; cursor:pointer;}
table.FormGenel td input.buton_add { background:#96bc33; padding:5px;text-align:center; color:#fff; border:#8aa13d 1px solid; font-weight:bold; cursor:pointer;}

table.FormGenelHead { width:75%; padding:0; margin:0; font-size:12px;}
table.FormGenelHead th { background:#e1e1e1; padding:3px 5px; border-right:#fff 1px solid;}
table.FormGenelHead tr:hover { background:#e1e1e1;}
table.FormGenelHead td { padding:3px 5px; border-right:#fff 1px solid;}
table.FormGenelHead td input, select, textarea {padding:5px; border:#bebfc1 1px solid;}
table.FormGenelHead td input.buton { background:#f0f0f0; padding:5px;text-align:center; color:#333; border:#bebfc1 1px solid; font-weight:bold; cursor:pointer;}
table.FormGenelHead td input.buton_add { background:#96bc33; padding:5px;text-align:center; color:#fff; border:#8aa13d 1px solid; font-weight:bold; cursor:pointer;}
table.FormGenelHead .delete { background:#ff0000; color:#fff; text-decoration:none; padding:2px 4px;}
/***GENEL FORM***/



/* Footer */

#page #footer {background:url(../images/footerbg.jpg) repeat-x; height:50px; width:100%; margin:25px auto 0; bottom:0;}
#page #footer .footer {width:1020px; margin:0 auto;}
#page #footer .footer .sol {float:left; width:600px; padding-top:5px;}
#page #footer .footer .sag {float:right; width:420px; text-align:right; padding-top:15px;}
#page #footer .footer .sol span {color:#ff9900; font-family: 'OpenSansRegular';}
#page #footer .footer .sol ul {list-style:none; margin:3px 0 0 0; padding:0;}
#page #footer .footer .sol ul li {float:left; margin:2px 2px;}
#page #footer .footer .sol ul li a {text-decoration:none; color:#fff; font-family: 'OpenSansRegular';}
#page #footer .footer .sol ul li span {border-left:1px solid #fff; height:30px; margin:3px 5px;}


/* Mevcut CSS dosyanızın sonuna ekleyin */

/* Mobil Uyumlu Stiller */
@media only screen and (max-width: 1024px) {
    /* 1024px ve altı ekranlar için */
    #page #header #headercont,
    #page #header #headercont .lang,
    #page #header #headercont .logo_menu,
    #page #main .sayfa,
    #page #footer .footer { width: 95%; /* Genişlikleri %95 yap */ }

        /* Logo ve menü düzenlemesi */
        #page #header #headercont .logo_menu .logo { float: none; /* Float özelliğini kaldır */ margin: 0 auto; /* Ortala */ text-align: center; }

        /* Ana menü düzenlemesi */
        #page #header #headercont .logo_menu .menu { float: none; width: 100%; }

            #page #header #headercont .logo_menu .menu #menu { float: none; text-align: center; }

                /* Menü öğelerini yatayda sırala */
                #page #header #headercont .logo_menu .menu #menu li { float: none; display: inline-block; height: auto; padding: 5px; }
}

@media only screen and (max-width: 768px) {
    /* 768px ve altı ekranlar için */
    body { background-attachment: scroll; /* Arkaplan sabitliğini kaldır */ }

    /* İçerik alanlarını alt alta diz */
    #page #main .sayfa .sayfa-sol,
    #page #main .sayfa .sayfa-sag,
    #page #main .sayfa .icerik-sol,
    #page #main .sayfa .icerik-sag { float: none; width: 100%; margin-left: 0; }
        #page #main .sayfa .icerik-sag .icerik-urun ul li { background: #282828 url(../images/switch_bg.gif); height: 155px; width: 136px; float: left; margin: 0 0 0px 0px; overflow: hidden; position: relative; text-align: center; }
    .prev_button {display:none!important;}
    .next_button { display: none !important; }
    /* Sol resim alanını responsive yap */
    #page #main .sayfa .sayfa-sol .resim { width: 100%; background-size: contain; }

        /* İçerik alanlarını düzenle */
        #page #main .sayfa .icerik-sag .icerik-resim,
        #page #main .sayfa .icerik-sag .icerik-icerik { width: 95%; margin: 10px auto; }

        /* Sol menüyü düzenle */
        #page #main .sayfa .icerik-sol .sol-menu,
        #page #main .sayfa .icerik-sol .detay-menu { width: 95%; margin: 0 auto 20px; }

    /* Ürün kategorilerini tek sütun yap */
    #page #main .sayfa .sayfa-icerik ul li { width: 95%; margin: 0 auto 20px; float: none; }

    /* Ürünleri tek sütun yap */
    #page #main .sayfa .icerik-sag .alturunler { width: 100%; }

        #page #main .sayfa .icerik-sag .alturunler ul li { width: 55%; margin: 0 auto 20px; float: none; }

    /* Kampanyaları tek sütun yap */
    #page #main .sayfa .kampanya-icerik ul li { width: 95%; margin: 0 auto 20px; float: none; height: auto; }

    /* Footer düzenlemesi */
    #page #footer .footer .sol,
    #page #footer .footer .sag { float: none; width: 100%; text-align: center; }

        /* Footer linklerini alt alta diz */
        #page #footer .footer .sol ul li { display: block; float: none; margin: 5px 0; }

            #page #footer .footer .sol ul li span { display: none; }
}

@media only screen and (max-width: 480px) {
    /* 480px ve altı (telefonlar) için */
    #page #header { height: auto; padding-bottom: 10px; }

        #page #header #headercont .logo_menu { height: auto; }

            /* Menü öğelerini tam genişlikte yap */
            #page #header #headercont .logo_menu .menu #menu li { display: block; width: 100%; text-align: center; padding: 5px 0; background: none; }

    #page #main .sayfa { margin: 20px auto; }

        /* İletişim formu elemanlarını genişlet */
        #page #main .sayfa .bizeyazin .form p .txt,
        #page #main .sayfa .bizeyazin .form p .txtbig { width: 95%; }

        /* Ürün kartlarını tek sütun yap */
        /*#page #main .sayfa .icerik-sag .icerik-urun ul li { width: 95%; margin: 0 auto 20px; float: none; }*/
}

/* Mobil cihazlar için görünüm ayarları */
@viewport { width: device-width; zoom: 1.0; }

/* Yön değişikliğinde metin boyutunun değişmesini engelle */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* Resimlerin responsive olmasını sağla */
img { max-width: 100%; height: auto; }