@media only screen and (min-width: 0px) and (max-width:768px) { 
body {font-size:14px;}
.ust {width:100%; height:90px; position:relative; z-index:3; margin-left:0%; box-shadow:#DDD 0px 2px 5px; background-color:#EEE}

.ust .logo {width:140px; height:80px;}
.ust .im {width:150px; height:80px; float:right;}


.ust .im .iletisim {width:100%; border-bottom:none; overflow:hidden;}
.ust .im .iletisim li {width:99%; float:right; border-right:none; text-align:right; margin-right:5%; font-size:16px;}
.ust .im .iletisim .talep {padding:2%; float:right; padding-left:2%; padding-right:2%; cursor:pointer; font-size:16px; border-radius:5px; background-color:#3D8EE9; color:#fff; margin-right:5%; margin-top:10px;}
.ust .im .menu {display:none}


.Sbaslik {display:none;}
.orta .Bbaslik {width:100%; height:60px; line-height:30px; margin-top:10%;}
.orta .BBbaslik {height:80px; line-height:40px; margin-bottom:1%; font-size:22px;}
.orta .slayt {width:100%; height:auto; z-index:0; overflow:none;}
.orta .slayt img {width:100%;}


.orta .ozellik .by {width:70%; float:right}
.orta .ozellik .b {width:100%; height:60px; line-height:30px; font-size:18px; color:#774f38}
.orta .ozellik .y {width:100%; height:100px; }
.orta .ozellik .kutusol {width:100%; float:none; text-align:left;}
.orta .ozellik .kutuorta {width:100%; float:none; text-align:center;}
.orta .ozellik .kutuorta img {width:100%;}
.orta .ozellik .kutusag {width:100%; float:none; text-align:right;}
.orta .acikla {width:100%; height:auto;}
.orta .acikla .yazi {width:100%; height:auto; 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;}

/* Sayfa */

.sayfa .sayfaresim {width:100%; height:auto; margin-right:0%; overflow:none; float:none; border:none; box-shadow:none;}

/* Hizmetler */
.hizmetler .hizmet3 {width:98%; float:none; margin-top:5%;}
.hizmetler .hizmet3 .resim img {width: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%;}

/* 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 .resim {width:100%; margin-right:0%; margin-top:3%; float:none}
.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:#774f38 5px solid; }

/* İletişim */
.haritas {display:none;}

.iletisim2 {width:99%;}
.iletisim2 .btel {width:99%; float:none; margin-bottom:2%; margin:0px auto;}


.iletisim2 .ikon {width:5%; height:40px; line-height:40px; padding:1%; float:left; margin-left:3%;}
.iletisim2 .yazi {width:82%; height:40px; line-height:30px; padding:1%; float:right;}
.iletisim2 .btel .baslik {width:96%; height:20px; padding:2%; background-color:#774f38; color:#fff; font-size:16px; font-weight:500}
.iletisim2 .bilgi {width:100%; height:250px; margin-top:2%;}
.iletisim2 .harita {width:99%; height:auto; margin-left:0%; margin-top:1%; float:none;}


/* Genel */

.hizala {width:100%;}
.bosluk {width:100%; height:30px;}
.mobilemenu {display:block; float:left; margin-top:25px; margin-left:5px; margin-right:5px;}
.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:#04B7E3; 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;}


}
 

}
@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) { }