.menu_bar{
      display: none;
   }

   #miMenu {
      width: 100%;
      text-align:center;
   }

   #miMenu nav {
      background: rgba(0,0,0,0.9);
      z-index: 2;
      margin: 0px auto;
      padding-top:3px;
   }

   #miMenu nav ul li{
      display: inline-block;
      position: relative;
   }

   #miMenu nav ul li:hover{
      background: #b9001e;
   }

   #miMenu nav ul li a{
      color: #fff;
      display: block;
      padding: 22px;

   }
   #miMenu nav ul li:hover .children{
      display: flex;      
   }

   #miMenu nav ul li .children{
   
      display: none;
      background: #B9001E;
      position: fixed;
      width: 100%;
      z-index: 2;
      
   }

   #miMenu nav ul li .children li{
      display: block;
      overflow: hidden;
      border-bottom: 1px solid rgba(76, 222, 10, 0.70);
      z-index: 2;
   }
   #miMenu nav ul li .children li a{
      text-decoration: none;
      display: block;
       z-index: 2;
   }
   #miMenu nav ul li .children li a span{
      float: right;
      position: relative;
      top:3px;
      margin-right: 0px;
      margin-left: 10px;
   }
   #miMenu nav ul li .fa-angle-down{
      position: relative;
      top: 3px;
      margin-left:10px;
      margin-right: 0px;
   }
   #miMenu nav ul li ul li{
      display: inline-block;
      position: relative;
   }
   #miMenu nav ul li ul li:hover{
      background: rgba(0,0,0,0.7);
   }
   #miMenu nav ul li ul li a{
      color: #fff;
      display: block;
      text-decoration: none;
      padding: 17px;

   }
   #miMenu nav ul li ul li:hover .subChildren{
      display: flex;
   }
   #miMenu nav ul li ul li .subChildren{
      display: none;
      background: rgba(0,0,0,.7);
      position: fixed;
      width: 100%;
      z-index: 2;
   }
   #miMenu nav ul li ul li .subChildren li{
      display: block;
      overflow: hidden;
      border-bottom: 1px solid rgba(0,0,0,.7)
   }
   #miMenu nav ul li ul li .subChildren li a{
      display: block;
   }



@media screen and (max-width: 1020px){
   body{
      padding-top: 80px;

   }
   .menu_bar{
      display: block;
      width: 100%;
      position: fixed;
      top: 0;
      background: #b71c1c;
   }

   .menu_bar .bt-menu{
      display: block;
      padding: 17px;
      color: #fff;
      overflow: hidden;
      font-size: 25px;
      font-weight: bold;
      text-decoration: none;
   }

   .menu_bar span{
      float: right;
      font-size: 40px;

   }
   #miMenu nav{
      width: 80%;
      height: calc(100% - 80px);
      position: fixed;
      right: 100%;
      margin: 0;
      overflow: scroll;
   }
   #miMenu nav ul li{
      display: block;
      border-bottom: 1px solid rgba(255,255,255,.5)
   }

   #miMenu nav ul li a {
      display: block;
   }
      #miMenu nav ul li:hover{
      background: rgba(0,0,0,0.4);
   }

   #miMenu nav ul li:hover .children{
      display: none;
   }

   #miMenu nav ul li .children{
      width: 100%;
      position: relative;
   }
   #miMenu nav ul li .children li a{
      margin-left: 20px;
   }
   #miMenu nav ul li ul li:hover .subChildren{
      display: none;
   }

   #miMenu nav ul li ul li .subChildren{
      width: 100%;
      position: relative;
   }
   #miMenu nav ul li ul li .subChildren li a{
      margin-left: 40px;
   }

   #miMenu nav ul li .fa-angle-down{
      float: right;
   }
}