<style>
      .navbar-toggle{
        padding: 10PX 10PX;
      }
      .icon-bar{
        background-color:gray;
      }
      .navbar{
        border-radius: 0px;
        border-color:transparent;
        background-color:#fff;
      }
      .nav li {
        padding: 5px 0px;
      }
      .nav .active a{
        border-bottom:4px solid #c94c06;
        color:gray;
      }
      .nav .round a{
        border:2px solid #fff;
        color:gray;
        margin-right: 20px;
      }
      .nav li a{
        color: #333;
        font-size: 14px;
        font-weight: bolder;
      }
      .nav li a:hover{
        color: #333;
        background-color: transparent;
      }
      .navbar-brand {
        color: #fff;
        margin-top: -10px;
      }
      .brand2{
          margin-top:-10px;
      }
      .inner-dropdown ul{
        background-color: #123962;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
      }
      .inner-dropdown ul li{
        padding: 3px 3px;
        background-color: transparent;
      }
      .inner-dropdown ul li a:hover{
        background-color: transparent;
      }
      ul .divider{
        padding: 0px 0px;
        background-color: red;
      }
      .top-header{
        margin: 0px;
        width: 100%;
      }
      .top-header{
        width:100%;
        margin-top: 0px;
        margin-left: 0px;
        height:35px;
        background-color: #333;
        color:#fff;
      }
      .top-header ul{
        list-style: none;
        display: inline;
        margin-top: 10px;
        margin-right: 0px;
      }
      .top-header ul li{
        display: inline;
        padding: 10px 15px;
      }
      .top-header ul li a{
        color:#fff;
      }
      .top-header .z-nav-right {
         float: right;
      }
      .login-button{
        padding: 10px 20px;
        background-color: #db0011;
        color:white;
        text-decoration: none;
      }
      .login-button:hover{
        padding: 10px 20px;
        background-color:darkred;
        color:white;
        text-decoration: none;
      }

      ul {
          list-style-type: none;
          padding: 0;
          margin: 0;
      }

      div ul li {
          display: table-row;
      }    

      .img {
          float: left;
          margin: 0 0 5px 0;
          padding: 0px;
          vertical-align: middle;
      }
    </style>
    <!--
    <div class="top-header">
        <ul class="z-nav-left">
          
        </ul>
        <ul class="z-nav-right">
          <li><a href=""><img class="img" src="images/chflag.png" class="img-responsive" width="21" style="box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);"><span style="margin-left:-12px; ">翻译成中文</span></a></li>
          <li><a href="online-registration.php">REGISTER</a></li>
          <li><a href="login.php" class="selected-item login-button" target="_blank" style="cursor: pointer;">LOGIN</a></li>
        </ul>
    </div>
  -->
  
 
<nav class="navbar navbar-default navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
              </button>
              <div class="hidden-sm hidden-xs"><a class="navbar-brand" href="index.php"><img src="<?php echo $sitelogo; ?>" class="img-responsive" width="100"></a></div>
              
              <div class="hidden-md hidden-lg"><a class="navbar-brand brand2" href="index.php"><img src="<?php echo $sitelogo; ?>" class="img-responsive" width="100"></a></div>

            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
              <ul class="nav navbar-nav">
               <li><a href="index.php">HOME</a></li>
               <li><a href="business_banking.php">BUSINESS BANKING</a></li>
               <li><a href="personal_banking.php">PERSONAL BANKING</a></li>
               <li><a href="contact-us.php">CONTACT US</a></li>
              </ul>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="" data-toggle="modal" data-target="#Dtranslate"> <i class="fa fa-language"></i> &nbsp;Translate <input type="image" src="images/197582.png" width="18"> <input type="image" src="images/197557.png" width="18"></a></li>


            
                <li><a href="login.php">LOG IN</a></li>

                <li><a></a></li>
                <a href="online-registration.php" class="btn btn-primary navbar-btn" style="border-radius: 5px; margin-top: 12px;"><i class="glyphicon glyphicon-user"></i> GET STARTED</a>
              </ul>

            </div>
          </div>
        </nav>







        <!-- Modal -->
          <div class="modal fade" id="Dtranslate" role="dialog">
            <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><input type="image" src="images/2875427.png" width="19"> &nbsp;TRANSLATE LANGUAGE</h4>
              </div>
              <div class="modal-body">
                <p>
                  <!-- GTranslate: https://gtranslate.io/ -->
                  <a href="#" onclick="doGTranslate('en|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Chinese (Simplified)" /></a><a href="#" onclick="doGTranslate('en|zh-TW');return false;" title="Chinese (Traditional)" class="gflag nturl" style="background-position:-400px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Chinese (Traditional)" /></a><a href="#" onclick="doGTranslate('en|da');return false;" title="Danish" class="gflag nturl" style="background-position:-700px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Danish" /></a><a href="#" onclick="doGTranslate('en|nl');return false;" title="Dutch" class="gflag nturl" style="background-position:-0px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Dutch" /></a><a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="English" /></a><a href="#" onclick="doGTranslate('en|fi');return false;" title="Finnish" class="gflag nturl" style="background-position:-100px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Finnish" /></a><a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="French" /></a><a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="German" /></a><a href="#" onclick="doGTranslate('en|id');return false;" title="Indonesian" class="gflag nturl" style="background-position:-300px -300px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Indonesian" /></a><a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Italian" /></a><a href="#" onclick="doGTranslate('en|ja');return false;" title="Japanese" class="gflag nturl" style="background-position:-700px -100px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Japanese" /></a><a href="#" onclick="doGTranslate('en|ko');return false;" title="Korean" class="gflag nturl" style="background-position:-0px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Korean" /></a><a href="#" onclick="doGTranslate('en|pl');return false;" title="Polish" class="gflag nturl" style="background-position:-200px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Polish" /></a><a href="#" onclick="doGTranslate('en|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('en|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Russian" /></a><a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Spanish" /></a><a href="#" onclick="doGTranslate('en|sv');return false;" title="Swedish" class="gflag nturl" style="background-position:-700px -200px;"><img src="//gtranslate.net/flags/blank.png" height="32" width="32" alt="Swedish" /></a>

                  <style type="text/css">
                  <!--
                  a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
                  a.gflag img {border:0;}
                  a.gflag:hover {background-image:url(//gtranslate.net/flags/32a.png);}
                  #goog-gt-tt {display:none !important;}
                  .goog-te-banner-frame {display:none !important;}
                  .goog-te-menu-value:hover {text-decoration:none !important;}
                  body {top:0 !important;}
                  #google_translate_element2 {display:none!important;}
                  -->
                  </style>

                  <div id="google_translate_element2"></div>
                  <script type="text/javascript">
                  function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
                  </script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


                  <script type="text/javascript">
                  /* <![CDATA[ */
                  eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
                  /* ]]> */
                  </script>


                </p>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
              </div>
            </div>

          </div>
        </div>