﻿
@media screen and (max-width: 1700px) {

	main { width: 100%; margin: 0; }
	.sliderWrap { width: 100%; }

	header { top: 40px; }
	.icerik { width: 100%; margin: 40px 0 0 0; }
}


@media screen and (max-width: 1420px) {

	.ortala.wide { width: calc(100% - 100px); margin: 0 0 0 50px; }
	.ortala { width: 1170px; margin-left: calc(50% - 585px); }

	.anaSayfa { width: calc(100% - 50px); margin: 50px 0 0 25px; }
	.altBar { width: calc(100% - 50px); margin: 0 0 25px 25px; }
	.sliderWrap { width: 100%; height: 100%; margin: 0; }
	.aramaModulu { width: 1170px; left: calc(50% - 585px); }
	.aramaModulu.alt .aracKapsul { width: 100%; margin: 0; }


	.anaBilgi { padding: 40px 20px; text-align: center; }
	.anaBilgi .kapsa { width: 585px; margin-left: calc(50% - 585px); padding-right: 30px; }

	.steps { width: calc(100% - 50px); margin: 0 0 0px 25px; }




	.secimYap .solKisim { width: calc(100% - 280px); }
	.secimYap .sagKisim { width: 260px; }
	.secimYap .sagKisim .toplamWrap { width: 260px; }
	.secimYap .sagKisim .uKapsa { width: 260px; }


	.katResim:not(.altArama) .kapsa { width: 1170px; position: absolute; left: calc(50% - 585px); }


	.aracListV5.genelListe li .bilgi .sagK .fiyat .gercek { font-size: 25px; line-height: 28px; }
}


@media screen and (max-width: 1170px) {


	.ortala { width: 100% !important; max-width: none; display: block; float: left; padding: 0px 20px !important; box-sizing: border-box; position: relative; box-sizing: border-box; margin: 0 !important; }
	.ortala.sld { padding: 0px; }

	a.kmenu { display: flex; }
	a.kmenu.active:before, a.kmenu.active:after, a.kmenu.active span { background: #fff !important; }
	a.kmenu span { left: 8px; }


	.genelBaslik .Vmenu { display: block; float: none; display: table-cell; top: 0; }
	.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: 20px; margin-top: 1px; }
	.genelBaslik { padding-bottom: 12px; padding-left: 7px; border-bottom: solid 1px #c3c3c3; display: table; margin-top: 0px; }
	.genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6 { float: none; display: table-cell; vertical-align: middle; padding-left: 10px; }


	.icerik .solBar { width: 250px; position: absolute; 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); top: 33px; z-index: 9999; background: #fff; padding: 12px 20px; }
	.icerik .sagBar { width: 100%; float: left; padding: 0; }


	.icerik { width: 100%; margin: 30px 0 0px 0px; }
	.userControl { margin-top: 0px !important; }

	.bekle { background-position: center 7px; }
	.bekle:after { margin-top: 76px; }


	.anaBaslik { margin: 0 0 19px 0px; display: flex; flex-direction: column; align-items: center !important; justify-content: center !important; background-position: center bottom !important; }
	.anaBaslik.sol:before { text-align: center; left: 0; }
	.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik h5, .anaBaslik strong { font-size: 22px; line-height: 22px; font-weight: 900; text-align: center; }



	header { top: 30px; }
	header .logo { width: 145px; z-index: 101; }
	header .sagK { flex-direction: row-reverse; }
	header .menuBar { margin: 0; }
	header .dil { border: none; padding: 0; margin: 0 14px 0 0; z-index: 101; }
	header .dil a { font-size: 14px; line-height: 14px; }



	main { width: 100%; margin: 0; }
	main section .inner { flex-direction: column; }
	main section .yazi { font-size: 15px; line-height: 23px; font-weight: 400; text-align-last: center; }




	.sliderWrap { width: 100%; height: auto; margin: 0; }
	.slider:after { display: none; }
	.slider > ul, .slider > ul > li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
	.slider > ul > li:after { background: #25212163; z-index: 9; }
	.slider .sKapsa { width: 100%; float: left; left: initial; top: initial; transform: initial; padding: 0 20px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 49px 0 0 0; }
	.slider .sKapsa strong { font-size: 26px; line-height: 30px; font-weight: 600; text-align: center; text-shadow: 2px 2px 3px hsl(0deg 0% 0% / 16%); margin: 0 0 20px 0; }
	.slider .sKapsa p { font-size: 16px; line-height: 23px; font-weight: 300; text-shadow: 2px 2px 2px hsl(0deg 0% 0% / 39%); padding: 0; text-align: justify; text-align-last: center; margin: 0 0 30px 0; }
	.slider .sKapsa a { font-size: 15px; line-height: 15px; font-weight: 300; margin: 0; padding: 16px 18px; margin: 0 0 20px 0; }
	.slider .sKapsa a:last-child { margin-bottom: 0; }
	.slider .sKapsa:after { display: none; }
	.slider .sKapsa a.aracKirala { margin: 0; }


	@media screen and (max-height: 492px) {

		.slider .sKapsa p { display: none; }
	}



	.hakkimizda:after { display: none; }
	.hakkimizda .solK { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
	.hakkimizda .solK img { width: auto; max-width: 100%; height: 220px; }
	.hakkimizda .sagK { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 40px 0 0 0; }
	.hakkimizda .sagK .yazi { margin: 0; }
	.hakkimizda .sagK .ozellik { margin: 30px 0 0px 0; }
	.hakkimizda .sagK .ozellik > div { font-size: 15px; line-height: 15px; font-weight: 400; padding: 30px 0 0 0; text-align: center; }
	.hakkimizda .sagK .ozellik > div:before, .hakkimizda .sagK .ozellik > div:after { left: calc(50% - 12px); top: 0; }




	.avantaj.genelListe { margin: 60px 0 0 0; }
	.avantaj.genelListe:after { display: none; }
	.avantaj.genelListe .kapsa { margin: 20px 0 0 0; }
	.avantaj.genelListe li { width: 100%; margin: 0 0 40px 0 !important; }
	.avantaj.genelListe li:last-child { margin-bottom: 0 !important; }



	.kampanya.genelListe { padding: 0; margin: 20px 0 0 0; }
	.kampanya.genelListe .kapsul { width: 100%; float: left; position: relative; }
	.kampanya.genelListe .kapsa { width: 100%; }
	.kampanya.genelListe li .resim { padding: 0; }
	.kampanya.genelListe li h6 { padding: 23px 20px; font-size: 15px; line-height: 20px; }
	.kampanya.genelListe li .yazi { font-size: 14px; line-height: 21px; }
	.kampanya.genelListe li span.link { font-weight: 400; }



	.hizmet.genelListe { margin: 60px 0 0 0; }
	.hizmet.genelListe .slot { width: 100%; float: left; position: relative; }
	.hizmet.genelListe .slot.resmi { width: 100%; padding: 20px 0; justify-content: center; }
	.hizmet.genelListe .slot.resmi img { position: absolute; }
	.hizmet.genelListe .slot.resmi .kapsa { position: relative; padding: 80px 20px; }
	.hizmet.genelListe .slot.liste .kapsa { padding: 40px 0; margin: 0; background: #fafafa; width: 100%; }
	.hizmet.genelListe li { width: 100%; }
	.hizmet.genelListe li:last-child { margin-bottom: 0; }
	.hizmet.genelListe li .kapsul { flex-direction: column; align-items: center; justify-content: center; }
	.hizmet.genelListe li .resim { width: 40px; margin: 0 0 11px 0; }
	.hizmet.genelListe li h6 { width: 100%; text-align: center; font-size: 16px; line-height: 17px; }




	.araclar.genelListe { margin: 70px 0 0 0; }
	.araclar.genelListe li h6 { font-size: 21px; line-height: 23px; font-weight: 400; letter-spacing: 0; }
	.araclar.genelListe li .fiyat { flex-direction: column; }
	.araclar.genelListe li .fiyat b { margin: 0; }
	.araclar.genelListe li .ozellik { flex-direction: column; }
	.araclar.genelListe li .ozellik > div { margin: 0 0 18px 0; flex-direction: column; }
	.araclar.genelListe li .ozellik > div:last-child { margin-bottom: 0; }
	.araclar.genelListe li .ozellik > div img { margin: 0 0 8px 0; }



	footer { margin: 60px 0 0 0; }
	footer .inner { flex-direction: column; align-items: center; justify-content: center; }
	footer .ebulten .inner { align-items: center; justify-content: center; }
	footer .ebulten .solK { width: 100%; padding: 0; }
	footer .ebulten .solK span { text-align: center; }
	footer .ebulten .solK strong { width: 100%; float: left; text-align: center; }
	footer .ebulten .solK p { width: 100%; float: left; position: relative; text-align: center; }
	footer .ebulten .sagK { width: 100%; float: left; position: relative; margin: 20px 0 0 0px; }
	footer .ebulten .sagK input[type="text"] { font-size: 13px; line-height: 14px; letter-spacing: 0; }
	footer .teklifAl .solK { width: 100%; }
	footer .teklifAl .solK iframe { height: 250px; }
	footer .teklifAl .sagK { width: 100%; padding: 20px 20px; }
	footer .teklifAl .sagK .kapsa { width: 100%; }
	footer .teklifAl .sagK .kapsa h6 { font-size: 23px; line-height: 25px; font-weight: bold; color: #5b5b5b; text-align: center; margin: 0 0 20px 0; }
	footer .iletisim ul { flex-direction: column; }
	footer .iletisim ul li { width: 100%; float: left; margin: 0 0 30px 0; }
	footer .iletisim ul li:last-child { margin-bottom: 0; }
	footer .iletisim ul li a { flex-direction: column; align-items: center; justify-content: center; }
	footer .iletisim ul li img { width: auto; height: 30px; margin: 0 0 13px 0; }
	footer .iletisim ul li .bilgi strong { font-weight: 600; margin: 0 0 7px 0; }
	footer .iletisim ul li .bilgi span { font-size: 14px; line-height: 19px; font-weight: 400; text-align: center; }
	footer .iletisim ul li .bilgi { width: 100%; flex-direction: column; align-items: center; justify-content: center; border: none; padding: 0; }
	footer .alt .sosyal a { font-size: 22px; line-height: 24px; color: #505050; }



	.katResim { width: 100%; height: 260px; margin: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
	.katResim:after { display: none; }
	.katResim .kapsa { width: 100% !important; left: initial !important; top: initial !important; margin: 107px 0 0 0 !important; padding: 0 20px; }
	.katResim .kapsa h1, .katResim .kapsa strong { font-size: 26px; line-height: 30px; font-weight: 600; text-align: center; text-shadow: 2px 2px 3px hsl(0deg 0% 0% / 16%); margin: 0 0 20px 0; }



	.aramaModulu ul li { width: 100% !important; border: none !important; margin: 0 0 30px 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
	.aramaModulu ul li .select.lokas .select2-container--default .select2-selection--single { border: solid 1px #e3e3e3; }
	.aramaModulu ul li .dKapsa { width: 100%; padding: 0 0 30px 0; margin: 0 0 30px 0; border-right: 0; border-bottom: solid 1px #f0f0f0; }
	.aramaModulu ul li .dKapsa:last-child { margin-bottom: 0; }
	.aramaModulu.alt ul li label { position: relative; left: initial; top: 0; text-align: center; }
	.aramaModulu ul li.wtar .kapsa { align-items: center; flex-direction: column; padding: 0; }
	.aramaModulu ul li .inputs { align-items: center; justify-content: center; }
	.aramaModulu ul li .inputs .tarihim .wrap { align-items: center; justify-content: center; }
	.aramaModulu ul li .inputs .saatim { align-items: center; justify-content: center; margin: -10px 0 0 0; }
	.aramaModulu ul li.wtar .kapsa:before { display: none; }
	.aramaModulu ul li .inputs .saatim:after { left: calc(50% - 3px); }



	.AracButon { margin: 0 0 0 0; }
	.AracButon a { width: 100%; font-size: 14px; line-height: 16px; font-weight: 300; padding: 24px 20px; }
}

@media screen and (max-width: 1024px) {

	.icerik .yazi { font-size: 13px; line-height: 21px; text-align-last: center; }
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 980px) {
	.genelListe.media li { width: 33.33%; }
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {
	.kampanya.genelListe li .resim { width: 100%; }
}

@media screen and (max-width: 720px) {

	.genelListe.media li { width: 50%; }
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 630px) {
}

@media screen and (max-width: 568px) {
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 510px) {
}

@media screen and (max-width: 480px) {
}


@media screen and (max-width: 452px) {
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 370px) {
}
