@media screen and (min-width:180px) and (max-width:760px) {
body {padding-top:0;}
#ust{position:relative;}
header{width:100%; height:auto;}
header figure{width:100%; border-right:none; text-align:center; padding-left:20px;}
header div{display:none;}
header nav{width:100%; height:100%; position:fixed; transition:all ease 0.5s; z-index:12; background:#1d1d1d; left:-100%; top:0;}
header nav ul{display:block; padding-top:50px;}
header nav ul li{width:100%; border-bottom:1px solid rgba(255,255,255,0.1); height:50px; overflow:hidden;}
header nav ul li a{height:50px; line-height:50px; color:#fff;}
#slider{width:100%; height:220px!important;}
#slider h1{margin-left:0; left:0; font-size:18px; bottom:20px; width:100%;}
#urun-hizmetler{padding:20px;}
#urun-hizmetler > div{width:100%;}
#urun-hizmetler h2{margin-bottom:20px;}
#urun-hizmetler li {width:100%; height:auto; margin-bottom:20px;}
#avantajlar{padding:20px;}
#avantajlar > div{width:100%;}
#avantajlar ul li{width:100%; margin-bottom:20px;}
footer{width:100%;}
footer figure{padding:30px 0;}
footer ul{display:block;}
footer ul li{width:100%; border-right:none; border-bottom:1px solid rgba(255,255,255,0.1);}
#sayfa{width:100%; padding:20px; margin:0;}
#breadcrumb > div{width:100%;}
#breadcrumb > div > ul{display:none;}
#breadcrumb > div > h1{width:100%; text-align:center;}
#sirketimiz{display:block;}
#sirketimiz-icerik{width:100%;}
#sirketimiz figure{width:100%;}
.hizmetlerimiz{display:block;}
.hizmet-icerik{width:100%;}
.hizmetlerimiz figure{width:100%;}
#iletisim-sol{width:100%;}
#iletisim-sag{width:100%;}
#iletisim-bilgi{padding:20px;}
#iletisim-form{padding:20px;}
#haberler li{margin-bottom:20px;}
#haberler li figure{width:100%; height:auto;}
#haberler > li > div{width:100%; height:auto; padding:20px;}
#haberler > li > div > h2 > a{text-overflow: inherit; overflow: visible; height: auto; white-space:inherit;}
#haberler > li > div > p{overflow: visible; display: block; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; height: auto;}
#haber-detay{padding:20px;}
nav > ul > li > ul{display:block; top:0; width:100%; padding-top:0!important; position:relative; float:left;}
#iletisim-bilgi ul li{display:flex;}
#iletisim-bilgi ul li address{line-height:20px; text-align:left;}

footer ul li{display:flex;}
footer ul li address{line-height:20px; text-align:left; margin-top:12px;}

.nlcce {width:100%;text-align:center!important;}
.nlcce img {padding:12px;height:70px;}


#slider h1 span{font-size:18px;}
#slider h1 p{font-size:18px;}
#avantajlar ul{display:block;}
#avantajlar ul li{flex:inherit;}
#anasayfa-galeri{padding:20px;}
#anasayfa-galeri > div{width:100%;}
#anasayfa-galeri li{width:100%; height:auto; margin-bottom:10px;}
#icerik-sayfasi{width:100%; padding:20px;}
#sayfa-ust-resim{height:140px; max-height:140px; margin-bottom:10px;}
#icerik-sayfasi li{width:100%; margin-bottom:10px;}
.g-recaptcha{float:left; margin-left:-15px; transform:scale(0.9);}

.mobil-diller{display:block!important;}
.mobil-diller .diller{display:block!important; height:50px!important; float:left; border-left:none!important;}
.mobil-diller .diller img{margin:13px 5px!important;}










.menu-open{display:block; width:40px; height:40px; line-height:40px!important; position:absolute; right:20px; top:20px; color:#1d1d1d; background:#f7f7f7; border:1px solid #dfdfdf;}
.menu-close{color:#fff; font-size:16px; display:block; width:50px; height:50px; line-height:50px!important; text-align:center; position:absolute; right:0; top:0; z-index:9;}
.m2{left:0!important; transition: all ease 0.5s;}



}