#asNav {
    margin-bottom: 10px;
    transition: top 1s ease;
    height: 90px;
    min-width: 1004px;
    background: #fff9f4!important;
    display: none
}

#asNav .asNavTitle {
    width: 134px;
    float: right;
    font-size: 20px;
    line-height: 34px;
    text-align: right;
    display: block;
    margin-right: 20px;
    margin-top: 30px;
    font-family: almonidl900;
    color: #1a1a1a
}

#asNav.reverseSticky {
    top: -120px;
    position: fixed;
    z-index: 2;
    max-width: 1599px;
    display: block
}

#asNav.reverseSticky:after {
    box-shadow: 0 8px 6px 0 rgba(0,0,0,0.07);
    content: '-';
    position: absolute;
    right: -1300px;
    width: 200%;
    color: #fff;
    top: 86px;
    z-index: -1
}

#asNav.sticky {
    position: fixed;
    z-index: 7;
    top: 40px;
    max-width: 1440px;
    margin-top: 0;
    height: 102px;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto
}

#asNav.sticky:after {
    box-shadow: 0 8px 6px 0 rgba(0,0,0,0.07);
    content: '-';
    position: absolute;
    width: 300%;
    color: #fff;
    top: 84px;
    z-index: -1
}

#asNav:after {
    box-shadow: 0 8px 6px 0 rgba(0,0,0,0.07);
    content: '-';
    position: absolute;
    right: -500px;
    width: 200%;
    color: #fff;
    top: 140px;
    z-index: 4
}
#divData {
    direction: rtl;
    text-align: right;
    width: calc(100% - 154px);
    float: right;
}
#divData .mItem {
    width: calc(25% - 37px);
    float: right;
    padding-right: 19px;
    padding-left: 17px;
    position: relative;
}
#divData .al {
    font-size: 16px;
    margin-top: 10px;
    height: 16px;
    margin-bottom: 6px;
    width: 60%;
    overflow: hidden;
    color: #c00;
    font-family: demibold;
}
.al {
    text-align: right;
    line-height: 22px;
    font-family: almonidl700;
    color: #c00;
}
#divData p {
    direction: rtl;
    float: right;
    font-family: demibold;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    color: #1a1a1a;
        letter-spacing: 0.3px;
}
#divData .mItem:before {
    content: '';
    border-right: 1px #e1e1e1 solid;
    position: absolute;
    top: 28px;
    height: 48px;
    right: 0;
}
#divData .mItem.metzig .al {
    color: #53917e;
}
#navWrap.sticked {
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 480px) {
    #divData {    
    background: #fff9f4; 
    margin-top: 90px; 
    right: 0; 
    position: absolute;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width:100%;
    grid-template-columns: repeat(4, 70%);
    display: grid;;
    border-bottom: 1px #ccc solid;
}
    #asNav .asNavTitle {    font-family: almoniTzar500;}
    #divData .al {margin-right:0;}
    #divData .mItem {width: auto; float: none;         text-wrap: auto;}
    #asNav .asNavTitle { font-size: 30px; margin-top: 60px;}
    #asNav.sticky {min-width: auto;}
}