﻿
@media screen and (max-height: 700px) {
   .sliderWrap .sosyal {flex-direction: row;right: 50px;}
   .sliderWrap .sosyal a {margin: 0 21px 0 0;}
   .sliderWrap .sosyal a span {writing-mode: initial;text-orientation: initial;transform: rotate(0deg);}
   .sliderWrap .sosyal a:last-child { margin: 0 }
}

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

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


   .slider ul li .kapsa strong {font-size: 45px;line-height: 45px;}
   .slider ul li .kapsa strong u {font-size: 97px;line-height: 137px;margin: 2px 0 0 110px;}


   .sliderWrap .sosyal {right: 30px;bottom: 30px;}


   .projeler.genelListe.ucLu li:after {font-size: 60px;line-height: 60px;right: -20px;top: -30px;transition: none;}
   .projeler.genelListe.ucLu li {width: calc(33.33% - 30px);}
   .projeler.genelListe.ucLu li h6 {font-size: 37px;line-height: 37px;}
   .projeler.genelListe.ucLu li p {margin: -30px 0 0px 60px;font-size: 14px;line-height: 23px;}


   .galeri.genelListe .arr.sol { left: -10px; }
   .galeri.genelListe .arr.sag { right: -10px; }
}


@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: 21px;text-align-last: center;}



   .anaBaslik {margin: 0 0 30px 0;flex-direction: column;align-items: center;justify-content: center;padding-top: 43px;background-size: 59px;}
   .anaBaslik:before, .anaBaslik:after {top: 25px;width: calc(50% - 40px);}
   .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 {padding: 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 strong {font-size: 29px;line-height: 29px;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 {padding: 20px 0;}
   header .logo {width: 80px;height: 71px;}
   header .secim .kMenu {background: none;padding: 0 !important;}
   header .secim .kMenu u {display: none;}
   header .secim > div.icon {display: none;}
   header.koyu a.kmenu:before, header.koyu a.kmenu:after, header.koyu a.kmenu span { background: #423f3c; }



   .sliderWrap .asagi {display: none;}
   .sliderWrap .sosyal {display: none;}
   .sliderWrap.katWrap {height: 200px;}
   .sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {font-size: 38px;line-height: 39px;}



   .slider ul li .kapsa {width: 100%;left: 0;align-items: flex-start;justify-content: flex-start;margin: 60px 0 0 0;padding: 0 30px;}
   .slider ul li .kapsa strong {width: 100%;font-size: 45px;line-height: 45px;align-items: center;justify-content: center;}
   .slider ul li .kapsa strong u {font-size: 97px;line-height: 137px;margin: 0;}



   .menuWrap .kapsa .wrap { padding-top: 50px; }
   .menuWrap .mobMenu {padding: 0;margin: 0;width: 100%;}
   .menuWrap .mobMenu ul li a { font-size: 33px; line-height: 37px; }
   .menuWrap .detay { display: none; }
   .menuWrap .mobMenu ul li {width: 100%;margin: 0 0 17px 0;}
   .menuWrap .mobMenu ul li.mob { display: initial }
   .menuWrap .mobMenu ul li:after { display: none }
   .menuWrap .mobMenu ul li a {font-size: 26px;line-height: 26px;padding: 0 20px;text-align: center;}	



   .kurumsal:before {display: none;}
   .kurumsal .anaBaslik {padding-top: 43px;}
   .kurumsal .kapsa {flex-direction: column-reverse;}
   .kurumsal .solK {width: 100%;margin: 30px 0 0 0;}
   .kurumsal .solK .detaylar.genelListe li {width: 100%;align-items: center !important;justify-content: center !important;margin: 0 0 34px 0 !important;}
   .kurumsal .solK .detaylar.genelListe li:last-child { margin-bottom: 0 !important }
   .kurumsal .solK .detaylar.genelListe li h6 {font-size: 40px;line-height: 40px;}
   .kurumsal .solK .detaylar.genelListe li p {font-size: 14px;line-height: 14px;}
   .kurumsal .sagK {width: 100%;}
   .kurumsal .sagK .yazi {font-size: 15px;line-height: 24px;} 



   .projeler.genelListe li {width: calc(50% - 15px) !important;margin: 0 0 40px 0 !important;}
   .projeler.genelListe li:after {display: none;} 
   .projeler.genelListe li h6 {width: 100%;padding: 0;font-size: 32px;line-height: 32px;text-align: center;bottom: 18px;}
   .projeler.genelListe li p {width: calc(100% - 40px) !important;margin: -21px 0 0 20px !important;text-align: center;padding: 20px 20px;font-size: 13px;}



   .makine.genelListe:after {width: 100%;left: 0;}


   .galeri.genelListe .arr {display: none;}



   .iletisim.genelListe {margin-top: 0;}
   .iletisim.genelListe .kapsa { margin: 40px 0 0 0; }
   .iletisim.genelListe li { width: 100%; height: auto; margin: 0 0 60px 0; }
   .iletisim.genelListe li:last-child { margin-bottom: 0; }
   .iletisim.genelListe li a { padding: 40px 30px 30px 30px; }
   .iletisim.genelListe li a:before { width: 50px; height: 32px; left: calc(50% - 25px); top: -16px; }
   .iletisim.genelListe li a h6 { font-size: 19px; line-height: 20px; }
   .iletisim.genelListe li a p { font-size: 15px; line-height: 21px; margin: 17px 0 0 0; }
   .iletisim.genelListe li a u { font-size: 28px; line-height: 28px; margin: 10px 0 0 0; }



   footer {margin: 50px 0 0 0;padding-bottom: 0;}
   footer section.ust {padding: 40px 0;}
   footer section .inner {flex-direction: column;}
   footer section .slot {width: 100%;}
   footer section .slot:first-child { display: none; }
   footer section .logo {width: 100px;}
   footer section .altMenu {width: 100%;margin: 30px 0 30px 0;}
   footer section .altMenu ul {width: 100%;}
   footer section .altMenu ul li {width: 100%;margin: 0 0 12px 0;padding: 0 0 0 0;}
   footer section .altMenu ul li:last-child { margin: 0 }
   footer section .altMenu ul li:after { display: none; }
   footer section .altMenu ul li a {width: 100%;text-align: center;}
   footer section .sosyal {width: 100%;align-items: center;justify-content: center;}

   footer .alt .kosen {position: relative;left: initial;margin: 0 0 20px 0;}


   .bizeUlasin { flex-direction: column-reverse; }
   .bizeUlasin .solK { width: 100%; margin: 30px 0 0 0; }
   .bizeUlasin .solK iframe { height: 300px; }
   .bizeUlasin .sagK {width: 100%;padding: 0;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; }


   .videoAlani .videoWrap {padding: 0;}
   .videoAlani .videoWrap:after {display: none;}

   .videoAlani .ses { width: 50px; height: 50px; left: initial; bottom: 20px; right: 20px;  }


   .projeDetay h1 {position: relative;bottom: inherit;color: #b48545;font-size: 35px;line-height: 35px;text-align: center;width: 100%;padding: 0;margin: 20px 0 0 0;}
   .projeDetay p {width: 100%;margin: 28px 0 0 0;background: none;color: #363636;padding: 0;text-align: center;}
   .projeDetay .yazi {width: 100%;margin-bottom: 30px;}
   .projeDetay .detay {margin: -20px 0 30px 0;align-items: center;justify-content: center;}
   .projeDetay .detay > div {margin: 0 21px 0px 0;}
   .projeDetay .detay > div img {width: 25px;}
   .projeDetay .detay > div span {font-size: 14px;line-height: 14px;}


   .galeri.genelListe.ucLu li {width: calc(33.33% - 10px);margin: 0 0 20px 0;}


   .slogan strong{font-size: 28px;line-height: 28px;color: #b48545;}
   .slogan p{font-size: 42px;line-height: 42px;margin: 7px 0 0 0;}


   .projeDetay .resmi.genelListe li {width: calc(50% - 10px);margin: 0 0 20px 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) {
   .projeler.genelListe li {width: 100% !important;margin: 0 0 30px 0 !important;}
   .projeler.genelListe li:last-child { margin: 0 !important }
}

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

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

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

}

@media screen and (max-width: 568px) {
   .slider ul li .kapsa strong {font-size: 28px;line-height: 28px;}
   .slider ul li .kapsa strong u {font-size: 45px;line-height: 45px;text-align: center;margin: 10px 0 0 0;}
}

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

@media screen and (max-width: 510px) {
   .galeri.genelListe.ucLu li {width: calc(50% - 10px);}
}

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

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

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

@media screen and (max-width: 390px) {
   .projeDetay .detay > div { margin: 0 20px 20px 0; }
   .projeDetay .detay > div:last-child { margin-bottom: 0 }
}
 