<div class="col-sm-9 col-xs-12 pull-right">
<ul class="nav navbar-nav">
{dhcmsnav limit='7' orderby='sort asc'}
<li class="dropdown hidden-xs {if ($nav.num !== 0)}dropdown1{/if}">
<a href="{$nav.url}" class="{if ($nav.num !== 0)}dropdown-toggle{/if} nav1 {if $nav.id == $catefs.id} active act2{/if}" >
{$nav.name}
{if ($nav.num !== 0)}
<span class="caret"></span>
{/if}
</a>
<ul class="dropdown-menu">
{dhcmsnav pid='$nav[id]' limit='' orderby='sort asc'}
<li><a class="" href="{$nav.url}" >{$nav.name}</a></li>
{/dhcmsnav}
</ul>
</li>
{/dhcmsnav}
{dhcmsnav limit='7' orderby='sort asc'}
<li class="dropdown visible-xs {if ($nav.num !== 0)}dropdown1{/if}">
<a href="##" class="{if ($nav.num !== 0)}dropdown-toggle{/if} nav1 {if $nav.id == $catefs.id} active act2{/if}" data-toggle="dropdown" >
{$nav.name}
{if ($nav.num !== 0)}
<span class="caret"></span>
{/if}
</a>
<ul class="dropdown-menu">
{dhcmsnav pid='$nav[id]' limit='' orderby='sort asc'}
<li><a class="" href="{$nav.url}" >{$nav.name}</a></li>
{/dhcmsnav}
</ul>
</li>
{/dhcmsnav}
</ul>
</div>
@media (min-width:768px) {
.navbar .dropdown1:hover .dropdown-menu{
display: block;
opacity: 0.9;
}
}
.navbar .dropdown-menu {
min-width: 128px;
border: none;
}
.navbar-nav>li>a {
font-size: 18px;
color: #383838;
padding: 10px 18px;
margin-top: 15px;
}
.dropdown-menu>li>a {
padding: 10px 15px;
font-size: 16px;
}
.nav>li>a:focus {
background: none;
}
#header .navbar-nav li a:hover , #header .active,#header .nav .open>a,#header .nav .open>a:focus,#header .nav .open>a:hover{
color: #ca381b!important;
background: none;
font-weight: bold;
}