@media screen and (min-width:180px) and (max-width:1000px) {
header div{width:100%;}
header figure{width:100%; text-align:center;}
header nav{position:fixed; z-index:999; background:#ed1c24; left:-100%; top:0; overflow:hiddden; width:100%; height:100%; transition:all ease 0.5s;}
nav ul li{width:100%; height:60px; line-height:60px; border-bottom:1px solid rgba(0,0,0,0.1);}
nav ul li a{width:100%; height:60px; line-height:60px;}
nav ul{padding-top:50px;}
.desktop-slider {display: none!important;}
.mobile-slider {display: block!important;}
#slider{height:81vh;}
#slider h1{font-size:24px; color:#fff; position:absolute; background:rgba(0,0,0,0.4); height:50px; line-height:50px; width:100%; bottom:0; text-align:center;}
.caroufredsel_wrapper{height:81vh!important;}
.list_carousel ul{height:81vh!important;}
.list_carousel li{width: 100%; height:81vh!important; background-position: center center;}
#bilgiler{height:auto; padding:20px;}
#bilgiler > div{width:100%; height:auto;}
#sosyal{width:35px;}
#bilgiler-sag{height:auto; float:left; width:250px; margin-left:20px;}
#bilgiler-sag > li{margin-bottom:20px; margin-left:0;}
#calismalarimiz{padding:20px;}
#calismalarimiz > div{width:100%;}
#calismalarimiz h2{margin-bottom:20px;}
#calismalarimiz ul li{width:100%; height:auto; margin-right:0; margin-bottom:20px;}
#calismalarimiz ul li img{width:100%; display:block;}
#kurumsal{width:100%; padding:20px;}
#kurumsal > div{width:100%;}
#kurumsal ul{width:100%; margin:20px 0 0 0;}
#kurumsal ul li{width:100%; height:auto; margin-right:0; margin-bottom:20px;}
#kurumsal ul li img{width:100%; display:block;}
#footer-ust{height:auto;}
#footer-ust > div{width:100%; padding:20px;}
#bilgiler-alt address{width:250px;}
#bilgiler-alt{height:auto;}
#bilgiler-alt li{width:100%; margin-bottom:20px; margin-left:0;}
#bilgiler-alt > li > a{margin-top:20px;}
#sosyal-alt{float:left; margin:20px 0;}
#footer-ust{background-size:cover;}
#footer-harita{width:100%; margin:0; overflow:hidden;}
#footer-alt{width:100%; height:auto;}
#footer-alt ul li{width:100%; text-align:center;}
#footer-alt ul li a{width:100%; text-align:center; height:40px; line-height:40px;}
#breadcrumb > div{width:100%;}
#breadcrumb h1{width:100%; text-align:center;}
#breadcrumb  ul{display:none;}
#sayfa{width:100%; margin:0; padding:20px;}
#ekip li{height:auto; margin-bottom:20px;}
#ekip li figure{width:100%;}
#ekip li figure img{width:100%; display:block;}
#ekip li div{width:100%; padding:20px; height:auto;}
#projeler li{width:100%; margin-right:0; margin-bottom:20px; height:auto;}
#projeler li img{width:100%; height:auto;}
#iletisim-bilgileri,#iletisim-formu,#iletisim-harita{width:100%; padding:0; margin-bottom:20px;}
#iletisim i{display:none;}








.menu-open{width:40px; height:40px; background:rgba(255,255,255,0.1); line-height:40px!important; text-align:center; color:#fff; position:absolute; right:15px; top:40px; border-radius:3px; display:block; font-size:26px;}
.menu-close{width:40px; height:40px; line-height:40px!important; text-align:center; color:#fff; position:absolute; right:10px; top:10px; cursor:pointer; display:block; font-size:26px;}
.menu-position{left:0!important; transition:all ease 0.5s;}
.menu-child:after{font-family: profornet; font-size:14px; font-style: normal; width:50px; height:50px; position:Absolute; right:0; top:0; content: "\e90e"; color: #fff; transform: rotate(90deg); text-align:center;}
.menu-down:after{transform: rotate(270deg)!important;}
.menu-open, .menu-close{display:block;}
.menu-close img{width:16px;}
}



