/** COPIED **/
@media (min-width: 991px){
         /**
        * @package SP VirtueMart Category Menu
        * @author JoomShaper http://www.joomshaper.com
        * @copyright Copyright (c) 2010 - 2013 JoomShaper
        * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
        */   
    .sp-vmmenu > ul{
    	list-style: none;
    	position: relative;
    	margin: 0;
    	padding: 0;
	text-align:center;
    }
    
    .sp-vmmenu ul li{
    	
    }
    
    .sp-vmmenu ul li a{
    	/*color:#444;*/
    }
    
    .sp-vmmenu > ul > li{
    	position: relative;
    	margin: 0;
    	display: inline-block;
    	/*border-bottom: 1px dashed #DBDBDB;*/
    }
    .sp-vmmenu > ul > li:last-child{
    	position: relative;
    	margin: 0;
    	display: inline-block;
    	border-bottom: none !important;
    }
    
    .sp-vmmenu > ul > li > a{
    	display: block;
    	padding: 10px 15px;
    	position: relative;
    }
    
    .sp-vmmenu > ul > li.parent{
    	position: relative;
    }
    
    .sp-vmmenu > ul > li.parent:hover::after{
    	content: ' ';
    	position: absolute;
    	display: block;
    	right: -20px;
    	top: 10px;
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 10px;
    	border-color: transparent transparent transparent #f9f9f9;
    	z-index: 1003;
    
    }
    
    .sp-vmmenu > ul > li.parent:hover::before{
    	content: '';
    	position: absolute;
    	display: block;
    	right: -22px;
    	top: 9px;
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 11px;
    	border-color: transparent transparent transparent #ccc;
    	z-index: 1000;
    
    }
    
    .sp-vmmenu > ul ul{
    	list-style: none;
    	margin: 0;
    }
    
    .sp-vmmenu > ul > li > ul{
    	list-style: none;
    	visibility: hidden;
    	opacity: 0;
    	padding: 15px;
    	margin: 0;
    	background: #fff;
    	border:1px solid #dbdbdb;
    	left: 0px !important;
    	position: absolute;
    	top:38px !important;	
    }
    
    .sp-vmmenu > ul > li:hover > ul{
    	visibility: visible;
    	opacity: 1;
    	z-index: 999;
    }
    .sp-vmmenu > ul > li > ul >li.sp-vmcategorymenu-module-wrapper{
    	clear: both;
    	float: none;
    	width:auto;
    }
    
    .sp-vmmenu > ul > li > ul >li.sp-vmcategorymenu-module-wrapper img{
    	margin: 15px 0 0;	
    }
    
    .sp-vmmenu > ul > li > ul >li{
    	float: left;
    	width: 140px;
    
    }
    .sp-vmmenu > ul > li > ul >li h4{
    	font-weight: bold;
    	margin-top: 0;
    
    }
    
    .sp-vmmenu > ul > li > ul > li ul{
    	margin: 0;
    }
    
    .sp-vmcol-1{
    	width:140px;
    }
    
    .sp-vmcol-2{
    	width:280px;
    }
    
    .sp-vmcol-3{
    	width:420px;
    }
    
    .sp-vmcol-4{
    	width:560px;
    }
}
/** **/

    .navbar.navbar-default.nav-under {
            z-index: 2;
    }
    
    #bs-example-navbar-collapse-2 .sp-vmmenu,
    #bs-example-navbar-collapse-2 .sp-vmmenu ul li a{
        color: #0088cc;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul > li{
        border: 0 !important;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu ul,
    #bs-example-navbar-collapse-2 .sp-vmmenu ul li{
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-under,
    .navbar-under .container-fluid,
    #bs-example-navbar-collapse-2,
    #bs-example-navbar-collapse-2 .sp-vmmenu,
    #bs-example-navbar-collapse-2 .sp-vmmenu ul,
    #bs-example-navbar-collapse-2 .sp-vmmenu li
    {
        z-index: 10 !important;
    }
/** MOBILE **/
@media (max-width: 990px){
    .sp-vmmenu ul,
    .sp-vmmenu ul li{
    	list-style: none;
    }
    .sp-vmmenu ul {
        width: 100%;
    }
    .sp-vmmenu ul li{
        float: none;
        text-align: center;
        width: 100%;
    }
    .dropdown-menu{
        position: relative !important;
    }
    #bs-example-navbar-collapse-2 a{
        font-family: arial;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul > li{
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #bs-example-navbar-collapse-2 a:hover{
        text-decoration: none;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul > li > a{
        font-size: 20px;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul > li > ul > li a{
        font-size: 16px;
        /*color: #0088cc !important;*/
        color: #019fee;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul{
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; 
    }
    #bs-example-navbar-collapse-2 .dropdown-menu{
        /*border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-shadow: 0 6px 12px...*/
        border: 1px dashed rgba(0, 0, 0, 0.15) !important;
        border-radius: 0px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0) !important; 
    }
        #bs-example-navbar-collapse-2 {
        background: #fff !important;
    }
    .navbar.navbar-under .container-fluid{
        background-color: #154e87 !important;
        -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          -webkit-box-shadow: 2px 2px 3px #666666;
          -moz-box-shadow: 2px 2px 3px #666666;
          background: #8B8B8B;
          background: linear-gradient(top,  #548BC3,  #154E87);
          background: -ms-linear-gradient(top,  #548BC3,  #154E87);
          background: -webkit-gradient(linear, left top, left bottom, from(#548BC3), to(#154E87));
          background: -moz-linear-gradient(top,  #548BC3,  #154E87);
        height: 55px;
        width: 100%;
        font-family: arial;
        font-size: 20px;
        font-style: normal;
        font-weight: bold;
        border-radius: 4px;
    }
    .navbar.navbar-under .container-fluid,
    .navbar.navbar-under .container-fluid button span
    {
        color: #fff !important;
    }
    .navbar.navbar-under button{
        margin-right: -5px !important;
    }
    .navbar.navbar-under button.navbar-toggle{
        background-color: #154e87 !important;
        -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          -webkit-box-shadow: 2px 2px 3px #666666;
          -moz-box-shadow: 2px 2px 3px #666666;
          background: #8B8B8B;
          background: linear-gradient(top,  #548BC3,  #154E87);
          background: -ms-linear-gradient(top,  #548BC3,  #154E87);
          background: -webkit-gradient(linear, left top, left bottom, from(#548BC3), to(#154E87));
          background: -moz-linear-gradient(top,  #548BC3,  #154E87);
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .navbar.navbar-under button.navbar-toggle .sr-only{
        /*clip: none;
        min-width: 100%;
        min-height: 50px;
        position: relative;*/
    }
}
/** DESKTOP **/
@media (min-width: 991px){
    .navbar.navbar-under .sp-vmmenu > ul > li,
    .navbar.navbar-under .sp-vmmenu > ul > li:last-child{
        display: inline-block !important;
    }
    
    #bs-example-navbar-collapse-2 .sp-vmmenu > ul > li > ul {
        left: 0;
        top: 38px;
        max-width: 225px !important;
        width: 225px !important;
    }
    #bs-example-navbar-collapse-2 .sp-vmmenu > li {
        float: none !important;
    }
    
}
@media (max-width: 350px){
    .navbar-under .navbar-toggle .sr-only{
        font-size: 12px;
    }
}
.sp-vmmenu > ul > li.parent:hover::before{
}
.sp-vmmenu > ul > li.parent:hover::after{
}