/* Small devices (>=576px) */
@media (min-width: 200px) {
    .responsive-span {
        width: 60%;
    }
}

/* Medium devices (>=768px) */
@media (min-width: 600px) {
    .responsive-span {
        width: 50%;
    }
}

/* Large devices (>=992px) */
@media (min-width: 1200px) {
    .responsive-span {
        width: 50%;
    }
}