.chabok-main-nav ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.chabok-main-nav .right-navi a i {
    font-size: 0;
}

.chabok-main-nav .chabok-navigation a:hover {
    color: #fff;
}
.chabok-main-head {
    border-top: 0 !important;
}
.right-navi .chabok-nav-menu.chabok-has-child ul.active {
    position: absolute;
  background: #000;
  height: auto;
  padding: 25px 4px;
  z-index: 3;
  border-radius: 6px;
}
.right-navi .chabok-nav-menu.chabok-has-child li {
    display: block;
    width: 100%;
    margin-bottom: 4px;
}
.chabok-main-nav .chabok-navigation a {
    color: #aaa;
    padding-right: 0;
    padding-left: 0;
    margin-left: 14px;
}

.right-navi {
    float: right;
    width: 80%;
}

.left-navi {
    float: left;
    width: 20%;
    list-style: none;
}

.chabok-main-nav .chabok-navigation {
    background: #000;
    color: #fff;
}

.left-navi {
    display: flex;
    justify-content: left;
}

.left-navi li a {
    display: flex;
    justify-content: left;
    text-align: left;
    margin: 0 10px 0 0 !important;
}

.chabok-icon.icon-menu.toggle-side-menu {
    width: 0;
    overflow: hidden;
}

.chabok-post-nav {
    background: #046704;
}

.chabok-icon.icon-youtube::before {
    content: '';
    width: 19px;
    height: 17px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMDsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogbm9uZTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MDY1OTM0MDY1OTM0MDE2IDEuNDA2NTkzNDA2NTkzNDAxNikgc2NhbGUoMi44MSAyLjgxKSI+Cgk8cGF0aCBkPSJNIDg4LjExOSAyMy4zMzggYyAtMS4wMzUgLTMuODcyIC00LjA4NSAtNi45MjIgLTcuOTU3IC03Ljk1NyBDIDczLjE0NCAxMy41IDQ1IDEzLjUgNDUgMTMuNSBzIC0yOC4xNDQgMCAtMzUuMTYyIDEuODgxIGMgLTMuODcyIDEuMDM1IC02LjkyMiA0LjA4NSAtNy45NTcgNy45NTcgQyAwIDMwLjM1NiAwIDQ1IDAgNDUgcyAwIDE0LjY0NCAxLjg4MSAyMS42NjIgYyAxLjAzNSAzLjg3MiA0LjA4NSA2LjkyMiA3Ljk1NyA3Ljk1NyBDIDE2Ljg1NiA3Ni41IDQ1IDc2LjUgNDUgNzYuNSBzIDI4LjE0NCAwIDM1LjE2MiAtMS44ODEgYyAzLjg3MiAtMS4wMzUgNi45MjIgLTQuMDg1IDcuOTU3IC03Ljk1NyBDIDkwIDU5LjY0NCA5MCA0NSA5MCA0NSBTIDkwIDMwLjM1NiA4OC4xMTkgMjMuMzM4IHogTSAzNiA1OC41IHYgLTI3IEwgNTkuMzgyIDQ1IEwgMzYgNTguNSB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9nPgo8L3N2Zz4=');
    filter: invert(66%);
    display: inline-block;
    background-size: cover;
    line-height: 0;
    transition: all 300ms;
}

.chabok-icon.icon-whatsapp::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABX0lEQVR4nN2UOUtDURCFPzVa2KhYWae1E1uxExXcgkthaSG2/gCLFBZWdnbiEvIzxM4mICjEvbFOEVxQEK8MjBDum/fevUmXA1M85syc+2aDbkc/sApUgDrwrvYAVIENYKDd5EvAI+By7BkoxSTuBfYDEjvPDoC+EIF2krsWkUwsAL8dCLiscklD7z3yK7ADXEQIPKU1ftkgT6tvIvIv1i2BE4/0BfS0+GsRAjLWCdx6JOnFiPpGtVyhAlLqBBoGcVd9a5ElerMEmgaxCRS1VNUIAYlLwJ+gf7sGBnUyDrV038Cmfn8YMXJWEqhkvOgSGFLeJDDbEjcGfHr8U0uglPPbdWDKiCsa3BVLoKBLklffGrAHzABbwIvnv9NcJq4ip8UZoz2flnwY+OlQoJyWPKQHLuflZT31qTjyghqB2yvNnyMAcjHPgW1gXJeroEfwTBPJAonwDXAMLGY1tDvwB33UIU7s097IAAAAAElFTkSuQmCC');
    content: '';
    width: 19px;
    height: 17px;
    filter: invert(66%);
    display: inline-block;
    background-size: cover;
    line-height: 0;
    transition: all 300ms;

}

footer .footer-icon li a i.chabok-icon.icon-instagram,
footer .footer-icon li a i.chabok-icon.icon-telegram {
    font-size: 17px;
    top: 1px;
    position: relative;
}

ul.left-navi li a {
    margin-right: 15px !important;

}

.chabok-icon.icon-youtube,
.chabok-icon.icon-whatsapp {
    line-height: 0;
    margin-top: 2px;
}

ul.left-navi li a:hover .chabok-icon.icon-youtube::before,
ul.left-navi li a:hover .chabok-icon.icon-whatsapp::before {
    filter: invert(100%);
    transition: all 300ms;
}

@media screen and (max-width:992px) {
    .chabok-icon.icon-menu.toggle-side-menu {
        width: auto;
        overflow: hidden;
    }

    .chabok-main-nav {
        display: none;
    }

}