﻿@media (max-width: 1440px) {
    .sitemenu > ul > li { margin-left: 20px; }
}

@media (min-width: 1200px) {
    .center { width: 1170px }
}

@media (max-width: 1199px) {
    .center { width: auto; }

    #main .sidebar { width: 22%; }
    #main .content { width: 75%; }

    header .logo { float: none; width: 100%; text-align: center; }
    .header_fixed .logo { display: none; }
    .header_fixed .sitemenu { margin-top: 0px; }
    header .right { width: 100%; }
    .header_ust { text-align: center; margin: 20px auto; display: table; }

    .postimage2, .postimage, .anasayfa_ust_img { width: 40%; }
    .loop2.owl-theme .owl-nav .owl-prev { left: 0px; }
    .loop2.owl-theme .owl-nav .owl-next { right: 0px; }
    .ebulten .col7, .ebulten .col5 { width: 100%; }
    .ebulten .col7 { margin-bottom: 15px; }

    .banner { min-height: inherit; }
    .page-header.middle { position: relative; left: 0px; top: 0px; -ms-transform: none; -webkit-transform: none; transform: none; }
    .page-header { padding: 40px 0px; }
}

@media (max-width: 1024px) {
    .liste li img, .img_ortala { height: 187px !important; }
    .referans li .img_ortala { height: 120px !important; }
    .urun li img { height: 276px !important; }
    .haber li img { height: 241px !important; }
}

@media (max-width: 992px) {
    .liste li img, .img_ortala { height: 181px !important; }
    .referans li .img_ortala { height: 120px !important; }
    .urun li img { height: 215px !important; }
}

@media (max-width: 812px) {
    .liste li, .haber li { width: 48%; margin-right: 0px; margin-bottom: 5%; }
        .liste li:nth-child(2n), .haber li:nth-child(2n) { float: right; }

    .referans li { width: 23.5%; margin-right: 2%; margin-bottom: 4%; }
        .referans li:nth-child(5n) { margin-right: 2%; }
        .referans li:nth-child(4n) { margin-right: 0px; }

    .postimage2, .postimage, .anasayfa_ust_img { width: 50%; }
    .iform, .iicerik, .detay_left, .detay_right, #main .content { width: 100%; }
    #main .sidebar { display: none; }
    .iform { margin-top: 30px; }
    #banner .owl-nav .owl-prev, #banner .owl-nav .owl-next { display: none }

    .liste li img, .img_ortala { height: 209px !important; }
    .referans li .img_ortala { height: 120px !important; }
    .urun li img { height: 307px !important; }
    .haber li img { height: 281px !important; }

    .sosyal_paylasim .tweet { width: 100%; }
    .sosyal_paylasim .facebook { width: 100%; }
    .sosyal_paylasim .google { width: 100%; }

    footer .copyright img { float: none; margin-top: 8px; }
    footer .copyright { text-align: center; margin-top: 15px; float: none; line-height: normal; }
    .ebulten { float: none; width: 100%; text-align: center; }

    #banner .owl-dots { bottom: 10px; display: none; }
    .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; border: 1px solid; }

    .page-header { padding: 30px 0px; }

    h1 { font-size: 22px; }
    h2 { font-size: 18px; }
    h3 { font-size: 15px; }
    h4 { font-size: 14px; }
    h5 { font-size: 13px; }
    h6 { font-size: 12px; }

    .abaslik { font-size: 26px; }
    .anasayfa_orta h3 { font-size: 20px; }
    .anasayfa_orta { height: 326px; font-size: 13px; }

    .anasayfa_hakkimizda .anasayfa_hakkimizda_right, .anasayfa_hakkimizda .anasayfa_hakkimizda_left { float: none; width: 100%; margin-bottom: 20px; }
}

@media (max-width:736px) {
    .anasayfa_hakkimizda .anasayfa_hakkimizda_left h3 { font-size: 22px; }
    .anasayfa_haberler .haber_icerik { font-size: 16px; }
}

@media (max-width:667px) {
    header .sosyal_icon, .diller, .arama { float: none; margin-top: 10px; }
    #banner .caption { display: none; }
    .postimage2, .postimage, .anasayfa_ust_img { width: 100%; margin-left: 0px; margin-bottom: 20px; }

    .liste li img, .img_ortala { height: 173px !important; }
    .referans li .img_ortala { height: 120px !important; }
    .urun li img { height: 253px !important; }
    .haber li img { height: 229px !important; }

    .anasayfa_ust .more { margin-top: 20px; display: block; text-align: center; }

    .urun_left, .urun_resimleri { float: none; width: 100%; margin-bottom: 30px; }
}

@media (max-width:568px) {
    .ebulten .txt_ebulten { width: 70%; }
    .ebulten .btn_ebulten { width: 28%; float: right; }

    .liste li img, .img_ortala { height: 153px !important; }
    .referans li .img_ortala { height: 100px !important; }
    .urun li img { height: 224px !important; }
    .haber li img { height: 202px !important; }

    .referans li { width: 32%; margin-bottom: 6%; }
        .referans li:nth-child(5n) { margin-right: 2%; }
        .referans li:nth-child(4n) { margin-right: 2%; }
        .referans li:nth-child(3n) { margin-right: 0%; }
}

@media (max-width:480px) {
    .liste li img, .img_ortala { height: 127px !important; }
    .referans li .img_ortala { height: 100px !important; }
    .urun li img { height: 187px !important; }
    .haber li img { height: 169px !important; }
}

@media (max-width:414px) {
    /*.liste li img, .img_ortala { height: 110px !important; }
    .referans li .img_ortala { height: 100px !important; }
    .urun li img { height: 160px !important; }
    .haber li img { height: 144px !important; }*/

    .page-header { padding: 15px 0px; }

    .banner { margin-bottom: 15px; }
    body.altsayfa .anasayfa_hakkimizda .center { padding: 0px; }

    .liste li, .haber li, .form .iletisim_left, .form .iletisim_right { width: 98%; margin: 0px auto !important; margin-bottom: 8% !important; float: none !important }
    .referans li { width: 48%; margin-right: 0% !important; }
        .referans li:nth-child(2n) { float: right; }
    .haber li img, .urun li img, .liste li img, .img_ortala { height: auto !important; }
    .form .iletisim_left, .form .iletisim_right { margin-bottom: 0px !important; margin-top: 10px !important; }

    #haber figure img { width: 100%; }
    #referanslar .img_ortala { height: 100px !important; }
    .anasayfa_hakkimizda .anasayfa_hakkimizda_left h3, .page-header h1 { font-size: 18px; }

    .ebulten .col4, .ebulten .col8 { float: none; width: 100%; text-align: center; }
}

@media (max-width:378px) {
}
