.MenuNavigation {
        /* background: #ffe3af; */
        /* border-left: 2px solid var(--bg-blue-weight); */
        /* margin-bottom: 10px; */
        /* margin: 20px 0; */
}
.MenuNavigation .NavContainer {
        /* border-bottom: 1px solid #da251c; */
        display: inline-flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        align-items: baseline;
        gap: 20px;
}
.MenuNavigation .NavContainer li.Home {
        float: left;
        padding: 0 10px 0 0;
        display: none;
}
.MenuNavigation li.Item {
        padding-left: 0;
        position: relative;
}
.MenuNavigation li.Item:not(li:last-child):after{
        content: '';
        position: absolute;
        right: -13px;
        background: url(images/next.png) no-repeat center;
        width: 6px;
        height: 6px;
        bottom: 19px;
        opacity: 0.8;
}
.MenuNavigation .NavContainer li .wrap {
        display: inline-block;
}
.MenuNavigation .NavContainer .Home .wrap .Image {
        background: transparent url("images/Home.png") no-repeat scroll center center;
        display: inline-block;
}
.MenuNavigation .NavContainer li a {
        display: inline-block;
        /* margin: 10px 0; */
        text-decoration: none;
        line-height: 38px;
        /* padding: 6px 0px; */
}
.MenuNavigation .NavContainer li a {
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 400;
        line-height: 36px;
        text-align: left;
        color: var(--color-primary);
        padding: 5px 0;
}
.MenuNavigation .BoxSearch {
        float: right;
}
.MenuNavigation .BoxSearch .text {
}
.MenuNavigation .BoxSearch .image {
}
.MenuNavigation .BoxSearch .SubmitSearch {
        background-color: #4d90fe;
        color: White;
}
.MenuNavigation .ViewCount {
        font-size: 13px;
        color: #6c757d;
        display: none;
}
@media only screen and (max-width: 1023px){
        .MenuNavigation {
                margin: 0 10px;
                margin-bottom: 10px;
        }
        .MenuNavigation .NavContainer li a{
                line-height: 1.4;
                padding-bottom: 5px;
                white-space: nowrap;
        }
}
@media only screen and (max-width: 768px){
        .MenuNavigation{
                margin: 0;
                margin-top: 16px;
                padding: var(--padding-res);
        }
        .MenuNavigation li.Item:not(li:last-child):after{
                bottom: 12px;
        }
        .MenuNavigation .NavContainer{
                overflow: auto;
        }
}