/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .playertable body {
        padding: 0;
        margin: 0;
        width: 320px; }
    }
    .playertable #page-wrap {
        margin: 80px 10px;
    }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .playertable body {
        width: 495px;
    }
    .playertable #page-wrap {
        margin: 80px 10px;
    }
}