.categories{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-height: 100%;
}
.categories #content-top{
    width: 100%;
}
.categories #content-top ~ div{
    width: 100%;
}

@media screen and (min-width: 901px){
    .categories{
        /* background: url(../../image/2021/categoriesBg.svg) center top no-repeat;
        background-size: 100%; */
    }
    /* .categories{
        flex-flow: row nowrap;
    }
    .categories>div{
        margin-left: 15px;
        margin-right: 15px;
    }
    .categories #content-top{
        max-width: calc(16.67% - 30px);
    }
    .categories #content-top ~ div{
        max-width: calc(75% - 30px);
    } */
}
@media screen and (min-width: 1280px){
    .categories{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }
    .categories>div{
        margin-left: 20px;
        margin-right: 20px;
    }
    .categories #content-top{
        max-width: -webkit-calc(16.67% - 40px);
        max-width: calc(16.67% - 40px);
        margin-left: 30px;
        padding-top: 26px;
    }
    .categories #content-top ~ div{
        max-width: -webkit-calc(75% - 0px);
        max-width: calc(75% - 0px);
    }
    .leftColumn{
        position: fixed;
        top: 120px;
        left: 30px;
        width: -webkit-calc(16.67% - 40px);
        width: calc(16.67% - 40px);
    }
}
@media screen and (min-width: 1920px){
    .categories>div{
        margin-left: 30px;
        margin-right: 30px;
    }
    .categories #content-top{
        max-width: -webkit-calc(16.67% - 60px);
        max-width: calc(16.67% - 60px);
        margin-left: 50px;
    }
    .categories #content-top ~ div{
        max-width: -webkit-calc(75% - 0px);
        max-width: calc(75% - 0px);
    }
    .leftColumn{
        top: 190px;
        left: 50px;
        width: -webkit-calc(16.67% - 60px);
        width: calc(16.67% - 60px);
    }
}
@media screen and (min-width: 2560px){
    .categories>div{
        margin-left: 40px;
        margin-right: 40px;
    }
    .categories #content-top{
        max-width: -webkit-calc(16.67% - 80px);
        max-width: calc(16.67% - 80px);
        margin-left: 60px;
    }
    .categories #content-top ~ div{
        max-width: -webkit-calc(75% - 0px);
        max-width: calc(75% - 0px);
    }
    .leftColumn{
        top: 290px;
        left: 60px;
        width: -webkit-calc(16.67% - 80px);
        width: calc(16.67% - 80px);
    }
}
@media screen and (max-width: 1279px){
    .categories{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 900px){
    .categories{
        padding-left: 25px;
        padding-right: 25px;
    }
}