@media only screen and (min-width: 0px) and (max-width:768px) { 
.ust .iletisim li {width:33%; padding-left:0px; font-size: 12px; text-align:center;}
.ust .iletisim .talep {width:29%; height:30px; font-size: 13px;}
.ust .logomenu .menu {display:none;}
.slayt {width:100%; height:auto;}
.swiper-slide img {width:100%; height:auto;}
.orta .Bbaslik {width:100%; height:60px; line-height:30px; margin-top:10%;}
.orta .Aaciklama {font-size:12px;  margin-bottom:3%; color:#999; text-align:center;}

/* Hizmetler */
.hizmetler .hizmet3 {width:98%; float:none; margin-top:5%;}
.hizmetler .hizmet3 .resim img {height:100%; width:auto;}
.hizmetler .hizmet3 .aciklama {line-height:20px; font-size:13px;}

.hizmetler .hizmet4 {width:96%; height:110px; line-height:22px; float:none;}
.hizmetler .hizmet4 .ikon {width:28%; height:100px; float:left; padding:3%;}
.hizmetler .hizmet4 .baslik {width:58%; height:50px; float:right; padding:3%;}

/* Slogan */
.slogan .baslik {height:90px; }
.slogan .aciklama {height:120px; line-height:40px; }
.slogan .ikon {height:50px; line-height:50px;}

.detay .baslik {padding-left:0%; padding-right:0%;}
.detay .resim {width:100%; float:none;}
.detay .aciklama {padding-left:0%; padding-right:0%;}
.detay .secenek li .cizgi {display:none;}

/* Sayfa */
.Sbaslik {height:50px; line-height:50px; font-size:24px;}
.Sbaslik span {display:none;}
.sayfa {width:98%; margin-top:1%; margin-bottom:3%; margin-left:1%; margin-right:1%;}
.sayfa .sayfaresim {width:100%; height:auto; margin-right:0%; float:none; border:#eee 0px solid; box-shadow:#ccc 0px 5px 15px;}

/* Detaysyfa */
.detays .liste {display:none;}
.detays .aciklama .baslik {width:100%; height:60px; line-height:30px; padding-bottom:1%; float:none; font-size:24px; border-bottom:#EEE 1px solid; font-weight:700}
.detays .aciklama {width:98%; float:none; margin:1%;}

/* Galeri */
.galeri .galeri3 {width: 96%; height:auto; float:left; margin:1%; border:#EEE 5px solid;}
.galeri .galeri3:hover {border:#FF2020 5px solid; }


/* Aşamalar */
.asama {height:100%;}
.asama .sayi {width:20px; height:20px; padding:10px; margin-bottom:-40px; border-radius:120px; text-align:center; border:#FFF 2px solid; background-color:#E60000; color:#fff; font-weight:bold; overflow:hidden; margin:0px auto;}
.asama .asamailk {width:90px; height:90px; padding:40px; margin-bottom:20px; float:none; border-radius:120px; text-align:center; border:#E60000 2px solid; background-color:#fff; overflow:hidden; margin:0px auto;}
.asama .asamaorta {width:90px; height:90px; padding:40px; margin-bottom:20px; float:none; border-radius:120px; text-align:center; border:#E60000 2px solid; background-color:#fff; overflow:hidden; margin:0px auto;}
.asama .asamason {width:90px; height:90px; padding:40px; margin-bottom:20px; float:none; border-radius:120px; text-align:center; border:#E60000 2px solid; background-color:#fff; overflow:hidden; margin:0px auto;}
.asama .aralik {display:none;}

/* İletişim */

.iletisim2 .btel {width:98%; float:none; margin-bottom:2%; margin-left:1%; margin-right:1%;}
.iletisim2 .ikon {width:10%; height:50px; line-height:50px; padding:1%; float:left; margin-left:3%;}
.iletisim2 .harita {width:100%; height:500px; margin-left:0%; margin-top:0.5%; float:none;}

/* Alt */

.alt {width:100%; height:80px; background-color:#2f2f2f; color:#fff;}
.alt .Abaslik {display:none;}
.alt .Aaciklama {display:none;}
.alt .telif {display:none;}
.alt .imza {width:100%; height:50px; line-height:50px; float:none; text-align:center;}

.hizala {width:100%;}
.mobilemenu {display:block}
.simdiara {display:block; width:80%; height:30px; margin:0px auto; padding:2%; text-align:center; font-size:18px; font-weight:bold; left:7.5%; bottom:1%; border-radius:5px; position:fixed; z-index:3; background-color:#F00; color:#fff;}
.simdiara a {color:#fff; text-decoration:none;}

/* Kutular */
.kutu2 {width:98%; float:none;}
.kutu3 {width:98%; float:none;}
.kutu7 {width:98%; float:none;}

/* Modal */

.modal{
  background-color:white;
  width: 90%;
  height: 100%;
}
 

}
@media only screen and (min-width: 768px) and (max-width:991px) { }
@media only screen and (min-width: 768px) and (max-width:991px) { }
@media only screen and (min-width: 992px) and (max-width:1151) { }