@media (min-width:320px) {
    /* smartphones, iPhone, portrait 480x320 phones */
#bg_ble ul li {
    list-style: disc;
    margin: 17px 57px;
    font-size: 14px;
}
.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    padding: 10px 10px;
    display: inline-block;
}
}

@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #bg_ble ul li {
        list-style: disc;
        margin: 17px 57px;
        font-size: 22px;
    }
    .user-rating {
        direction: rtl;
        font-size: 20px;
        unicode-bidi: bidi-override;
        padding: 10px 10px;
        display: inline-block;
    }
}

@media (min-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    #bg_ble ul li {
        list-style: disc;
        margin: 17px 57px;
        font-size: 22px;
    }
    .user-rating {
        direction: rtl;
        font-size: 20px;
        unicode-bidi: bidi-override;
        padding: 10px 10px;
        display: inline-block;
    }
}

@media (min-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #bg_ble ul li {
        list-style: disc;
        margin: 17px 57px;
        font-size: 18px;
    }
    .user-rating {
        direction: rtl;
        font-size: 20px;
        unicode-bidi: bidi-override;
        padding: 10px 30px;
        display: inline-block;
    }
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
    #bg_ble ul li {
        list-style: disc;
        margin: 17px 57px;
        font-size: 18px;
    }
    .user-rating {
        direction: rtl;
        font-size: 20px;
        unicode-bidi: bidi-override;
        padding: 10px 30px;
        display: inline-block;
    }
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
    #bg_ble ul li {
        list-style: disc;
        margin: 17px 57px;
        font-size: 18px;
    }
    .user-rating {
        direction: rtl;
        font-size: 20px;
        unicode-bidi: bidi-override;
        padding: 10px 30px;
        display: inline-block;
    }
}

.tags {
    width: 100%;
    height: auto;
}

.tags a {
    display: inline-block;
    padding: 0 10px;
    margin: 5px;
    background-color: #316594;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px #333;
    font-size: 0.9em;
    float: left;
    color: #fff;
    text-decoration: none;
}
.tags a:hover{
    cursor: pointer !important;
}