﻿
@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; }

	.header { -webkit-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.38); -moz-box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.38); box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.38); height: initial; }
	.header .logo { width: 170px; margin-top: 0; height: auto; position: relative; }
	.header .ust { display: none; }
	.header .ust .sag { }
	.header .ust .sag .telefon { }
	.header .alt { margin: 0; padding: 12px 0px; }

	.header .alt .menuBar { background: none; }
	.header .alt .menuBar:after, .header .alt .menuBar:before { display: none; }


	.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; 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: 18px; width: auto; }
	.header:after { bottom: 62px; display: none; }

	.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: 1; background: #fff; }
	.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; }



	/**************************************************************
        -- EKLENDİ -- 26/09/2016 --
    *****************************************/



	.mobBar { width: 100%; height: auto; float: left; display: block; margin-bottom: 17px; position: relative; margin-top: -15px; }
	.mobBar a.Vmenu { display: block; margin-left: 0; margin-top: 0; height: 40px; }
	.mfiltre { width: auto; float: right; display: block; margin-top: 15px; margin-right: 11px; }
	.mfiltre ul { width: auto; float: left; }
	.mfiltre ul li { width: auto; float: left; box-sizing: border-box; }
	.mfiltre a { width: auto; float: left; font-family: Arial; font-size: 11px; color: #616161; margin-left: 10px; border-right: solid 1px #AAAAAA; padding-right: 9px; margin-bottom: 10px; box-sizing: border-box; }
	.mfiltre a.active { color: #304f8f; }
	.mfiltre li:last-child a { padding-right: 0px; border-right: none; }
	.mobBar .Vmenu.active { margin-left: 20px; }

	.mfiltre ul.toparlan { width: 180px; display: none; position: absolute; right: 0; margin-top: 27px; z-index: 99999; background: #fff; padding: 5px 10px; box-sizing: border-box; -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); }
	.mfiltre ul.toparlan li { width: 100%; border-bottom: solid 1px #cecece; }
	.mfiltre ul.toparlan li:last-child { border-bottom: none; }
	.mfiltre ul.toparlan li a { margin: 0px; border: none; padding: 5px; width: 100%; }
	.filtre.top { display: inherit; position: relative; box-shadow: none; box-sizing: border-box; width: 100%; right: inherit; top: inherit; margin: 0px; padding: 3px 10px; margin-top: 6px; }

	.filTop { width: 217px; position: absolute; right: 0; background: #fff; -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); margin-top: 25px; display: none; }
	.solBar .filTop .guncelle { display: block; }

	.filTop .filtre ul { display: none; }
	.filTop .filtre.top:last-child { }
	.mfiltre a.fac { border: none; font-size: 12px; }
	.icerik .solBar { width: 100%; float: left; position: relative; left: 0px; top: 0px; z-index: 99999; }

	.YanMenu { width: 250px !important; position: absolute; top: 38px; display: none; -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); padding: 10px; background: #fff; }
	.YanMenu.ft { top: 33px; display: none; left: 0; top: 25px; }
	.filtre { width: 250px; display: none; position: absolute; right: 0; margin-top: 27px; z-index: 99999; background: #fff; padding: 15px; box-sizing: border-box; -webkit-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: -3px 3px 7px 0px rgba(0,0,0,0.17); }
}

@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 { }
	.header .logo a { width: 100%; height: auto; float: left; position: relative; left: inherit; top: inherit; }
	.header .logo a img { width: 100%; height: auto; float: left; position: relative; left: inherit; top: inherit; transform: inherit; max-width: inherit; max-height: inherit; }
	.header:after { top: 39px; bottom: inherit; }
	.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: 4px; }
	.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; }

	.listele.genelListe li .fiyat { font-size: 31px; line-height: 31px; }
}

@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) {
}
