/* Customizations for toastr*/
  .toast-top-center {
      top: 92px;
        margin-left: 40%;
  }

  @media all and (max-width: 240px) {
      .toast-top-center {
          margin-left: -54px;
      }
      
  }
  @media all and (min-width: 241px) and (max-width: 320px) {
      .toast-top-center {
          margin-left: -64px;
      }
  }
  @media all and (min-width: 321px) and (max-width: 480px) {
      .toast-top-center {
          margin-left: -96px;
      }
  }

@media (min-width: 768px) {

.login-toast-top-center {
  width: 37.533333%;
  top: 53px;
  margin-left: 40%;
  }
.signup-toast-top-center {
  width: 41.733333%;
      top: 10px;
      margin-left: 29%;
  }
  
}



@media (max-width: 768px) {
  .login-toast-top-center {
    width: 96%;
  top: 53px;
  margin-left: 0%;
  }

  .signup-toast-top-center {
  width: 95.733333%;
      top: 10px;
      margin-left: 0%;
  }
}

.scroll-toast-top-center {
  width:  62.9%;
  margin-left: 26%;
  top: 92px;
  }
  .full-toast-top-center {
  width: 97.3%;
  margin-left: 20%;
  top: 92px;
  }

  .def-toast{
    width: 30%;
  right: 20px;
  bottom: 20px;
  }

.mini-toast-top-center {
  width: 80.9%;
  margin-left: 26.2%;
  top: 92px;
  }