@media(max-width:768px){
  .mid-nav{
    display: none;
  }
  .mobile-nav{
    display: block;
}

  .mobile-nav .main .header-section .main .inner-sec ul {
    display: block;
  }

  .mobile-nav .main .header-section{
    position: absolute;
    top: 100%;
  }
  .mobile-nav .main .header-section .main .inner-sec ul li a{
    padding: 10px 0px;
    width: 100%;
  }
}