/*Snak Bar start*/
        #snackbar {
          visibility: hidden;
          min-width: 250px;
          margin-left: -125px;
          background: linear-gradient(to right, #0d0d32 0%, #2e2cb3 100%);
          color: white;
          border:none;
          text-align: center;
          border-radius: 2px;
          padding: 16px;
          position: fixed;
          z-index: 3000;
          left: 40%;
          bottom: 30px;
          font-size: 17px;
        }
        
        #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;}
        }
        
        @media(max-width:600px)
        {
           #snackbar {
    /* visibility: hidden; */
    min-width: 250px;
    
    background-color: white;
    color: darkorange;
    border: 2px solid darkorange;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 3000;
    left: 38%;
    bottom: 30px;
    font-size: 17px;
    margin-right: 10px;
}
        }
        
        /*Snak Bar End*/