﻿@media (min-width: 768px) {
    .zeka_oyunlari ul .center, .center { width: 750px; }
}

@media (min-width: 992px) {
    .zeka_oyunlari ul .center, .center { width: 970px; }
}

@media (min-width: 1200px) {
    .zeka_oyunlari ul .center, .center { width: 1170px; }
    .zeka_adi, .yas, .oyuncu { font-size: 15px; padding: 0 20px; }
    .zeka_oyunlari li { display: table; }
}


@media (max-width:1024px) {
    header { margin-top: 0px; }
        header .left, header .right { float: none !important; width: 100%; text-align: center; margin-bottom: 10px; }
        header .ust_menu, .arama { float: none; display: inline-block; }
        header .sosyal_icon { float: left; }
        header .diller { margin-right: 0px; }
    .header_fixed .logo { width: 100%; }
    .header_fixed .sitemenu { margin-top: 0px; }
    .header_fixed .left { margin-bottom: 0px; }

    #main .sidebar { width: 25%; margin-top: 3%; }
    #main .content { width: 72%; margin-top: 3%; }

    .img_ortala { height: 140px; }
    .content_full .img_ortala { height: 148px; }

    .liste li { width: 202px; height: 200px; margin-bottom: 40px; }
    .content_full .liste li { width: 212px; height: 210px; }

    .kadro li { height: 240px; }
    .content_full .kadro li { height: 250px; }

    .urun li { height: 290px; }
    .content_full .urun li { height: 300px; }
    .urun .img_ortala { height: 242px; }
    .content_full .urun .img_ortala { height: 252px; }

    .postimage { width: 230px; }
    footer { padding-top: 200px; }

    .owl-carousel li { height: auto; }
    .anasayfa_urunler .owl-stage-outer .owl-stage-outer { width: 90%; }


    .sitemenu > ul > li { margin-left: 25px; }

    .zeka_oyunlari ul { width: 95%; }


    .zeka_adi, .yas, .oyuncu { padding: 0 20px; }
    .oyuncu, .yas { font-size: 14px; }

    .kitaplar_list li { width: 49%; margin-right: 1%; }
    body.zekaoyunlaridetay .detay_right, body.zekaoyunlaridetay .detay_left { float: none; width: 100%; display: table; margin-bottom: 25px; }
}

@media (max-width:992px) {
    footer .footer-content { margin: 0px; }

    .iicerik { width: 100%; float: none; margin-bottom: 40px; }
}

@media (max-width:768px) {
    #banner:after { border-width: 0px; -webkit-transform: none; content: none; }
    #banner .owl-dots { bottom: 15px; }
    .anasayfa_urunler .owl-stage-outer .owl-stage-outer { width: 98%; }
    .anasayfa_ust .counters label { font-size: 20px; }
    .anasayfa_ust .counters strong { font-size: 28px; }

    .page-header { height: auto; padding: 30px 0px 10px 0px; }
        .page-header:after { border-width: 0px; -webkit-transform: none; content: none; }
        .page-header h1 { padding-top: 0px; font-weight: 300; }
    .breadcrumb { padding-top: 20px; float: none; color: #fff; z-index: 9; }
        .breadcrumb a { color: #fff; font-size: 13px; }

    .img_ortala { height: 166px; }
    .content_full .img_ortala { height: 154px; }

    .liste li { width: 236px; height: 230px; }
    .content_full .liste li { width: 218px; height: 220px; }

    .kadro li { height: 260px; }
    .content_full .kadro li { height: 270px; }

    .urun li { height: 330px; }
    .content_full .urun li { height: 310px; }
    .urun .img_ortala { height: 284px; }
    .content_full .urun .img_ortala { height: 260px; }

    h1 { font-size: 24px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }

    .detay_left { width: 44%; }
    .detay_right { width: 48%; }

    .sosyal_paylasim .tweet { width: 100%; }
    .sosyal_paylasim .facebook { width: 100%; }
    .sosyal_paylasim .google { width: 100%; }

    .postimage { width: 40%; margin-right: 2%; }
}

@media (max-width:640px) {
    #main .sidebar { width: 100%; }
    #main .content { width: 100%; }

    .sicerik { display: none; }
    .solmenu { margin-bottom: 0px; }

    .img_ortala, .content_full .img_ortala { height: 126px; }
    .liste li, .content_full .liste li { width: 178px; height: 190px; }
    .kadro li, .content_full .kadro li { height: 230px; }

    .urun li, .content_full .urun li { height: 260px; }
    .urun .img_ortala, .content_full .urun .img_ortala { height: 212px; }

    footer { background: #f5f5f5; padding-top: 15px; padding-bottom: 10px; border-top: 3px solid #e0e0e0; margin-top: 20px; }
        footer .fmenu, footer .umenu { width: 50%; }
        footer .fsosyal { width: 100%; margin-top: 15px; }
    .anasayfa_ust .col-md-3 { width: 50%; }


    h1 { font-size: 22px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }

    div.postimage { width: 50%; }

    .iicerik { width: 100%; margin-bottom: 40px; }
    .iform { width: 90%; }

    .detay_right, .detay_left { width: 100%; }
    .urunlerdetay .form { width: 90%; }
}

@media (max-width:480px) {
    header .arama { margin-right: 0px; width: 100%; margin-top: 15px; }
    header .ust_menu { margin-right: 0px; width: 100%; text-align: center; }

    .img_ortala, .content_full .img_ortala { height: 148px; }
    .liste li, .content_full .liste li { width: 48%; height: 210px; margin: 0px 0px 20px 0px; }
        .liste li:nth-child(2n) { float: right; }
    .kadro li, .content_full .kadro li { height: 246px; }
    .urun li, .content_full .urun li { height: 300px; }
    .urun .img_ortala, .content_full .urun .img_ortala { height: 252px; }

    .postimage { width: 160px; }
    .owl-theme .owl-nav { display: none; }
    .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .owl-carousel li { width: 100% !important; }
    .anasayfa_urunler .owl-stage-outer .owl-stage-outer { width: 100%; }

    .caption { display: none; }
    .anasayfa_ust h5 { font-size: 26px; line-height: 32px; }
    .anasayfa_ust { font-size: 16px; }
        .anasayfa_ust .counters label { font-size: 16px; }
    footer .fmenu, footer .umenu { width: 100%; margin-bottom: 15px; }
    footer .fsosyal { margin-bottom: 15px; margin-top: 0px; }
    .liste li h4 { font-size: 14px; }
    .liste li p { font-size: 11px; }
}

@media (max-width:414px) {
}

@media (max-width:378px) {
}
