.m-menu { padding:8px; background:#000; z-index:6000; width:25px; height:25px; position:fixed; top:5px; right:5px; display:none  }
.m-menu:hover { background:#666; cursor:pointer }
.MOBIL-MENU { position:fixed; left:-80%; top:0; width:80%; height:100%; background:#1c5288; z-index:100; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;}
.MOBIL-MENU .li { padding:15px 15px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.4) }
.MOBIL-MENU .li:hover { background:rgba(0,0,0,0.2); color:#fff; }

.WSDESTEK { background:#090; color:#fff; padding:15px 15px; margin:20px; font-size:18px; text-align:center; display:none; }
.WSDESTEK:hover { background:#000; color:#fff;   }


.ARA { background:#704494; color:#fff; padding:15px 15px; margin:20px; font-size:18px; text-align:center; display:none; }
.ARA:hover { background:#000; color:#fff;   }



@media screen and (max-width: 800px) {
 .WSDESTEK { display:block }
.ARA { display:block }
.m-menu { display:block; } 
.GGa, .aracbul, .HEADERUST { display:none }
 
.AFORM { width:100%; margin:0 auto;     }
.FF .f { width:calc(33.33% - 10px); padding:5px; float:left; }
.FF .f2 { width:calc(100% - 0px); padding:5px; float:left; }
.FF .b2  { width:calc(100% - 10px);  }

.BLOG_108 .SLIDERCON .metin { display:none }

.BLOG_109               {  padding:0px 20px 20px 20px;    }

.ANASAYFA { padding:20px 30px }
.ANASAYFA .li1 { width:100%; float:left; }
.ANASAYFA .li2 { width:100%; float:left; }
.FOOTERADD { background:#000; }
.FOOTERADD #BULTEN {  width:100%; margin:0 auto}
.FOOTERADD .li {width:100%; text-align:center; }
.SOLVAR { width:100%}
.SAGVAR { width:100%;}

.ANA-HIZMETLER2 .li     { width:calc(100% /1 - 40px);   }
.ALT-KATEGORI .li     { width:calc(100% / 1  - 62px);  }
.FOOTERUST p { font-weight:600; font-size:18px; padding:20px 0px; display:inline-block; color:#fff; width:100%; }

.ANA-HIZMETLER .li     { width:calc(100% - 132px); }

.FOOTER .NEYSE { width:calc(100% - 80px); text-align:center; padding:0px 40px;  }


.FOOTER .BULTEN               {  width:calc(100% - 80px); padding:0px 40px 50px 40px; text-align:center;    }


.HEADER .MENU { display:none;  }
.HEADER .c { text-align:center; }
.HEADER .logo { width:180px; }



 
.ARACDETAY .ARACSOL { width:calc(100% - 40px); float:left; padding:0px 20px; margin-bottom:15px }
.ARACDETAY .ARACSAG { width:calc(100% - 40px); float:right;  padding:0px 20px 0px 20px; position:relative; }

.HİZMETLER { max-width:1220px; margin:0 auto; padding-bottom:100px; }
.HİZMETLER .li { width:calc(100% - 20px); float:none; padding:10px; margin:0 auto }


.HEADLINE    { width:100%; background:#1c5288    }
.HEADLINE .c {  text-align:center; }
 
/**********************************************************/
.MHEADLINE    { }
.MHEADLINE .c { max-width:1200px; margin:0 auto; text-align:center; }
 
/**********************************************************/


.ODEMEASAMASI { width:calc(100% - 40px) margin:0 auto; padding:50px 20px}
.ODEMEASAMASI .W1 { width:calc(100% - 40px); float:left;   padding:20px;    }
.ODEMEASAMASI .W2 { width:100%; float:right;  }


.HEADER .BAR { display:none }

.GG .f2 { width:calc(100% - 10px); padding:5px; float:left;  }




.ARACLAR { max-width:1200px; margin:0 auto; padding-bottom:20px; }

.ARACLAR .SOL { display:none   }
.ARACLAR .SAG { width:calc(100% - 0px);  }


.ARACLAR .SAG .arac { width:calc(100% - 40px); padding:0px 20px 0px 20px; margin:0px 0px 20px 0px; float:left;   }
.ARACLAR .SAG .arac .hr .i1 { float:left; padding:5px 0px; width:20%; font-weight:400 }
.ARACLAR .SAG .arac .hr .i2 { float:left; padding:5px 0px; width:80%; font-weight:400 }
.ARACLAR .SAG .arac .ax-1 { width:calc(40% - 30px); float:left; padding:0px 30px 0px 0px }
.ARACLAR .SAG .arac .ax-2 { width:60%; float:left; }

.SAYFADETAY .CONTENT { width:calc(100% - 40px); float:left; padding:0px 20px }

.GALERI .li { width:100%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }

.SAYFADETAY .FORMVAR { width:calc(100% - 20px); padding:0px 20px; text-align:center; }

.FORMSOL          { float:right; width:calc(100% - 40px); background:#f3f3f3; padding:40px 0px ; margin:20px}


.FF .fg { width:calc(100% - 0px); padding:5px; float:left; }
.FF .f { width:calc(50% - 10px); padding:5px; float:left; }

}