#nav { margin-top: 0px; }

/* ------------------------------------------------------------- 



*/
#bs-example-navbar-collapse-1 { background: #d2d5db; }
#nav .navbar-collapse { padding: 0px; }

/* --- মেনুর লেখাগুলোকে মাঝখানে আনার জন্য এই কোডটুকু যোগ করা হয়েছে --- */
@media (min-width: 768px) {
    #nav .navbar-collapse {
        text-align: center;
    }
    #nav .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
}
/* ------------------------------------------------------------- */

#nav .caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0); 
    border-top: 4px solid rgba(0, 0, 0, 0); 
    border-bottom: 4px solid; 
    display: inline-block; 
    margin-left: 2px; 
    vertical-align: middle;
}

#nav .navbar-default {
    border-radius: 0; 
    margin: 0; 
    min-height: 20px; 
    border-bottom: 1px solid #dadee5;
    border-top: 1px solid #dadee5;
}

#nav .navbar-default .navbar-nav > li {
    /* প্রয়োজন হলে কোনো ফিল্ড ফাঁকা না রেখে বাদ দিতে পারেন */
}

#nav .navbar-default .navbar-nav > li:hover {
    background-color: #cd201f; 
    color: #fff !important;
}

#nav .navbar-default .navbar-nav > li:last-child {
    border-right: 0;
}

#nav .navbar-default .navbar-nav > li > a {
    color: #FFFFFF; 
    padding: 7px 15px 7px 20px;
}

#nav .navbar-default .navbar-nav > li > a:hover {
    color: #E6E6E9 !important;
}

#nav .navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #cd201f;
    color: #fff !important;
}