bu basit scripti nasıl mobil uyumlu yaparım

bu basit görünümlü scripti mobil uyumlu yapmak istiyorum nasıl yaparım https://www.tekno50.com/backlink/


css kodları budur

.display-table-row-group
{
    display: table-row-group !important;
}

.display-none
{
    display: none !important;
}

.well-top-bar
{
    min-height: 93px;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
}

.websites-row
{
    margin-left: -14px;
    margin-right: -14px;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th
{
    border-bottom-width: 1px;
}

.table > tbody + tbody
{
    border-top: 1px solid;
}

.table-bordered
{
    border: 0;
}

.no-border-top
{
    border-top: 0 !important;
}

.no-border-left
{
    border-left: 0 !important;
}

.col-rank
{
    width: 5%;
}

.col-change
{
    width: 4%;
}

.col-website
{
    width: 52%;
}

.col-online
{
    width: 6%;
    font-weight: bold;
}

.col-unique
{
    width: 7%;
}

.col-total
{
    width: 7%;
}

.div-website
{
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.div-website a
{
    color: black;
}

.statistics
{
    margin-bottom: 5px;
}

.share-box
{
    margin-top: 10px;
}

.alert, .progress
{
    display: none;
}

Merhabalar,
Tek tek yazamam ama bu kodları @media kodları içine alıp sayfayı 500 px boyutuna getirdiğinizde neyin nerde durmasını istiyorsanız o şekilde dizayn edebilirsiniz. Vaktim olsaydı yazardım. Mobil uyumlu kodları yazdıktan sonra da buradan kontrol edebilirsiniz.