/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    div#sidebar span {

        left: 11%;

    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    div#sidebar span {

        left: 108%;

    }
    div#sidebar{
        width: 30%;
    }

}
@media (max-width:800px) {
    #sidebar {
        width: 80%;
    }

    div#sidebar span {

        left: 104%;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    div#sidebar span {

        left: 106%;

    }
    div#sidebar{
        width: 15%;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    div#sidebar span {

        left: 104%;

    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    div#sidebar span {

        left: 103%;

    }
}