@media (max-width:767px) {
    .toggle-btn{
        display: block;
    }
    .mobile-menu-open {
        position: fixed !important;
        width: 100%;
        position: relative;
    }
    .mobile-menu-open:after {
        position: fixed;
        content: '';
        left: 0;
        width: 100%;
        top: 70px;
        height: 100%;
        background: rgba(0,0,0, .60);
        transition: all .6s;
        z-index: 1;
    }
    .main-header .sm-container{
        max-width: 300px !important;
    }
    .nav-menu.sm-container {
        position: fixed;
        right:  -100%;
        max-width: 300px;
        top: 70px;
        background: #a4cd39;
        padding: 30px;
        height: 100%;
        transition: all .5s;
        -webkit-transition: all .5s;
    }
    .mobile-menu-open .nav-menu.sm-container {
        right: 0;
        transition: all .5s;
        -webkit-transition: all .5s;
    }
    .main-header .lg-container {
        align-items: center;
        justify-content: space-between;
    }
    .toggle-btn span {
        height: 3px;
        background: #8cae38;
        width: 30px;
        display: block;
        margin: 4px 0;
        transform: rotate(0deg);
        transition: all .4s;
        -webkit-transition: all .4s;
    }
    .mobile-menu-open .toggle-btn span.second{
        display: none;
    }
    .mobile-menu-open .toggle-btn span.first{
        transform: rotate(45deg);
        transition: all .4s;
        -webkit-transition: all .4s;
    }
    .mobile-menu-open .toggle-btn span.third{
        transform: rotate(-45deg);
        transition: all .4s;
        -webkit-transition: all .4s;
        margin: -7px 0 0;
    }
    ul.toggle-mob-menu {
        display: block;
    }
    ul.toggle-mob-menu li{
        padding-left: 0 !important;
        margin-bottom: 30px;
    }
    ul.toggle-mob-menu li a{
        font-size: 28px;
    }
}