.navbar-default {
  background-color:teal;    /*!   oritginal is deep gray    #ecf0f1*/
  border-color: #9E9E9E;           /*!red   #9E9E9E*/
}
.navbar-default .navbar-brand {
  color: #ecf0f1;                      /*! light gray   #ecf0f1   */
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFFF00;                          /*! yellow */
}
.navbar-default .navbar-text {
  color: #ecf0f1;                           /*! silver */
}
.navbar-default .navbar-nav > li > a {
  color:white;        
                      /*! control button word color*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: yellow;                                /*! control after button word color*  now it is yellow color/
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #e74c3c;                                 /*! red color          */
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;                                                 /*! silver*/
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #e62b2e;                                                  /*! red color */

  background-color: #c0392b;                                         /*! deep red color */
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color:#C0C0C0;                                                /*! red*/
                     
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #e62b2e;
  background-color: #c0392b;                                  /*! red*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #e62b2e;                                       /*! red*/
  background-color: #c0392b;                         /*! red*/
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #e62b2e;
  background-color: #c0392b;
}
.navbar-default .navbar-toggle {
  border-color: #c0392b;                                  /*!hamburg out line colr   original is red color #c0392b   */
                            
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;                     /*! white colorr*/
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;                           /*! silver*/

}  
.navbar-default .navbar-link:hover {
  color: #e62b2e;                    /*! red*/
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e62b2e;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #F7F7F7;
    background-color: #C0C0C0;
  }
}