<?php 
date_default_timezone_set("Asia/Bangkok"); 
$today = date("F j, Y, g:i:s a");
?>
<div class="hidden-xs">
<nav class="navbar  navbar-transparent navbar-fixed-top container-fluid" role="navigation" style="height: 93px;padding-right:40px;padding-left:25px;">
                   <!-- Brand and toggle get grouped for better mobile display -->
                   <div class="navbar-header">
                    <div class="col-md-6 col-xs-6  hidden-sm hidden-lg hidden-md">
                    <p style="margin-top:15px;"><a href="index.php" ><img src="images/icon/logo_new.png?myPic=<?php echo urlencode($today); ?>" width="213px" class="img-responsive"/></a></p>
                    </div>
                    <div class="col-md-6 col-xs-6">
                    <button type="button" onclick="openNav()" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                      <span class="sr-only">Toggle navigation</span>
                      <img  src="images/icon/nav_black.png" />
                    </button>
                    </div>
                    <p style="margin-top:27px;"><a href="index.php" ><img class="hidden-xs" src="images/icon/logo_new.png?myPic=<?php echo urlencode($today); ?>" width="213px" class="img-responsive" /></a></p>
                  </div>

                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1 hidden-xs hidden-sm">
                    <ul class="nav navbar-nav navbar-right" style="margin-top:25px;color:gray;font-size:26px;">
                      <li ><a href="IV_002.php" id="project" style="padding-left:10px;padding-right:10px;">PROJECT</a></li>
                      <li><a href="IV_007.php" id="about" style="padding-left:10px;padding-right:10px;">ABOUT</a></li>
                      <li><a href="IV_010.php" id="client" style="padding-left:10px;padding-right:10px;">CLIENTS</a></li>
                      <li><a href="IV_011.php" id="contact" style="padding-left:10px;padding-right:10px;">CONTACT</a></li>
                      <li><a href="#" id="contact" style="padding-left:10px;padding-right:10px;" onclick="openNav2()"><i class="fa fa-search" aria-hidden="true" style="font-size:16px;"></i></a></li>
                    </ul>
                  </div><!-- /.navbar-collapse -->
            </nav>

</div>
<div class="hidden-md hidden-sm hidden-lg">
<nav class="navbar2  navbar-transparent navbar-fixed-top container" role="navigation" style="padding-right:0px;padding-left:0px;">
                   <!-- Brand and toggle get grouped for better mobile display -->
                   <div class="navbar-header">
                    <div class="col-md-8 col-xs-8 hidden-sm hidden-lg hidden-md">
                    <a href="index.php" ><img src="images/icon/logo_new.png?myPic=<?php echo urlencode($today); ?>" class="img-responsive" width="213px"   style="padding-top:20px;padding-left:28px;"/></a>
                    </div>
                    <div class="col-md-4 col-xs-4">
                    <button type="button" onclick="openNav()" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                      <span class="sr-only">Toggle navigation</span>
                      <img  src="images/icon/nav_black.png" />
                    </button>
                    </div>
                    <p style="margin-top:25px;"><a href="index.php" ><img class="hidden-xs " src="images/icon/logo_new.png?myPic=<?php echo urlencode($today); ?>" width="213px" class="img-responsive"/></a></p>
                  </div>

                  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1 hidden-xs hidden-sm">
                    <ul class="nav navbar-nav navbar-right" style="margin-top:25px;color:gray;">
                      <li><a href="IV_002.php" id="project">PROJECT</a></li>
                      <li><a href="IV_007.php" id="about">ABOUT</a></li>
                      <li><a href="IV_010.php" id="client">CLIENTS</a></li>
                      <li><a href="IV_011.php" id="contact">CONTACT</a></li>
                      <li class="lang"><a href="#">EN | TH</a></li>
                    </ul>
                  </div><!-- /.navbar-collapse -->

            </nav>
</div>