.navbar-toggle{/*background-color:white; border:1px solid #db0715;*/ z-index: 1;}
.navbar-toggle .icon-bar{ background-color:white/*#db0715*/; height:4px; width:30px;}

.MnNavigation{background:#db0715 !important; color:White !important; position: inherit;}
.MnNavigation .container ul.nav{/*margin: auto 5% auto 10% !important;*/ margin: auto!important;}
.navMenuPrinc
{
    list-style: none; background:#db0715; border-radius: 0;text-decoration: none; border:0;
    *zoom: 1; margin:0 !important; padding: 0 !important;
    background:transparent; color:#fff; font-weight:normal; font-size:12px; text-transform:uppercase;
    font-weight: bold !important; font-family: 'Oswald Light', Arial, sans-serif !important;
}
.MnNavigation a.toggleMenu{display:none;}
.navMenuPrinc:after {clear: both;}
.navMenuPrinc > li.submenu:before {content: url(/img/arrow-down.png); position: absolute; top: 2px; right: 2%; color: #fff; z-index: 20; cursor:pointer;}
.navMenuPrinc ul {list-style: none;}
.navMenuPrinc a {padding: 5px 15px 3px 15px !important; color:#fff; text-transform:uppercase;}
.navMenuPrinc li {position: relative;}
.navMenuPrinc > li {float: left; border-top: 0px solid #104336;}
/*.navMenuPrinc > li > .parent {background-image: url("/img/arrow-down.png"); background-repeat: no-repeat; background-position: 50% 90% !important;}*/
.navMenuPrinc > li > a {display: block;}
.navMenuPrinc > li > a:hover {background-color:transparent !important; border:0px transparent none !important;}
/*.navMenuPrinc > li > a:focus {outline-width: thin; outline-style: dotted; outline-color: #ac2925; background-color:transparent !important;}*/
.navMenuPrinc li  ul {position: absolute; left: -9999px; background: #f1f1ec; margin:0px !important; width:180px; z-index:2000/*20 999999*/; text-transform:capitalize;}
.navMenuPrinc > li.hover > ul {left: 0;}
.navMenuPrinc li li.hover ul {left: 100%; top: 0;}
.navMenuPrinc li li{left:-15px !important; list-style-type:none; color:#444; border-bottom:1px solid #dfdfd5; width: 180px;}
.navMenuPrinc li li a:hover {color: black;}
.navMenuPrinc li li a
{
    display: block; font-family: 'Open Sans', sans-serif !important; color: #444; font-size:13px; font-weight:normal; border:0px !important;
    text-decoration: none; padding: 10px 10px 10px 10px !important; background:#f1f1ec !important; text-transform:none !important; line-height:17px !important;
}




/*@media screen and (max-width: 1100px)*/
@media screen and (max-width: 991px)
{
    .navMenuPrinc a {color:#fff; text-transform:uppercase;}
    .MnNavigation .container ul.nav{margin: 0 !important;}
}

@media screen and (max-width: 800px) 
{
    .MnNavigation .container ul.nav{margin: 0 !important;}
    .navMenuPrinc a {color:#fff; text-transform:uppercase;}
    .navMenuPrinc > li:first-child a {margin-left:0px;}
    .navMenuPrinc > li:nth-child(7) a {margin-left:0px;}
    .navMenuPrinc > li.submenu:before {}
    .navMenuPrinc li li{left:-15px !important; list-style-type:none; color:#444; border-bottom:1px solid #dfdfd5; width: 180px; padding-left: 10px;}
    .navMenuPrinc li li a
    {
        display: block; font-family: 'Open Sans', sans-serif !important; color: #444; font-size:13px; font-weight:normal; border:0px !important;
        text-decoration: none; padding: 20px 10px 20px 0px !important; background:#f1f1ec !important; text-transform:none !important;
    }

}


@media screen and (max-width: 768px){
    .container > .navbar-collapse {margin-right:-15px; margin-left:-15px;}
}
/*@media screen and (max-width: 585px) {*/
@media screen and (max-width: 767px){

    .MnNavigation{background:transparent !important; color:White !important; position:absolute; /*position:inherit;*/}
    .MnNavigation .navbar-toggle{float:none; padding:9px 3px;}
    .MnNavigation .container{ padding:0;}
    button.navbar-toggle span.menuName{ display:none;}
    .header .logo h1 img{width:100%;}
    .header{padding:5px 0 0 0 !important;}
    .header .visible-xs .kart-links{margin:5px 0 0;}
    
    .header .visible-xs .kart-links .only-XS a:last-child{margin-bottom:0;z-index: 100;}
    .header .logo{padding:0 !important;}
    
    .header .visible-xs .col-xs-4.btnsTop{padding:5px 15px 0 0 !important;}
    .header .visible-xs #udpLoginTopo{float:right;}
    
    .header .visible-xs .kart-links .only-XS { position:relative;}
    .header .visible-xs .kart-links .only-XS a#btShoppingcart{width:auto; display:inline-block; float:left; padding:/*8px*/0 5px;}
    .header .visible-xs .kart-links .only-XS a#cmdSearch{display:inline-block; float:left; padding:10px 10px; margin-left:7px;}
    
    .navbar-collapse.in{overflow-y: inherit; border-top:none; box-shadow:none;}
    .navbar-collapse.collapsing{border-top:none; box-shadow:none;}
    .container > .navbar-collapse{margin-left:0; margin-right:0; position:absolute; left:-15px; z-index:2000;}
    .navbar-collapse{padding-left:0; padding-right:0;}
    .MnNavigation .container ul.nav{margin: auto !important; display:block !important; width:100%; min-width:320px;}
    a.toggleMenu
    {
        display:block !important; color:#fff; font-weight:normal; font-size:18px; text-transform:uppercase !important; margin:0px; padding:10px;
        font-weight: bold !important; font-family: 'Oswald Light', Arial, sans-serif !important;
    }
    a.toggleMenu:hover{border:0px !important;}

    ul.navMenuPrinc 
    {
        position: relative; width:100%; left:0; z-index:2000/*999*/; list-style: none; background:#db0715 !important; display: block/*none*/; text-align:left;
        border-radius: 0; text-decoration: none; border:1px red solid; color:#fff; font-weight:normal; font-size:12px; text-transform:uppercase;
        font-weight: bold !important; font-family: 'Oswald Light', Arial, sans-serif !important; margin:0 !important; padding: 0 15px 0 15px !important; 
    }

    .navMenuPrinc > li.submenu:before {position: absolute; top: 2px; /*left: 35%;*/ color: #fff; z-index:20/*999*/;}
    
    .navMenuPrinc:after {clear: both;}
    .navMenuPrinc a {padding: 10px 15px !important/*5px 26px 3px 0 !important*/; color:#fff; text-transform:uppercase; margin-left:0px !important;}
    .navMenuPrinc ul{position:relative; left:0; display: block; width: 100%; margin:0 !important; padding:0 !important;}
    .navMenuPrinc li {display:list-item; border-bottom:1px #404040 solid; width:100%; margin:0 !important; padding:0 !important;}
    .navMenuPrinc > li {float:none; border-top: 0px solid #104336;}
    .nav.navMenuPrinc > li > a {position: relative; display: block; /*padding: 10px 15px;*/}

    .navMenuPrinc li  ul {position: absolute; background: #f1f1ec; margin:0px !important; width:100% !important; z-index:20/*999999*/; text-transform:capitalize;}
    .nav.navMenuPrinc > li > ul{ }
    .nav.navMenuPrinc > li.hover > ul {position:relative; left:0%; background:#575757 !important;}
    .nav.navMenuPrinc > .submenu.hover > a.parent:hover {background-color: #404040 !important;}
    .nav.navMenuPrinc > .active > a, 
    .nav.navMenuPrinc > .active > a:hover, 
    .nav.navMenuPrinc > .active > a:focus {color: #05d6d6 !important; padding-bottom: 7px;}
    .navMenuPrinc li li{left:0px !important; list-style-type:none; color:#444; border-bottom:0px solid #dfdfd5; width: 100%;}
    .nav.navMenuPrinc li li a 
    {
        z-index:20/*99999*/; border:0px transparent none !important;
        display: block; font-family: 'Open Sans', sans-serif !important; color: #fff; font-size:12px; line-height:15px; font-weight:normal;
        text-decoration: none; text-transform:none !important; background:#575757 !important; padding:0px; margin:0px;
    }

    .nav.navMenuPrinc li li a:hover{color:#fff !important;}
    .nav.navMenuPrinc li li a{margin-left:10px !important; color:#cfcfcf !important;}

    .nav > li > a:hover, .nav > li > a:focus{background-color: #404040 !important;}

}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 600px) and (max-device-width: 767px)
{
    .MnNavigation{}
    .MnNavigation .navbar-toggle{margin-top:10%/*25px*/; padding:0 15px;}
    .navbar-toggle .icon-bar{height:10px; width:50px;}
    .navbar-toggle .icon-bar + .icon-bar{margin-top:7px;}
}