.buttonsSLA
{
    background-color: #ffffff;
    color: #666;
    height: 50px;
    width: 7%;
    font-weight: bold;
    font-size: 15px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #B8B8B8;
}
.buttonsSLA:hover
{
    background-color: #B8B8B8;
    color: #666;
}

.buttonsSLA_ALL
{
    background-color: #ffffff;
    color: #666;
    height: 50px;
    width: 14%;
    font-weight: bold;
    font-size: 15px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #B8B8B8;
}
.buttonsSLA_ALL:hover
{
    background-color: #B8B8B8;
    color: #666;
}


@media only screen and (max-width: 800px)
{

    .buttonsSLA
    {
        width: 20% !important;
    }
    .buttonsSLA_ALL
    {
        width: 40% !important;
    }


}


@media only screen and (max-width: 480px)
{

    .buttonsSLA
    {
        width: 20% !important;
    }
    .buttonsSLA_ALL
    {
        width: 40% !important;
    }


}