.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 10px;
    display: none;
    opacity: 0.5;
}

    .back-to-top:hover {
        opacity: 1;
    }

@media (min-width: 576px) {
   
}


@media (min-width: 768px) {
    
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 20px;
        display: none;
        opacity: 0.5;
    }
}