.side_icon
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
}
    .side_icon.debug > div:before
    {
        border: 1px dashed red;
    }
    .side_icon > div
    {
        position: relative;
        padding-left: calc(2 * var(--sz_button));
        border-bottom: 1px solid silver;
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: var(--sz_button_margin) center;
    }
    .side_icon > div:nth-child(odd)
    {
        border-right: 1px solid silver;
    }

/* Setup for various layouts */

/********************* Start Media queries for different layouts */

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 768px)
{
    .side_icon
    {
        grid-template-columns: 1fr;
    }
    .side_icon > div:nth-child(odd)
    {
        border-right: unset;
    }
    .side_icon > div:last-child
    {
        border-bottom: unset;
    }
}