#MobilMenu.gizle {
    width:0;
}
#MobilMenu form {
    border:none;
    box-shadow: none;
}
#MobilMenu input[type=text] { /*aramakutusu*/
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out 0s;
    color:#0a0a0a;
}
#MobilMenu button[type=submit] { /*aramadugmesi*/
    background-color: #374850;
    border: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out 0s;
    color: #999;
}
#MobilMenu ul {
    padding: 0 15px;
}
/*#MobilMenu ul li span {
    font-size: 16px;
}*/
#MobilMenu ul li {
    color: #e7e7e7 !important;
}
#MobilMenu .list-group-item {
    background-color: transparent !important;
}
#MobilMenu ul li {
    border-bottom: 1px solid rgba(44, 66, 89, 0.3);
    last-child { border-bottom: none; }
}
/*#MobilMenu ul li:last-child { border-bottom: none; }*/

#MobilMenu .panel-collapse ul li:last-child {
    border-bottom: none;
}
#MobilMenu li {
    border-left: 3px solid transparent;
    transition: all 0.3s ease-in 0s;
}
#MobilMenu li:hover {
    background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    border-left: 3px solid #009933;
}
/*#MobilMenu li a:hover {
    background-color: transparent; /*cakisma*//*
}*/
#MobilMenu {
    bottom:0;
    left:0;
    position:fixed;
    overflow:auto;
    transition:width .4s;
    z-index: 100000;
    background-color: #425668 /*#222d32;#2A3F54*/
}

header .navbar {
    margin-bottom: 0;
    padding: 0;
    justify-content: flex-start;
}
.MobileIcon {
    font-size: 1.3em;
}
#MobileMenuIcon a {
    padding: 10px 5px;
    margin-top: 2px;
    margin-bottom: 4px;
}
header .navbar-default .navbar-toggle .icon-bar {
    background-color: #337ab7;
}
#MobilMenu .panel-collapse ul li:last-child {
    border-bottom: none;
}
@media screen and (min-width: 768px) {
    #MobilMenu {
        display: none;
    }
    /*.TopMenu {
        top:25px;
    }
    .TopMenuBannerli {
        top:119px;
    }*/

    /*#MobilMenu .navbar-nav {
        float: none;
        margin: 0;
    }
    #MobilMenu .navbar-nav > li {
        float: none;
    }*/
}
@media screen and (max-width: 768px) {

    #MobilMenu {
        width:90%;
    }

    #MobilMenu.gizle {
        width:0;
    }
    #MobilMenu {
        top:47px;
        bottom:0;
        left:0;
        width:90%;
        position:fixed;
        overflow:auto;
        transition:width .4s;
        z-index: 100000;
        background-color: #425668 /*#222d32;#2A3F54*/
    }
    #MobilMenu form {
        border:none;
        box-shadow: none;
    }
    #MobilMenu input[type=text] { /*aramakutusu*/
        background-color: #374850;
        border: 1px solid #374850;
        box-shadow: none;
        transition: all 0.3s ease-in-out 0s;
        color:#b7b7b7;
    }
    #MobilMenu button[type=submit] { /*aramadugmesi*/
        background-color: #374850;
        border: 1px solid transparent;
        box-shadow: none;
        transition: all 0.3s ease-in-out 0s;
        height: 34px;
        color: #999;
    }
    #MobilMenu ul {
        padding: 0 15px;
    }
    /*#MobilMenu ul li span {
        font-size: 16px;
    }*/
    #MobilMenu ul li a {
        color: #e7e7e7 !important;
        text-decoration: none;
        display: block;
    }
    #MobilMenu ul li {
        border-bottom: 1px solid rgba(44, 66, 89, 0.3);
    }
    #MobilMenu ul li:last-child {
        border-bottom: none;
    }
    #MobilMenu li {
        border-left: 3px solid transparent;
        transition: all 0.3s ease-in 0s;
    }
    #MobilMenu li:hover {
        background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
        border-left: 3px solid #009933;
    }
    #MobilMenu li a:hover {
        background-color: transparent; /*cakisma*/
    }
    .BannerKarusel {
        display: none;
    }
}


/*Ana menuleri uzerine gelince acilir hale getirmek icin*/
#MenuNormal .dropdown:hover > .dropdown-menu {
    display: block;
}
#MenuNormal .dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}



/*.navbar-nav > li > a:focus, .navbar-nav > li > a:hover {
    background-color: #e8e8e8;
    /*opacity: 0.2;*//*
    color: #d4d4d4;
    text-shadow: -1px 0 2px rgba(80, 0, 0, 0.3);
}*/
