section.itm-categories{
    display: flex;
    justify-content: space-evenly;
    position: relative;
    padding: 0 10px;
    column-gap: 10px;
}
section.itm-categories>.itm-category{
    padding: 5px 10px;
    border-bottom: 7px solid;
    cursor: pointer;
    flex: 1;
    align-content: space-evenly;
}
section.itm-categories .itm-category h4{
    margin: 0;
    font-size: 20px;
}
.itm-sub-categories{
    display: none;
}
section.itm-categories>.itm-category>.itm-sub-categories{
    position: absolute;
    background: #fff;
    z-index: 9;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    color: #fff;
    border-top: 10px solid transparent;
}
section.itm-categories>.itm-category>.itm-sub-categories>.itm-category{
    display: flex;
    gap: 20px;
    padding: 5px 15px;
    background: var(--color);
}
.itm-category a{
    text-decoration: none;
    color: var(--color, var(--itm--primary));
}
section.itm-categories>.itm-category>.itm-sub-categories>.itm-category a{
    color:#fff;
}
section.itm-categories>.itm-category:hover>.itm-sub-categories{
    display: block;
}
.itm-category-details section.itm-categories{
    flex-wrap: wrap;
    padding: 0;
}
@media only screen and (max-width: 800px) {
    section.itm-categories{
        flex-wrap: wrap;
    }
    .itm-sub-categories{
        display: none!important;
    }
}