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

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

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


   .anaProje.genelListe .solK {width: 595px;margin-left: -30px;}


   .menuWrap .kapsa .menuIcerik .solK strong {font-size: 38px;line-height: 38px;}

   .anaProje.genelListe .sagK strong {font-size: 84px;line-height: 78px;}


   .marka.genelListe li .solK { width: calc(100% - 620px); } 
   .marka.genelListe li .sagK { width: 620px; }

   .hakkimizda .slot.vizyon:after {width: calc(100% - 310px);}

}


@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: left; position: relative; display: initial; margin: 0 11px 0 0; }


   main section.icerik .solBar { width: 240px; position: absolute; -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: -30px; left: 30px; z-index: 9999; background: #fff; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; opacity: 0; background: none; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; }
   .icerik .solBar.active { opacity: 1; pointer-events: auto; visibility: visible; /* background: #ffffffd4; */ /* backdrop-filter: blur(4px); */ }
   main section.icerik .sagBar { width: 100%; float: left; padding: 0; margin: 0; }
   .YanMenu.qbr { border-top-left-radius: 0; border-top-right-radius: 0; }


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

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


   main section {width: 100%;margin: 0 0 50px 0;}
   main section .ortala, main section .inner { /* opacity: 1; */ top: 0px; flex-direction: column; }
   main section .yazi {font-size: 15px;line-height: 24px;text-align-last: center;}



   .anaBaslik { margin: 0 0 30px 0; flex-direction: column; align-items: center; justify-content: center; }
   .anaBaslik.genelBaslik { flex-direction: row; }
   .anaBaslik p { font-size: 18px; line-height: 26px; font-weight: 400; text-align-last: center; margin: 20px 0 0 0; }
   .anaBaslik *.none { display: initial; }
   .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: 26px;line-height: 36px;text-align: center;}
   .anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { display: none; }


   .linkler { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 30px 0 0 0; }
   .linkler a { margin: 0 0 19px 0; }
   .linkler a:last-child { margin: 0; }


   main section.icerik .inner { flex-direction: column; align-items: center; justify-content: center; }




   header {/* position: relative; */height: 84px;margin: 0 0 20px 0;}
   header .headWrap {padding: 25px 0;position: fixed;box-shadow: 0px 0px 0px #000;}
   header .logo {width: 150px;height: 34px;z-index: 999999999;}
   header.scrool .headWrap {background: #fafafac4;box-shadow: 0px 0px 13px #00000040;}
   header.koyu {margin: 0;}



   .sliderWrap { will-change: auto;}
   .slider .kapsa {width: 100%;left: 0;margin: 0;padding: 0 20px;}
   .slider .kapsa strong {font-size: 36px;line-height: 36px;}
   .slider .kapsa .slogan { margin: 25px 0 0 0; flex-direction: column; align-items: flex-start; }
   .slider .kapsa .slogan:before {width: 100%;margin: 0 0 23px 0;background: #ffffff54;}



   .kurumsal {padding: 0;}
   .kurumsal .kapsa {width: 100%;padding: 20px 20px;}
   .kurumsal .kapsa .yazi { will-change:auto}


   .belgeler {margin: 10px 0 0 0;}
   .belgeler .bresmi {width: 100px;}

   .enr.genelListe {margin: 40px 0 0 0;padding: 0;}
   .enr.genelListe li {width: calc(25% - 13px);border: solid 1px #e9e9e9;padding: 15px 1px;}
   .enr.genelListe li img {height: 55px;}



   .anaProje.genelListe .inner {flex-direction: column;padding: 0;background: none;}
   .anaProje.genelListe .solK {width: 100%;margin: 0;}
   .anaProje.genelListe li .resim {height: initial;aspect-ratio: 4/3;}
   .anaProje.genelListe .sagK {width: 100%;padding: 40px 30px;margin: 0;background: #b5804f;}
   .anaProje.genelListe .sagK span {text-align: center;} 
   .anaProje.genelListe .sagK strong {font-size: 54px;line-height: 54px;font-weight: 500;text-align: center;letter-spacing: 0;margin: 22px 0;}
   .anaProje.genelListe .sagK a {text-align: center;}



   .kisaYol.genelListe li {width: 100%;align-items: center;justify-content: center;border-bottom: solid 1px #e9e9e9;padding: 0 0 30px 0;margin: 0 0 30px 0;}
   .kisaYol.genelListe li:last-child {margin: 0;padding: 0;border-bottom: 0;}
   .kisaYol.genelListe li strong {text-align: center;margin: 19px 0;font-size: 19px;line-height: 22px;}
   .kisaYol.genelListe li a {text-align: center;}



   footer {margin: 60px 0 0 0;}
   footer section {margin: 0 0 50px 0;}
   footer section .inner {align-items: center;justify-content: center;} 
   footer .kisaLink .kapsa a {width: 100%;padding: 0 30px;height: 240px;align-items: center;}
   footer .kisaLink .kapsa a strong {text-align: center;}
   footer .kisaLink .kapsa a p {font-size: 21px;line-height: 25px;text-align: center;}
   footer .detaylar {padding: 0 0 30px 0;}
   footer .detaylar .logo {width: 140px;margin: 0 0 25px 0;}
   footer .iletisim {flex-direction: column;align-items: center;justify-content: center;}
   footer .iletisim > a {width: 100%;text-align: center;margin: 0 0 22px 0;font-size: 14px;line-height: 18px;}
   footer .iletisim > a:last-child { margin-bottom: 0 }
   footer .qbrand {background: #f7f7f7;align-items: center;justify-content: center;padding: 14px 0;}



   .menuWrap {height: 100%;background: #ffffff00;}
   .menuWrap.active {width: 100%;}
   .menuWrap .kapsa .kisaMenu {background: none;align-items: flex-start;z-index: 999999999999;}
   .menuWrap .kapsa .kisaMenu a {display: none;}
   .menuWrap .kapsa .kisaMenu a.kmenu {display: flex;align-items: center;height: 80px;margin: 0;padding: 0;background: #fafafa00;}
   .menuWrap .kapsa .kisaMenu a.kmenu.active {background: #fafafa !important; height: 100%;}
   .menuWrap .kapsa .kisaMenu a b {display: none;}
   .menuWrap .kapsa .kisaMenu a:nth-child(1):hover {background: initial }
   .menuWrap .kapsa .kisaMenu .brg {top: 23px;}
   .menuWrap .kapsa .menuIcerik {background: #fff;}
   .menuWrap .kapsa .menuIcerik .solK {width: 100%;padding: 40px 0px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: space-between;}
   .menuWrap .kapsa .menuIcerik .solK .logom { display: initial } 
   .menuWrap .kapsa .menuIcerik .solK strong {display: none;}
   .menuWrap .kapsa .menuIcerik .solK ul {width: 100%;}
   .menuWrap .kapsa .menuIcerik .solK ul li, .menuWrap .kapsa .menuIcerik .solK ul li a {font-size: 17px;line-height: 17px;}
   .menuWrap .kapsa .menuIcerik .solK ul li a {text-align: center;align-items: center;justify-content: center;}
   .menuWrap .kapsa .menuIcerik .solK ul li a:after {display: none;}
   .menuWrap .kapsa .menuIcerik .solK .sosyal {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
   .menuWrap .kapsa .menuIcerik .sagK {display: none;}


   .menuWrap .kapsa .kisaMenu .brg:before, .menuWrap .kapsa .kisaMenu .brg:after, .menuWrap .kapsa .kisaMenu .brg span { background: #fff }

   header.scrool .menuWrap .kapsa .kisaMenu .brg:before, header.scrool .menuWrap .kapsa .kisaMenu .brg:after, header.scrool .menuWrap .kapsa .kisaMenu .brg span,
   header.koyu .menuWrap .kapsa .kisaMenu .brg:before, header.koyu .menuWrap .kapsa .kisaMenu .brg:after, header.koyu .menuWrap .kapsa .kisaMenu .brg span { background: #6b6b6b }



   .ustBar {margin: 0 0 30px 0;}
   .ustBar .inner {flex-direction: column;align-items: center;}



   .marka.genelListe li .slot a.web {font-size: 15px;line-height: 15px;}
   .marka.genelListe li .slot h6 {font-size: 20px;line-height: 20px;}


   .projeListV2.genelListe {padding: 0 90px 0 30px;}


   .bayPo .bayPoTab .poMenu ul li a {font-size: 18px;border-radius: 0;/* padding: 0; */margin: 0;aspect-ratio: initial;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: space-around;padding: 0 0 24px 0;}
   .bayPo .bayPoTab .poMenu ul li a:after {bottom: 10px;}

   .projeListV2.genelListe li a {height: auto;aspect-ratio: 4/3;}

   .bayPo .bayPoTab .poMenu ul li {padding: 0;margin: 0 30px 0 0;display: flex;align-items: center;justify-content: center;}
   .bayPo .bayPoTab .poMenu ul li:after { display: none }


   .marka.genelListe {padding: 0;margin: 40px 0 0 0;}
   .marka.genelListe li .solK {width: 100%;}
   .marka.genelListe li .slot {flex-direction: column;align-items: center;justify-content: center;padding: 0 20px;}
   .marka.genelListe li .slot.alt {padding: 28px 20px;margin-top: 0px;}
   .marka.genelListe li .slot .logo {box-shadow: 0px 0px 12px #00000033;margin: -40px 0 0 0px;width: 120px;}
   .marka.genelListe li .slot h6 {width: 100%;text-align: center;margin: 40px 0 0 0;}
   .marka.genelListe li .sagK {display: none;}
   .marka.genelListe li .slot .yazi {text-align: justify;text-align-last: center;}



   .bayPo .bayPoTab .poMenu {margin: 0 0 26px 0;}



   .projeListV2.genelListe {padding: 0;}
   .projeListV2.genelListe li {width: calc(50% - 10px);}
   .projeListV2.genelListe li a {aspect-ratio: inherit;}
   .projeListV2.genelListe li .alt {opacity: 1;}
   .projeListV2.genelListe li .alt h6 {font-size: 16px;line-height: 20px;}
   .projeListV2.genelListe li .resim { aspect-ratio: 4 / 3;}



   .hakkimizda .slot {margin: 0 0 40px 0;}
   .hakkimizda .slot:last-child {margin: 0;}
   .hakkimizda .slot.ikiLi .inner {flex-direction: column;align-items: flex-start;}
   .hakkimizda .slot.ikiLi .inner.border {align-items: center;justify-content: center;padding: 0 0 40px 0;}
   .hakkimizda .slot.ikiLi .kapsa {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;margin: 0 0 30px 0;}
   .hakkimizda .slot.ikiLi .inner.border:after { width: 100%; left: 0 }
   .hakkimizda .slot.ikiLi .kapsa:last-child { margin-bottom: 0}
   .hakkimizda .slot.ikiLi .kapsa h2 {font-size: 21px;line-height: 21px;text-align: center;}
   .hakkimizda .slot.ikiLi .kapsa h3 {text-align: center;font-size: 21px;line-height: 21px;text-align: center;margin: 0 0 20px 0;}
   .hakkimizda .slot.ikiLi .kapsa .yazi.mTop {margin: 0;}
   .hakkimizda .slot.vizyon {padding: 0;}
   .hakkimizda .slot.vizyon:after {display: none;}
   .hakkimizda .slot.vizyon .kapsa:first-child {margin: 0;}
   .hakkimizda .slot.vizyon .kapsa .yazi {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;padding: 30px 20px !important;}
   .hakkimizda .slot.vizyon .kapsa:last-child .yazi {padding-bottom: 0;}
   .hakkimizda .slot.vizyon .kapsa .yazi:before {position: relative;left: inherit;top: inherit;margin: 0 0 10px 0;}



   .iletisim .kapsa { flex-direction: column; align-items: center; justify-content: center; }
   .iletisim .slot {width: 100%;padding: 20px 20px;align-items: center;justify-content: center;}
   .iletisim .slot p {font-size: 18px;line-height: 25px;text-align: center;}
   .iletisim .genelForm {width: 100%;margin: 40px 0 0 0;}



   .projeDetay .solK {width: 100%;margin: 0;}
   .projeDetay .sagK {width: 100%;padding: 30px 20px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;}
   .projeDetay .sagK .anaBaslik h1 {font-size: 20px;line-height: 20px;}
   .projeDetay .bilgi {align-items: center;justify-content: center;padding: 0;}
   .projeDetay .bilgi:after {display: none;}
   .projeDetay .bilgi > div { flex-direction: column; align-items: center; font-size: 16px; line-height: 16px; margin: 0 0 23px 0; }
   .projeDetay .bilgi > div:before {margin: 0 0 13px 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) {
}

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

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

}

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

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

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

@media screen and (max-width: 480px) {
	.enr.genelListe li {/* width: calc(50% - 0px); */margin: 0 0 18px 0;}
   .projeListV2.genelListe li { width: 100%; }
}


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

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


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