.main-navigation {
    width:265px;
    height: 100vw;
    position: fixed;
    background-color: #372C26;
}
.img-logo{
    width: 57px;
    height: 58px;
    object-fit: contain;
}
.icon-menu-mobile img{
    width:30px;
    height: 30px;
    object-fit: contain;
}
.icon-menu-mobile a{
    display:inline-block;
    margin-right:5px;
    margin-left:5px;
}
@media(max-width:768px){
    .main-navigation {
        display: none;
        z-index:1000;
        width: 100%;
        height: 100%;
        padding-bottom:3rem;    
    }
}

.side-close-btn {
    color:#F8EACB !important;
    font-size: 26px;
    cursor: pointer;
}
.side-close-btn:active {
    color:#F8EACB !important;
    font-size: 26px;
    cursor: pointer;
}

.le-nav ul {
    list-style-type: none;
    padding-left: 0px;
    padding-bottom: 0 ;
}

.le-nav ul li a {
    text-decoration: none;
    color: #ffffff;
    padding-top:12px;
    padding-bottom: 12px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 4px;
    font-size: 13px;
    border-right:5px solid transparent;
}

.le-nav ul li a:hover, .le-nav ul li a.active {
    color: #BC8D00;
    border-right:5px solid #BC8D00;
}

.produk-submenu {
    padding-left:110px !important;
    padding-bottom:20px;
    display: none;
}

.le-nav ul li .produk-submenu li a {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px !important;
    font-size: 11px !important;
    color:#AE9080;
}
.le-nav ul li .produk-submenu li a:hover, .le-nav ul li .produk-submenu li a.active{
    color:#DADADA;
}


.produk-submenu li a {
    text-align: left;
}

@media(max-width:786px){
    .produk-submenu{
        padding-left:0 !important;
    }
    .produk-submenu li a{
        text-align:center;
    }
}