#nav-mobile li{display: inline-block;
   
    border-right: 1px solid #a5abb0;
    transition: all 0.5s;
    border-bottom: 5px solid transparent;}
  #nav-mobile a{color: #2f363c;
    font-size: 1.125rem;
    padding: 13px 40px 8px;
    display: block;}
    .toggle-menu {
    padding: 0px 0 0px 15px;
}
.toggle {
        display: inline-block;
        cursor: pointer;
        vertical-align: -30px;
        margin-right: 10px;
        padding: 0 1px 3px 7px;
        border-radius: 4px 4px 0 0;
        position: relative;
    }
@media(max-width: 767px){
    .toggle{
    vertical-align: -23px;
    }
    #nav-mobile
    {
      display: none;
    }
}
    .toggle.toogle-change:after {
        content: "";
        background-color: #5e5d5d;
        width: 35px;
        height: 20px;
        position: absolute;
        bottom: -20px;
        left: 0;
    }

    .toggle.toogle-change {
        background: #5e5d5d;
    }

    .bar1, .bar2, .bar3 {
        width: 27px;
        height: 3px;
        background: #5e5d5d;
        margin: 6px 0;
        transition: 0.4s;
    }

    .toggle.toogle-change .bar1,
    .toggle.toogle-change .bar2,
    .toggle.toogle-change .bar3 {
        background: #fff;
    }

    .toogle-change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-10px, 5px);
        transform: rotate(-45deg) translate(-10px, 5px);
    }

    .toogle-change .bar2 {
        opacity: 0;
    }

    .toogle-change .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -3px);
        transform: rotate(45deg) translate(-7px, -3px);
    }

    .burger-menu {
        position: absolute;
        background-color: #5e5d5d;
        z-index: 999;
        min-width: 150px;
        padding: 15px 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        border-radius: 0 0px 4px 4px;
        margin-top: 6px;
    }

 @media(max-width:767px){
    .burger-menu{
        margin-top: 0;
    }
}
    .burger-menu ul {
        list-style: none;
        margin: 0;
    }
.toggle-menu{
    padding: 0px 0 0px 15px;
}
    .burger-menu ul li a {
        color: #fff;
        padding: 10px 12px;
        display: block;
        line-height: 1;
    }

    .burger-menu ul li a:hover {
        color: #dadada;
    }

    .menu-change.burger-menu {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s ease-in-out;
    }

nav {display:  block; background: #e7eef5;}