@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;
		border: 2px solid #3d3230;
        color: #3d3230;
        text-align: center;
        border-radius: 0px;
        padding: 16px;
        position: fixed;
        width: 86%;
        left: 7%;
        bottom: 30px;
        font-size: 17px;
        font-weight: 600;
    }   	
}
@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;
		border: 2px solid #3d3230;
        color: #3d3230;
        text-align: center;
        border-radius: 0px;
        padding: 36px;
        position: fixed;
        width: 86%;
        left: 7%;
        bottom: 30px;
        font-size: 37px;
        font-weight: 600;
    }
}

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;}
}*/