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

	.ortala.wide { width: 100%; margin: 0; padding: 0 40px; }

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


	.slider ul li .kapsa strong { font-size: 60px; line-height: 60px; }

	.sliderWrap .sosyal { left: 40px; }

	.sliderWrap .pages { left: 190px; }

	header:after { width: 40px; }

	.sliderWrap .urunler ul li a figure img { max-width: 40px; max-height: 60px; }

	.sliderWrap .urunler { width: 250px; }
	.sliderWrap .urunler.wdAc a.urAc { font-size: 17px; line-height: 22px; width: 250px; }
	/*.sliderWrap .urunler.wdAc.active a.urAc { right: 187px;} */

	.kurumsal:before { width: calc(50% - 585px); }

	.kurumsal .inner:after { display: none; }
	.kurumsal:after { display: none; }

	.proje.genelListe .arr { width: 30px; height: 100%; top: 0; background-repeat: no-repeat; background-position: center; }

	.proje.genelListe .arr.sag { right: -50px; }
	.proje.genelListe .arr.sol { left: -50px; }

	.sliderWrap .urunler.wdAc.active:after { height: calc(100% - 48px); top: 48px; }

	.katResim .kapsa { width: 100%; left: 0; padding: 0 0 0 40px; }
}

@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; }


	.genelBaslik .Vmenu { float: none; display: table-cell; vertical-align: middle; 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; }



	.userControl { margin-top: 0px !important; }

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


	main section .ortala, main section .inner { opacity: 1; top: 0px; flex-direction: column; }
	main section .yazi { text-align-last: center; font-size: 14px; line-height: 21px; }
	main section a.link { font-size: 15px; line-height: 15px; padding: 18px 31px 18px 58px; margin: 41px 0 0 0; }
	main section a.link:after { width: 51px; height: 65px; left: -10px; }


	.anaBaslik { padding: 0 0; }
	.anaBaslik *.none { display: initial; }
	.anaBaslik p { font-size: 16px; line-height: 31px; display: none; }
	.anaBaslik:after { display: none; }
	.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 strong { font-size: 21px; line-height: 21px; line-height: 26px; }
	.anaBaslik h1:before, .anaBaslik h2:before, .anaBaslik h3:before, .anaBaslik h4:before, .anaBaslik h5:before, .anaBaslik strong:before { width: 46px; height: 4px; }
	.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik strong:after { width: 38px; height: 3px; }



	header { top: 30px; }
	header .logo { width: 90px; height: 65.78px; }
	header .sagK { z-index: 102; padding: 0 0 0px 30px; }
	header .sagK .dil ul { top: 55px; }
	header .sagK .dil ul li a { font-size: 14px; line-height: 15px; color: #f58220; }
	header .sagK .dil ul li a:after { background: #f58220; }


	.menuWrap .kapsa .wrap { padding-top: 50px; }
	.menuWrap .mobMenu { padding: 0; }
	.menuWrap .mobMenu ul li a { font-size: 33px; line-height: 37px; }
	.menuWrap .detay { display: none; }



	.sliderWrap .sosyal { width: 64px; left: 20px; bottom: -30px; padding: 30px 0 40px 0; }
	.sliderWrap .sosyal:after { display: none; }
	.sliderWrap .sosyal a { font-size: 18px; line-height: 20px; }
	.sliderWrap .pages { left: 100px; bottom: 30px; }
	.sliderWrap .pages span { font-size: 18px; line-height: 18px; margin: 0 20px 0 0; }
	.sliderWrap .pages span.active:after { width: 40px; margin-left: 20px; }
	.sliderWrap .urunler { display: none; }
	.sliderWrap.katWrap { height: 234px !important; margin: 0 0 40px 0; }

	.katResim { height: 100%; }
	.katResim .kapsa { width: 100%; left: 0; bottom: 30px; padding: 0; }
	.katResim .kapsa h1, .katResim .kapsa strong { font-size: 40px; line-height: 40px; font-weight: 200; text-align: center; }



	.slider ul li .bg span { background-position: center; }
	.slider ul li .kapsa { width: 100%; left: 0; padding: 0 30px; }
	.slider ul li .kapsa strong { font-size: 35px; line-height: 35px; text-align: center; }
	.slider ul li .kapsa a { width: 90px; height: 90px; padding: 20px 0 0 0; margin: -40px 0 0 0; font-size: 16px; line-height: 16px; }



	.kurumsal { margin: 49px 0 0 0; }
	.kurumsal.alt { margin-bottom: 20px; }
	.kurumsal .inner:after { display: none; }
	.kurumsal .solK { width: 100%; padding: 0; }
	.kurumsal .solK .anaBaslik { margin: 0; align-items: center; padding: 29px 0 25px 0px; }
	.kurumsal .solK .anaBaslik:after { width: 20px; left: initial; right: -20px; display: initial; }
	.kurumsal .solK .yazi { padding: 0 30px; }
	.kurumsal .solK .imge { width: 190px; }
	.kurumsal .sagK { display: none; }



	.urunListe.genelListe .slot { margin: 0 0 50px 0; }
	.urunListe.genelListe .slot.ust:before, .urunListe.genelListe .slot.ust:after { top: 12px; width: calc(50% - 93px); }
	.urunListe.genelListe .slot.alt { padding: 0 0 30px 0; }
	.urunListe.genelListe .slot.alt:after { height: 30%; }
	.urunListe.genelListe .slot .yazi { width: 100%; padding: 0 30px; }
	.urunListe.genelListe li { width: calc(50% - 20px); margin: 0 0 40px 0; }
	.urunListe.genelListe li .alt .icon img { height: 40px; }
	.urunListe.genelListe li .alt h6 { font-size: 16px; line-height: 16px; margin: 0 0 0 13px; }
	.urunListe.genelListe.ikiLi li { width: calc(50% - 20px); margin: 0 0 40px 0 !important; }



	.referans.genelListe .kapsa { margin: 30px 0 0 0; }



	.proje.genelListe { margin: 0 0 60px 0; }
	.proje.genelListe .bilgi { width: 100%; padding: 37px 20px 70px 20px; margin: 0 0 -33px 0; }
	.proje.genelListe li { margin: 0; }
	.proje.genelListe li h6 { font-size: 14px; line-height: 16px; text-align: center; }
	.proje.genelListe .arr { display: none; }
	.proje.genelListe.alt li { width: calc(50% - 10px); margin-bottom: 20px; }




	footer { margin: 40px 0 0 0; }
	footer .ust { padding: 50px 0 70px 0; }
	footer .ust:after { width: 100%; height: 82px; left: 0; background-position: center; bottom: -30px; }
	footer .ust .slot { flex-direction: column; align-items: center; justify-content: center; border-bottom: solid 1px rgb(255 255 255 / 50%); padding: 0 0 30px 0; margin: 0 0 30px 0; }
	footer .ust .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
	footer .ust .logo { width: 110px; margin: 0 0 35px 0; }
	footer .ust .iletisim ul li { width: 100%; margin: 0 0 21px 0; }
	footer .ust .iletisim ul li:last-child { margin-bottom: 0; }
	footer .ust .iletisim ul li a { flex-direction: column; width: 100%; }
	footer .ust .iletisim ul li a .resmi { margin: 0 0 9px 0; }
	footer .ust .iletisim ul li a span { padding: 0; text-align: center; line-height: 19px; }
	footer .ust .belge { flex-direction: row; }
	footer .ust .belge:before, footer .ust .belge:after { display: none; }
	footer .ust .belge img { margin: 0 00px 20px 0px !important; height: 111px; width: 50%; object-fit: contain; }
	footer .alt .ortala { flex-direction: column; }
	footer .alt .qBrand { margin: 20px 0 0 0; }


	a.kmenu { height: 30px; }
	a.kmenu.active:before { transform: rotate(45deg); top: 0; left: 0; width: 100%; margin: 0; }
	a.kmenu.active span { transform: rotate(-45deg); top: -4px; width: 100%; margin: 0; }


	.urunDetay .slot { flex-direction: column; }
	.urunDetay .slot .solK { width: 450px; }
	.urunDetay .slot .solK .teknik { right: 20px; top: 20px; }
	.urunDetay .slot .solK .teknik img { height: 50px; }
	.urunDetay .slot .sagK { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 40px 0 0 0; }
	.urunDetay .slot .sagK h1 { font-size: 20px; line-height: 21px; }



	.bizeUlasin { flex-direction: column-reverse; }
	.bizeUlasin .solK { width: 100%; margin: 30px 0 0 0; }
	.bizeUlasin .solK iframe { height: 300px; }
	.bizeUlasin .sagK { width: 100%; padding: 30px 20px 0 20px; text-align: center; }
	.bizeUlasin .sagK .sosyalBar a { display: inline-table; vertical-align: text-bottom; float: none; }
	.bizeUlasin .sagK .bilgi ul li { width: 100% !important; margin: 0 0 23px 0; }
	.bizeUlasin .sagK .bilgi ul li:last-child { margin-bottom: 0; }
	.bizeUlasin .sagK .bilgi ul li a { padding: 68px 0 0 0; }
	.bizeUlasin .sagK .bilgi ul li a:before, .bizeUlasin .sagK .bilgi ul li a:after { left: calc(50% - 27px); top: 0; }
}


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

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

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

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

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

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

@media screen and (max-width: 700px) {
	.urunDetay .slot .solK { width: 100%; }


	.referanslar .kapsa.ust { display: none; }
	.referanslar .kapsa .slot { padding: 0 0 20px 0; margin: 0 0 20px 0; border-radius: 0; }
	.referanslar .kapsa .slot:last-child { padding-bottom: 0px; padding-bottom: 0px; border-bottom: 0; }
	.referanslar .kapsa.alt .slot { border-radius: 0; }
	.referanslar .kapsa .slot > div { width: 100% !important; border: none; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 0; margin: 0 0 14px 0; }
	.referanslar .kapsa .slot > div:before { content: attr(data-title); width: 100%; float: left; position: relative; font-weight: 500; text-align: center; margin: 0 0 3px 0; }
	.referanslar .kapsa .slot > div:last-child { margin-bottom: 0; }
	.referanslar .kapsa .slot .no { display: none; }
}

@media screen and (max-width: 640px) {
	.urunListe.genelListe li { width: 100%; }
	.urunListe.genelListe li:last-child { margin-bottom: 0; }
	.urunListe.genelListe .slot.alt:after { height: 100px; }


	.proje.genelListe.alt li { width: 100%; }
	.proje.genelListe.alt li:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 600px) {
	.urunListe.genelListe.ikiLi li { width: 100%; margin: 0 0 50px 0 !important; }
	.urunListe.genelListe.ikiLi li:last-child { margin-bottom: 0 !important; }
}

@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: 470px) {
}

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


@media screen and (max-width: 370px) {
	.slider ul li .kapsa strong { font-size: 30px; line-height: 32px; }
}
