﻿
@media screen and (max-width: 1114px) {

    .ortala, .ortala.altSayfa { width: 100%; max-width: none; display: block; float: left; padding: 0px 10px; box-sizing: border-box; position: relative; margin: 0px; }
    .menuBar a.kmenu { display: block; }
    .anaHeader { margin-top: 19px; background: none; }
    .header .logo { margin-left: 0px; }
    
    .icerik { padding: 20px 10px 20px 0px; }
    .icerik.full { padding: 20px 10px; }
    .menuBar { float:right; }
    .menuBar {margin-top: 151px;width: auto;float: right;position: relative;background: #2a2b26;}
    .tse {display:none}

}

@media screen and (max-width: 980px) {

.genelBaslik .Vmenu { display: block; }
    .menuBar a.kmenu { display: block; }
    .anaHeader { margin-top: 19px; background: none; }
    .header .logo { margin-left: 0px; }

    .hd .telefon { right: 20px; top: -11px; display: none; }
    .hd .logo { width: 215px; }
    
    .altBar { }

    .header { width: 100%; float: left; position: relative; margin-top: 19px; }
    .katResim { background: none !important; position: relative; height: auto; margin-top: -4px; }
    .katResim img { width: 100%; float: left; display: block !important; }



    .icerik .solBar { position: absolute; margin-top: 29px; display: none; right: 10px; }
    .icerik .sagBar { width: 100%; float: left; padding-left: 10px; }
	
	.kalite {display:none;}
}

@media screen and (max-width: 760px) {

    .header .logo {width: 190px;position: relative;z-index: 9999;}
    .header { margin-top: 0px; background: none; }
    .menuBar {width: calc(100% - 92px);margin-left: -100px;margin-top: 93px;height: 44px;z-index: 45;}
    .sosyalMedia {
    bottom: -43px;
    display: none;
}

    .hd .telefon { font-size: 17px; top: -2px; display: none; }
    .genelListe.urunler li, .genelListe.uygulama li { width: 50%; }
    .genelListe.galeri li { width: 33.33%; }

    .urunDetay .sol { width: 270px; }
    .urunDetay .sag { width: calc(100% - 270px); }
    .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: 27px; }
    .menuBar a.kmenu { width: 51px !important; height: 44px !important; }
    #menu { margin-top: 44px; }
    .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6 { padding-left:10px; }
    .genelBaslik .msk { margin-top:14px; }
}

@media screen and (max-width: 640px) {

    .katBaslik { height: 0; }
    .katBaslik strong { display: none; }

        .altBar .sol {width:100%; margin-left:0px; text-align:center;}
    .altBar a.teknobay {width:100%; margin-left:0px; text-align:center; margin-top:5px}
}

@media screen and (max-width : 540px) {


    
}

@media screen and (max-width: 540px) {

    .urunDetay .sol { display: table; margin: 0 auto; float: none; }
    .urunDetay .sag { width: 100%; padding-left: 0px; margin-top: 20px; }

    .genelListe.liste li .resim { display: table; margin: 0 auto; float: none; }
    .genelListe.liste li p { }
    .genelListe.liste li .devam { margin-left: 0px; width: 100%; box-sizing: border-box; text-align: center; padding: 10px 0px; }
    .genelListe.liste li h6, .genelListe.liste li p { width: 100%; float: left; padding: 0px; text-align: center; }
    .genelListe.liste li h6 { margin-top: 0px; margin-bottom: 9px; }
}

@media screen and (max-width: 480px) {

    .genelListe.urunler li, .genelListe.uygulama li { width: 100%; }
    .genelListe.galeri li { width: 50%; }
}

@media screen and (max-width: 440px) {

    .alti .span, .alti a { width: 100%; float: left; text-align: center; line-height: 18px; }
    .urunDetay .sol { width: 90%; display: table; margin: 0 auto; float: none; }
}
