.nav-container {  position: relative;  z-index: 4;}
.sidebar  .nav-container {
  margin-bottom: 25px; 
  display: block;
}

  /* menu icon */
 .sf-menu-block {display: block; position: relative;}
 .menu-icon-style {
    padding: 2px 9px 6px;
    position:relative;
    background: #c71f19;
    font-size:32px;
    line-height:32px;
    text-transform: uppercase;
    color:#fff;
    font-weight: bold;
    margin-bottom: 1px;
 }
  #menu-icon {   display: block;   cursor: pointer;  }
  #menu-icon:before {content: "\f055"; font-size: 25px; line-height: 33px; float: right; }
  #menu-icon.active:before { content: "\f056"; }

  .sf-menu-phone {
    position: absolute;
    z-index: 2;
    width: 100%;
    moz-box-sizing:border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding-bottom: 4px;
  }
  .sf-menu-phone li {  position: relative; text-transform: uppercase;}
   .sf-menu-phone li {border-bottom: 1px solid #fff; overflow: hidden; }
  .sf-menu-phone > li > a { 
    line-height: 20px; 
    padding: 8px 9px 7px;
    background: #f2f2f2;
  }
  .sf-menu-phone > li.last {border-bottom: 0;}
  .sf-menu-phone li a { display: inline-block;  color: #000;   }
  .sf-menu-phone > li > a {font-size: 16px; display: block; font-weight: normal;}
  .sf-menu-phone > li > a:hover,
  .sf-menu-phone > li.active > a { color: #fff; background: #404040; }
  .sf-menu-phone li li a {background: #e5e5e5; display: block; font-size: 13px; padding: 8px 9px 7px; }
  .sf-menu-phone li li {  }
  .sf-menu-phone li li.last {}
  .sf-menu-phone li li:first-child {}
  .sf-menu-phone li li:first-child strong {top:10px;}
  .sf-menu-phone li strong {
    position: absolute;
    display: block;
    top: 9px;
    right: 5px;
    width: 24px;
    font-size: 16px; 
    line-height: 16px;
    text-align: center;
  }
  .sf-menu-phone > li > strong {top: 8px; right: 18px; font-size: 15px; line-height: 20px;}
  .sf-menu-phone li strong:hover { cursor: pointer; }
  .sf-menu-phone li strong:before {content: "\f054"; color: #494949;  transition:all 0.3s ease 0s;}
  .sf-menu-phone li strong.opened:before { transform:rotate(90deg); color:#c71f19;  }
  .sf-menu-phone li:hover,
  .sf-menu-phone li.active > strong:before  {color: #fff;}

  /* dropdown */
  .sf-menu-phone ul {  
    width: auto;  
    display: none; 
    moz-box-sizing:content-box;
    -moz-box-sizing:content-box; 
    -webkit-box-sizing:content-box; 
    box-sizing:content-box;
    margin-top: 1px;
 }
  .sf-menu-phone > ul { border-top: 1px solid #cfcfcf;}
  .sf-menu-phone ul ul  li a {padding-left: 15px;}
  .sf-menu-phone > li.active > a > span {color: inherit;}
  
   .sf-menu-phone li li.active > a,
  .sf-menu-phone li li a:hover { color: #c71f19; }


@media only screen and (min-width: 992px) {
    .sf-menu-block {  display: none !important;}
    .sf-menu-phone {display: block !important; position: relative;}
    .nav-container {display: none;}
    .sf-menu-phone > li.last {border-bottom: 0;}

}
@media only screen and (max-width:993px) {
   .sidebar .nav-container {display: none;}
   .sf-menu-phone{  display: none;   }
   .nav-container {padding: 15px 0;}
   .menu-icon-style {font-size: 18px;}
}

@media only screen and (max-width: 767px) { 
    
    .sf-menu-block {margin: 0 10px;}
     .menu-icon-style {margin-top: 0;}
     .nav-container {padding:0;}
}