@charset "utf-8";

@media screen and (max-width:1024px)
{
    .headerMenu .menu {padding: 15px 10px;font-size:12px}
    .headerBanner .saatTarih {display: none;}
    .headerBanner .haberBlok {top:250px;}
    .headerBanner {height: 500px;}
    .icerikler .pageImage {height: 300px;}
    .icerikler .pageImage .image {background-size: contain;-webkit-background-size:contain;-moz-background-size:contain;background-position: top;}
    .icerikler .digerIcerikler .pageImage {height: 150px;}
}

@media screen and (max-width:900px)
{
    .headerMenu {padding:40px 0px;}
    .headerMenu .menu {display: none}
    .mobilMenu{display:block;visibility: inherit}
    .bannerYazi .wd-70 {width: 95%;}
    .galeriContainer {width:600px}
    .galeriContainer .galeriFotoContainer .galeriFoto {width: 600px}
}

@media screen and (max-width:768px)
{
    .digerIcerikler .sut-2,.digerIcerikler .sut-10 {width: 49.2%}
    .headerLogo {width: 80%}
    .bannerYazi .wd-70 {width: 100%;}
    .headerBanner .haberBlok::before {font-size:20px}
    .headerBanner .haberBlok .haberler .f-size-18 {font-size:14px}
    .headerBanner .haberBlok .haberler .f-size-14 {font-size:12px}
    .headerLogo .world {display: none}
    .icerikler .sut-6 {width: 100%;margin:0px;margin-bottom:20px;}
    .icerikler .sut-6:nth-child(2) {display: none}
    .icerikler .pageImage.mobil {display: block;margin-bottom:10px}
    .headerPage.hizmetlerimiz .sut-4:nth-child(2n+1) {margin-left:0px}
    .headerPage.hizmetlerimiz .sut-4 {width: 49.2%;margin-left:1.6%;}
    .headerPage.projeler .sut-4:nth-child(2n+1) {margin-left:0px}
    .headerPage.projeler .sut-4 {width: 49.2%;margin-left:1.6%;}
    .heeaderPage.projeler .pageImage {width: 97%}
    .headerPage.projelerIcerik .pageImage.hg-400 {height: 300px;}
    .headerPage.iletisim .sut-6 {width:100%;margin:0px;margin-bottom:10px}
    .galeriContainer {width:500px;height: 400px}
    .galeriContainer .galeriFotoContainer .galeriFoto {width: 500px;}
}
@media screen and (max-width:640px)
{
    .headerLogo {width: 75%}
    .footer .sut-4 {width: 49.2%;margin-bottom:20px;}
    .footer .sut-4 {margin-left:1.6%}
    .footer .sut-4:last-child {width:100%;margin-left: 0px;}
    .headerPage.projeler .sut-3 {width: 49.2%;margin-bottom:20px;margin-left:1.6%}
    .headerPage.projeler .sut-3:nth-child(2n+1) {margin-left:0px;}
    .headerPage.referanslar .sut-2 {width:32.2666666667%;margin-left:1.6% }
    .headerPage.referanslar .sut-2:nth-child(2n+1) {margin-left: 0px;}
    .headerPage.hakkimizda .satir.wd-60 {width: 90%}
    .bannerYazi .wd-70 {width: 90%}
    .bannerYazi .sut-1 {width: 20%}
    .bannerYazi .sut-11 {width: 78%}
    .headerPage.sloganlar .sut-4 {width: 49.2%;margin-left:1.6%;}
    .headerPage.sloganlar .sut-4:nth-child(2n+1) {margin-left:0px}
    .headerPage.haberler .sut-4 {width: 49.2%;margin-left:1.6%;}
    .headerPage.haberler .sut-4:nth-child(2n+1) {margin-left:0px}
    .headerLogo .logo {width: 100px;height: 100px;}
    .headerMenu {padding:25px 0px;}
    .headerLogo .kurdaleSol {height:70px;top:0px;}
    .headerLogo .kurdaleSag {height:70px;top:0px}
    .headerSosyal {right:-30px}
    .mobilMenu {top:80px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color:#2491D0;font-size:20px}
    .hakkimizda .sut-4 {width: 100%;margin: 0px;margin-bottom: 10px;}
    .headerPage.projelerIcerik .sut-5,.sut-7 {width: 100%;margin:0px;margin-bottom: 10px}
    .headerPage.projelerIcerik .pageImage {width: 100%}
    .headerPage.projelerIcerik .pageImage .detay {width: 100%}
    .headerPage.referanslar .sut-3 {width: 32.2666666667%;margin-left:1.6%}
    .headerPage.referanslar .sut-3:nth-child(2n+1) {margin-left:0px}
    .headerPage.projelerIcerik .pageImage.isBitirmeler {height: 500px;}

}
@media screen and (max-width:500px)
{
    .headerPage.projelerIcerik .digerFoto .sut-3 {width: 49.2%;margin-left:1.6%;}
    .headerPage.projelerIcerik .digerFoto .sut-3:nth-child(2n+1) {margin-left:0px}
    .headerPage.projelerIcerik .digerFoto .sut-3 .pageImage {width: 97%}
    .headerPage.projelerIcerik .pageImage.hg-400 {height: 250px;}
    .headerPage.projelerIcerik .pageImage.icerik {width: 49.2%}
    .headerPage.projeler .sut-4 {width: 100%;margin-left:0px;}
    .icerikler .pageImage {height: 200px;}
    .headerLogo {top:50px;}
    .headerBanner .haberBlok {top:250px;width:300px}
    .bannerYazi .f-size-30 {font-size: 20px;}
    .bannerYazi .f-size-18 {font-size: 15px;}
    .headerMenu .menu {padding: 15px 5px;}
    .bannerYazi .wd-70 {width: 95%}
    .bannerYazi .sut-1 {display:none}
    .bannerYazi .sut-11 {width: 85%;margin:0px;}
    .bannerYazi .f-size-25 {font-size:20px;}
    .bannerYazi .f-size-16 {font-size:14px;font-weight: 500}
    .headerPage.sloganlar .f-size-16 {font-size:13px;font-weight: 500}
    .footer .sut-4 {width: 100%;margin:0px;margin-bottom:20px;}
    .headerPage.haberler .sut-4 {width:100%;margin-left:0px;}
    .headerPage.projelerIcerik .pageImage.isBitirmeler {height: 450px;}
    .galeriContainer {width:300px;height: 300px}
    .galeriContainer .galeriFotoContainer .galeriFoto {width: 300px;}

}
@media screen and (max-width: 400px)
{
    .headerPage.hizmetlerimiz .sut-4 {width: 100%;margin-left:0px;}
    .digerIcerikler .sut-2,.digerIcerikler .sut-10 {width: 100%;margin:0px;margin-bottom:10px}
    .headerBanner .haberBlok {top:240px;width:270px}
    .headerPage.projeler .sut-3 {width: 100%;margin:0px;margin-bottom:20px;}
    .headerPage.projeler .pageImage {width: 100%;}
    .headerPage.referanslar .sut-2 {width:49.2%;margin-left:1.6%}
    .headerPage.referanslar .sut-2:nth-child(2n+1) {margin-left: 0px;}
    .headerPage.referanslar .sut-3 {width:49.2%;margin-left:1.6%}
    .headerPage.referanslar .sut-3:nth-child(2n+1) {margin-left:0px}
    .headerPage.projelerIcerik .pageImage.isBitirmeler {height: 400px;}

}
@media screen and (max-width:320px)
{
}
@media screen and (max-height:450px)
{
    .haberBlok {display:none}
}