﻿

@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; }

	.Glogo { display: none; }
	.Glogo a { right: inherit; left: 0; right: inherit; }


	.header { width: 100%; height: auto; float: left; right: inherit !important; position: relative; z-index: 950; background: rgba(0, 0, 0, 0.81); padding: 21px 0px; }
	.menuAc { display: none; }
	.header .logo { width: 200px; float: left; margin: 11px 0 0 20px; }
	.header .kapsa { width: auto; float: right; }
	.header .menuBar { width: auto; float: left; position: relative; margin-right: 20px; margin-top: 0; }
	.sosyalMedia { display: none; }
	a.kmenu { display: block; }


	.slider { height: auto; position: relative; float: left; }
	.slider ul, .slider ul li, .slider ul li a, .slider ul li img { background-size: cover !important; }

	.slider .pages { width: 100%; height: 31px; transform: none; bottom: 0px; position: absolute; text-align: center; top: calc(100% - 37px); left: 0; }
	.slider .pages span { width: 31px; height: 31px; float: none; margin: 0px; margin: 14px; }
	.slider .pages span:before { width: 23px; height: 23px; left: 4px; top: 4px; }
	.slider .pages span:after { width: 11px; height: 11px; left: 10px; top: 10px; }
	.altBar { position: relative; background: #101010; }

	.altBar a.teknoBay { width: 100%; float: left; text-align: center; margin: 0px; color: #fff; }


	.icerik { margin-top: 11px; }
	.icerik .solBar { position: absolute; display: none; margin-top: 30px; margin-left: 0; -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.87); -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.87); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.87); z-index: 85; background: rgba(0, 0, 0, 0.87); z-index: 99999; }
	.icerik .sagBar { width: 100%; float: left; padding: 0; /* background: #fff; */ }
	a.Vmenu { display: block; }

	.wrap, .wrap.active { width: 100%; margin-top: 90px; }

	.genelBaslik { padding: 0px 15px 8px 25px; }


	.genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6 { font-size: 17px; line-height: 21px; margin-top: 2px; }
	.ps-scrollbar-x-rail, .ps-scrollbar-y-rail { display: none !important; }


	.urunDetay { text-align: center; }
	.urunDetay .solKisim { width: 500px; float: none; display: inline-table; table-layout: fixed; }
	.urunDetay .sagKisim { width: 100%; margin-top: 20px; }
	.urunDetay .fiyatTalebi { float: none; display: inline-table; }


	.aLink.genelListe { width: 100%; position: relative; left: inherit; top: inherit; transform: inherit; margin: 30px 0; bottom: inherit; }
	.aLink.genelListe li { width: 100%; text-align: center; margin: 0 0 21px 0; }
	.aLink.genelListe li:last-child { margin-bottom: 0 }
	.aLink.genelListe li .resim { width: 100%; }
	.aLink.genelListe li h6 { padding: 30px 0 0 0; }
	.aLink.genelListe li a { }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width : 1070px) {
}

@media screen and (max-width : 980px) {

	.genelListe.media li { width: 33.33%; }

	.araclar.genelListe ul li h6 { position: relative; width: 100%; text-align: center; right: inherit; bottom: inherit; font-size: 14px; margin-bottom: 10px; bottom: inherit !important; background: #3c3c3c; }
}

@media screen and (max-width : 760px) {
}

@media screen and (max-width : 720px) {
}

@media screen and (max-width : 700px) {
}

@media screen and (max-width : 650px) {
	.genelListe.media li { width: 50%; }
}

@media screen and (max-width : 634px) {
	.urunDetay .solKisim { width: 100%; float: left; display: inherit; }
	.urunDetay .fiyatTalebi { width: 100%; float: left; box-sizing: border-box; }
}

@media screen and (max-width : 520px) {
}

@media screen and (max-width : 480px) {
	.araclar.genelListe ul li { width: 100%; }
}

@media screen and (max-width : 440px) {
	.genelListe.media li { width: 100%; }
}

@media screen and (max-width : 420px) {
}

@media screen and (max-width : 370px) {
}
