.mobile-menu { display: none; position: fixed; z-index: 10000; width: 80%; top: 0; bottom: 0; background: #333; }
.mobile-menu .menu-content { overflow-y: scroll; height: 100%; }
.mobile-menu .menu-content .menu-baslik { padding: 25px; background: #222; color: #BBB; font-size: 24px; }
.mobile-menu .menu-content .menu-baslik a#menuKapat { float: right; cursor: pointer; color: #ccc; }
.mobile-menu .menu-content ul li a { padding: 10px 25px; border-bottom: 1px solid #444; display: block; font-size: 16px; color: #aaa; font-weight: 300;  }
.mobile-menu .menu-content ul li a:hover { color: #EEE; }
.mobile-menu .menu-content ul li i { width: 25px; }
.mobile-menu .menu-content ul li ul li a { padding-left: 50px; font-size: 14px; }

.mobile-toggle { display: none; padding: 10px; border: 1px solid #fff; border-radius: 4px; -webkit-border-radius: 4px; color:#fff; line-height: 1.4; float: left; margin-top: 10px; cursor: pointer;  }
.mobile-toggle:hover { color:#FDA30E; }
@media (max-width: 768px) {
    .mobile-toggle { display: block; }
}