<!-- BEGIN: main -->
{FILE "header_only.tpl"}
<nav class="header-nav">
    <div class="wraper">
        <div class="row">
            <div class="hidden-xs col-md-4 ">
                <div class="contact-header">
                    [CONTACT_DEFAULT]
                </div>
            </div>
            <div class="hidden-xs col-md-12">

            </div>

            <div class="col-xs-24 col-md-6">
                <div class="html-header">
                    [GIO-HANG]
                </div>
            </div>
            <div class="hidden-xs col-md-2">
             <div class="dropdown">
                <button class="dropbtn"><span class="icon-search"><i style="color:#fff;font-size:16px;margin-left:1px;" class="fa fa-search"></i></span></button>
                <div class="dropdown-content">
                  <div class="input-group headerSearch">
                    <input type="text" class="form-control" maxlength="{NV_MAX_SEARCH_LENGTH}" placeholder="{LANG.search}..."><span class="input-group-btn"><button type="button" class="btn btn-info" data-url="{THEME_SEARCH_URL}" data-minlength="{NV_MIN_SEARCH_LENGTH}" data-click="y"><em class="fa fa-search fa-lg"></em></button></span>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</nav>
<div class="">
    <header class="header fixed-top">
        <div id="header-detail1" class="clearfix">
            <div class="wraper">
                <div class="col-xs-4 col-sm-4 col-md-4 menu-mobile">
                    <div id="mySidepanel" class="sidepanel">
                        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> [MOBILE]
                    </div>
                    <button class="openbtn" onclick="openNav()"><div class="colum">☰</div></button>
                </div>
                <div class="col-xs-16 col-sm-16 col-md-16 menu-mobile" style="text-align: center;">
                    <a title="{SITE_NAME}" href="{THEME_SITE_HREF}"><img class="logo-header" src="{LOGO_SRC}" style="width:175px;height:60px" alt="{SITE_NAME}" /></a>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4 menu-mobile ">
                    <div class="dropdown">
                        <button class="dropbtn"><i style="color:#1f4e81;font-size:20px;margin-left: -4px;margin-top: -5px" class="fa fa-search"></i></button>
                        <div class="dropdown-content">
                            <div class="input-group headerSearch">
                                <input type="text" class="form-control" maxlength="{NV_MAX_SEARCH_LENGTH}" placeholder="{LANG.search}...">
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-info" data-url="{THEME_SEARCH_URL}" data-minlength="{NV_MIN_SEARCH_LENGTH}" data-click="y">
                                        <em class="fa fa-search fa-lg"></em>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="logo col-xs-24 col-sm-24 col-md-6 display-none">
                    <!-- BEGIN: image -->
                    <a title="{SITE_NAME}" href="{THEME_SITE_HREF}"><img class="can_giua1" src="{LOGO_SRC}" width="155" height="55" alt="{SITE_NAME}" /></a>
                    <!-- END: image -->
                </div>
                <div class="col-xs-24 col-md-18 hidden-xs" style="margin-top:56px">
                    [MENU-HEAER]
                </div>
            </div>
        </div>
    </header>
</div>
<div class="clearfix">
    [HEADER]
</div>
<div class="wraper">
    <div class="col-sm-18 col-md-18 col-sm-push-6 col-md-push-6 pia">
        [TOP]
        {MODULE_CONTENT}
        [BOTTOM]
    </div>
    <div class="col-sm-6 col-md-6 col-sm-pull-18 col-md-pull-18 pia">
        [LEFT]
        <div class="lest1">
            [LEFT1]
        </div>
        <div class="lest2">
            [LEFT2]
        </div>
    </div>
</div>
<div class="row">
    
</div>
<!-- BEGIN: currenttime -->
<div class="img-slile"></div>
<div class="img-left">
    <div class="img-color">
        <div class="wraper logo">
            [LEFT3]
        </div>
    </div>
</div>
<!-- END: currenttime -->  
{FILE "footer_extended.tpl"}
{FILE "footer_only.tpl"}
<!-- END: main -->