﻿
@media screen and (max-width: 1170px) {

    .ortala { width: 100%; max-width: none; display: block; float: left; padding: 0px 15px; box-sizing: border-box; position: relative; }
    .ortala.sld { padding: 0px; }

    .urunDetay .sag { width: 360px; }
    .urunDetay .sol { width: calc(100% - 360px); }

    .urunDetay .Ayrinti .slot:nth-child(2) { margin-left: 44px; }
}


@media screen and (max-width: 980px) {

    a.kmenu { display: block; }

    .listele.genelListe.bes ul li, .diz.bes > ul > li { width: 25%; }
    .listele.genelListe.iki ul li, .diz.iki > ul > li { width: 100%; }
    .listele.genelListe.dort ul li, .diz.dort > ul > li { width: 33.33%; }
    .listele.genelListe.alti ul li, .diz.alti > ul > li { width: 20%; }
    .listele.genelListe.yedi ul li, .listele.genelListe.sekiz ul li, .listele.genelListe.dokuz ul li, .listele.genelListe.on ul li, .diz.yedi > ul > li, .diz.sekiz > ul > li, .diz.dokuz > ul > li, .diz.on > ul > li { width: 16.66%; }

    .icerik .solBar { position: absolute; display: none; left: 0px; top: 38px; -webkit-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.43); -moz-box-shadow: -4px 4px 10px 0px rgba(0,0,0,0.43); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.43); }
    .icerik .sagBar { width: 100%; float: left; }

    a.Vmenu { display: block; }

    .slider ul, .slider ul li, .slider ul li a, .slider ul li img { background-size: cover !important; }

    .header .alt .menuBar { position: relative; margin-top: 12px; margin-bottom: 10px; }
    .header:after { bottom: 62px; }

    .kurumsalG .sol { width: 100%; display: inherit; float: left; padding-right: 0px; }
    .kurumsalG .sag { width: 100%; float: left; display: inherit; border: none; margin-top: 20px; }

    .kurumsalG .sag a { height: 80px; position: relative; overflow: hidden; }
    .kurumsalG .sag a:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 7; background: url(../images/katMask.png); }
    .kurumsalG .sag a:after {content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 5;background: rgba(255,255,255,0);background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(182,199,52,0.93) 26%, rgba(182,199,52,1) 28%, rgba(184,198,55,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(26%, rgba(182,199,52,0.93)), color-stop(28%, rgba(182,199,52,1)), color-stop(100%, rgba(184,198,55,1)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgb(218, 37, 29) 26%, rgb(218, 37, 29) 28%, rgb(218, 37, 29) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(182,199,52,0.93) 26%, rgba(182,199,52,1) 28%, rgba(184,198,55,1) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(182,199,52,0.93) 26%, rgba(182,199,52,1) 28%, rgba(184,198,55,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(218, 37, 29) 35%, rgb(218, 37, 29) 28%, rgb(218, 37, 29) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8c637', GradientType=1 );}
    .kurumsalG .sag a img { position: absolute; width: auto; height: auto; left: 0px; top: 50%; transform: translate(0%, -50%); }
    .kurumsalG .sag h6 { top: 20px; bottom: inherit; z-index: 15; }


    .tabMenu .tbAc { display: block; background: url(../images/ucgn2.png) no-repeat 89% center #ac0; padding: 7px 40px 7px 11px; color: #fff; }
    .tabMenu .tbAc:hover { color: #fff; }
    .tabMenu .tbAc.active { color: #fff; background-color: #565656; }
    .genelBaslik .tabMenu { position: relative; }
    .genelBaslik .tabMenu ul { position: absolute; width: 210px; right: 0px; top: 36px; display: none; z-index: 99; -webkit-box-shadow: -5px 5px 11px 0px rgba(0,0,0,0.23); -moz-box-shadow: -5px 5px 11px 0px rgba(0,0,0,0.23); box-shadow: -5px 5px 11px 0px rgba(0,0,0,0.23); transition: none; }
    .genelBaslik .tabMenu ul li { width: 100%; }
    .genelBaslik .tabMenu ul li a { width: 100%; padding: 7px 18px !important; border-bottom: solid 1px #d1d1ce; }
    .genelBaslik .tabMenu ul li:last-child a { border: none; }
    .genelBaslik .tabMenu ul li a.active { background: #b7c637; color: #fff; }



    .altBar .ustKisim { display: inherit; }
    .altBar .altMenu { width: 100%; float: left; display: inherit; text-align: center; }
    .altBar .altMenu .slot { float: none !important; display: inline-table; vertical-align: top; margin: 0px 5px 5px 5px; }
    .altBar .logo { display: none; }
    .altBar .sosyalMedia { width: 100%; float: left; margin-top: 15px; text-align: center; }
    .altBar .sosyalMedia a { float: none; display: inline-table; }
    .altBar .altKisim { display: inherit; }
    .altBar .altKisim .sol { width: 100%; float: left; display: inherit; text-align: center; margin-top: 20px; }
    .altBar .altKisim .sol .copy { width: 100%; float: left; }
    .altBar .altKisim .sag { width: 100%; float: left; display: inherit; text-align: center; }
    .altBar .altKisim .sag .bilgi { width: 100%; float: left; text-align: center; }
    .teknoBay a { width: 100%; float: left; text-align: center; }

    .katResim { height: 110px; background-size: cover !important; }
    .katResim strong, .katResim h1 { padding: 6px 29px 6px 20px; font-size: 14px; }


    .urunDetay .Ayrinti .slot { width: 100% !important; float: left; margin-left: 0px !important; border-bottom: solid 1px #eee; padding-bottom: 12px; margin-bottom: 12px; }
    .urunDetay .Ayrinti .slot:nth-child(2) { }
    .urunDetay .Ayrinti .slot .durum { margin-top: 0; }
    .urunDetay .Ayrinti .slot.drm span { margin-top: 6px; }
    .urunDetay .Ayrinti .slot:nth-child(3) { }
    .urunDetay h6.active { text-align: left; }
    .urunDetay .Ayrinti .slot .fiyati { text-align: left; margin-top: 7px; }
    .urunDetay .Ayrinti .slot:last-child { margin-bottom: 0px; }
    .urunDetay .sepeteEkle { width: 100%; margin-top: 0px; }
    .tabMenu ul { float: right; }
    .urunDetay .Ayrinti .slot .durum.active { float: none; display: inline-table; }
    .urunDetay .Ayrinti .slot.drm span { float: none; display: inline-table; vertical-align: top; }
    .urunDetay h6.active { text-align: center; margin-top: 5px; }
    .urunDetay .Ayrinti .slot .fiyati { text-align: center; margin-bottom: 10px; margin-top: 0px; }
}

@media screen and (max-width : 760px) {
}

@media screen and (max-width : 720px) {

    .listele.genelListe.uc ul li, .diz.uc > ul > li { width: 50%; }
    .listele.genelListe.dort ul li, .diz.dort > ul > li { width: 33.33%; }
    .listele.genelListe.bes ul li, .listele.genelListe.alti ul li, .diz.bes > ul > li, .diz.alti > ul > li { width: 33.33%; }
    .listele.genelListe.yedi ul li, .listele.genelListe.sekiz ul li, .listele.genelListe.dokuz ul li, .listele.genelListe.on ul li, .diz.yedi > ul > li, .diz.sekiz > ul > li, .diz.dokuz > ul > li, .diz.on > ul > li { width: 20%; }

    .urunDetay .sag { width: 70%; float: none; display: table; margin: 0 auto; }
    .urunDetay .sol { width: 100%; float: left; margin-top: 10px; text-align: center; padding-left: 0px; }
    .urunDetay .tag { text-align: center; padding-bottom: 18px; }
    .urunDetay .tag a { float: none; display: inline-table; margin: 1px; }
    .urunDetay .BedenG ul { text-align: center; }
    .urunDetay .BedenG ul li { float: none; display: inline-table; margin: 3px; }
    .urunDetay .RenkSec ul, .urunDetay .iconSet.genelListe ul { text-align: center; }
    .urunDetay .RenkSec ul li, .urunDetay .iconSet.genelListe ul li { float: none; display: inline-table; margin: 3px; }
    .urunDetay .Ayrinti .slot .artir { float: none; display: table; margin: 0 auto; width: auto; }
    .genelBaslik .dtCenter { width: 100%; text-align: center; }
    .genelBaslik.active.yukari.dtAfter:after { left: calc(50% - 17px); }
}

@media screen and (max-width : 700px) {

    .slider .yazi { font-size: 19px; line-height: 18px; padding: 9px 16px; }

    .haberGoster.genelListe li .sol { width: 100%; height: auto; float: left; display: inherit; background: #51524f; }
    .haberGoster.genelListe li .sol:after { display: none; }
    .haberGoster.genelListe li .sag { width: 100%; display: inherit; float: left; padding-top: 10px; padding-bottom: 10px; }
    .haberGoster.genelListe li h6 { font-size: 15px; }
    .haberGoster.genelListe li p { font-size: 13px; }
    .haberGoster.genelListe li .sol .tarihB div { float: none; display: inline; vertical-align: middle; }
    .haberGoster.genelListe li .sol .gun { font-size: 25px; }
    .haberGoster.genelListe li .sol .ay, .haberGoster.genelListe li .sol .yil { }
}

@media screen and (max-width : 650px) {

    .header .logo {width: 186px;/* height: auto; *//* float: left; *//* position: relative; *//* background: none; *//* margin-top: 14px; */}
    .header .logo a {}
    .header .logo a img {}
    .header:after {top: 39px;bottom: inherit;display: none;}
    .header .ust .sag .ustMenu { margin-top: 10px; }
    .header .ust .sag .ustMenu a { font-size: 12px !important; }
    .header .ust .sag .dil a { font-size: 12px; }
    .header .ust .sag { width: 100%; }
    .header .alt .menuBar {width: auto;float: right;margin-top: -6px;}
    .header .ust .sag .dil { float: right; }

    .dHaberDet h1, .dHaberDet h2, .dHaberDet h3, .dHaberDet h4, .dHaberDet h5 { width: 100%; float: left; margin-bottom: 10px; }
    .dHaberDet .sag { width: calc(100% - 164px); margin-top: 0px; }
    .dHaberDet .sag .yazi { margin-top: 0px; }
    .dHaberDet .sol { width: 164px; }
}

@media screen and (max-width : 600px) {

    .listele.genelListe.dort ul li, .diz.dort > ul > li { width: 50%; }
    .listele.genelListe.bes ul li, .listele.genelListe.alti ul li, .diz.bes > ul > li, .diz.alti > ul > li { width: 33.33%; }
    .listele.genelListe.yedi ul li, .listele.genelListe.sekiz ul li, .listele.genelListe.dokuz ul li, .listele.genelListe.on ul li, .diz.yedi > ul > li, .diz.sekiz > ul > li, .diz.dokuz > ul > li, .diz.on > ul > li { width: 25%; }
}

@media screen and (max-width : 540px) {

    .urunDetay .sag { width: 100%; float: left; display: inherit; }
    .urunDetay .yorumLar .yorumYap .yinpt { width: 100%; }
    .urunDetay .yorumLar .yorumYap .yinpt:nth-child(2) { margin-top: 10px; }
}

@media screen and (max-width : 480px) {

    .listele.genelListe.bes ul li, .listele.genelListe.alti ul li, .listele.genelListe.yedi ul li, .listele.genelListe.sekiz ul li, .listele.genelListe.dokuz ul li, .listele.genelListe.on ul li, .diz.bes > ul > li, .diz.alti > ul > li, .diz.yedi > ul > li, .diz.sekiz > ul > li, .diz.dokuz > ul > li, .diz.on > ul > li { width: 50%; }
    .dHaberDet .sag { width: 100%; margin-top: 10px; }
    .dHaberDet .sag .yazi { margin-top: 0px; }
    .dHaberDet .sol { width: 100%; margin-right: 0px; padding-right: 0px; }
    .dHaberDet h1, .dHaberDet h2, .dHaberDet h3, .dHaberDet h4, .dHaberDet h5, .dHaberDet h1 a { font-size: 16px; }
}

@media screen and (max-width : 460px) {
    .duyuruHaber ul li a .resim { display: none; }
    .linkAgaci { display: none; }
    .katResim strong, .katResim h1 { bottom: 10px; }
}

@media screen and (max-width : 440px) {
}

@media screen and (max-width : 420px) {

    .listele.genelListe.uc ul li, .listele.genelListe.dort ul li, .listele.genelListe.bes ul li, .listele.genelListe.alti ul li, .listele.genelListe.yedi ul li, .listele.genelListe.sekiz ul li, .listele.genelListe.dokuz ul li, .listele.genelListe.on ul li, .diz.uc > ul > li, .diz.dort > ul > li, .diz.bes > ul > li, .diz.alti > ul > li, .diz.yedi > ul > li, .diz.sekiz > ul > li, .diz.dokuz > ul > li, .diz.on > ul > li { width: 100%; }
}

@media screen and (max-width : 350px) {
}
