/*
 * SITE-124 (K-070 madde 3): temel mobil uyum. Yalnız dar ekranda (<= 767px) devreye girer; masaüstü
 * görünümü değişmez. Amaç: 375px genişlikte yatay sayfa kaydırması olmaması; sabit genişlikli bloklar
 * ekrana sığar, yan yana bloklar alt alta dizilir, tablolar kendi içinde kayar.
 */
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    body {
        background-size: auto;
    }

    #main {
        min-width: 0 !important;
        width: auto !important;
        margin-top: 0 !important;
    }

    #main div,
    #main form,
    #main ul {
        min-width: 0 !important;
        max-width: 100%;
    }

    #main {
        overflow-wrap: anywhere;
    }

    /* Form satırları (giriş, kayıt, şifre): iç boşluk genişliğe dahil. */
    #main [class*="ga_input"] {
        box-sizing: border-box;
    }

    /* Ana sayfa bölümleri: sabit yükseklik/genişlik yerine içeriğe göre. */
    #main #middle_panel,
    #main #item_mall_prew,
    #main #item_mall_prew_container,
    #main #index2,
    #main #index2_container,
    #main #index3,
    #main #index3_container,
    #main #index_multimedia,
    #main #index_multimedia_container,
    #main #index_followus,
    #main #index_followus_container {
        width: auto !important;
        height: auto !important;
        margin-top: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    }

    #main #item_mall_prew_container > div,
    #main #index2_container > div,
    #main #index3_container > div,
    #main #index_multimedia_container > div,
    #main #index_followus_container > div {
        float: none !important;
        width: auto !important;
    }

    #main #middle_panel_news .middle_panel_news_tab {
        position: relative !important;
        left: auto !important;
        float: left;
        width: 25% !important;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #main #middle_panel_news #middle_panel_news_allnewsbutton {
        position: static !important;
        clear: both;
    }

    #main #item_mall_prew_container div {
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    #main .login_icon,
    #main .register_icon {
        display: none;
    }

    #main #index2_mascot,
    #main #index3_mascot {
        display: none !important;
    }

    #main img,
    #main iframe,
    #main video {
        max-width: 100%;
        height: auto;
    }

    #main input,
    #main select,
    #main textarea,
    #main button {
        max-width: 100%;
        box-sizing: border-box;
    }

    #main table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Üst çubuk ve menü: sabit (fixed) değil, akışta; içerik satıra sığmazsa alta kayar. */
    #main #head_topbar,
    #main #head_topmenu_cover {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    #main #head_topbar #head_topbar_container,
    #main #head_topmenu,
    #main #head_topmenu_container {
        width: auto !important;
        height: auto !important;
        overflow: hidden;
    }

    #main #head_topbar #head_topbar_container #topbar_time {
        display: none;
    }

    #main #head_topmenu_left,
    #main #head_topmenu_right {
        float: none !important;
        width: auto !important;
        height: auto !important;
        text-align: center;
    }

    #main #head_topmenu_left ul,
    #main #head_topmenu_right ul {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 6px 0 !important;
    }

    #main #head_topmenu_left ul a,
    #main #head_topmenu_left ul li,
    #main #head_topmenu_right ul li {
        display: inline-block;
        float: none !important;
        margin: 4px 8px !important;
    }

    #main #head_topmenu_logos_div {
        position: static !important;
        float: none !important;
        margin: 0 auto !important;
        text-align: center;
    }

    #main #head_topmenu_homebutton,
    #main #hiddenmenu,
    #betakeystaticDiv {
        display: none !important;
    }

    /* İçerik: sol menü ve orta panel alt alta. */
    #main #content,
    #main #content_container,
    #main #content_container_inside,
    #main #left_menu,
    #main #left_menu_container,
    #main #middle_panel,
    #main #footer,
    #main #footer_container {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        float: none !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #main #left_menu_container > div,
    #main #middle_panel > div {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin: 0 auto 8px !important;
    }

    #main #footer_container > div {
        position: static !important;
        margin: 8px auto !important;
        text-align: center;
    }
}