XenForo Responsive sıralı reklam alanı

<!--TRXF.TR - Responsive Sıralı Reklam Alanı-->
        <div class="trxf-reklam-alani">
            <ul class="trxf-konteyner">
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
                <li class="trxf-icerik">
                    <a href="https://trfx.tr" target="_blank">
                        <img src="https://i.hizliresim.com/gbzituw.png" alt="img acıklama" border="0">
                    </a>
                </li>
            </ul>
        </div>

// TRXF.TR - Responsive Sıralı Reklam Alanı CSS]
.trxf-reklam-alani
{
    .trxf-konteyner
    { 
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: space-around;
        padding: 0;
        margin: 0;
        list-style: none;
    
       .trxf-icerik
        {         
            width: 50%;     
            padding: 5px; 
            
            @media (max-width: (@xf-responsiveMedium))
            {
                width: 100%; 
            }
        
            img
            {
                width: 100%;
                max-height: 100px;
            }     
        } 
    }
}