@media (max-width: 600px) {
    #snackbar {
        visibility: hidden;
        z-index: 99999;
        /* background: url(../img/appimages/Box_05.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        background-image: linear-gradient(#f26a16, #eb7719, #f19224, #f19529);
        border: 0px solid #0e2142;
        color: #FFF;
        text-align: center;
        border-radius: 0px;
        padding: 16px;
        position: fixed;
        width: 86%;
        left: 7%;
        bottom: 30px;
        font-size: 17px;
        font-weight: 400;
    }
}

@media (min-width: 601px) {
    #snackbar {
        visibility: hidden;
        z-index: 99999;
        /* background: url(../img/appimages/Box_05.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        background-image: linear-gradient(#f26a16, #eb7719, #f19224, #f19529);
        border: 0px solid #0e2142;
        color: #FFF;
        text-align: center;
        border-radius: 0px;
        padding: 36px;
        position: fixed;
        width: 86%;
        left: 7%;
        bottom: 30px;
        font-size: 37px;
        font-weight: 400;
    }
}

p#Float_Message {
    text-align: left;
    margin-bottom: 0px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

/*@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}*/