@media screen and (max-width: 575.98px) {
    .notifications{
        border: 0px !important;
    }
    .notifications img{
        width: 45px;
        height: 45px;
    }
    .point-btn{
        margin: 0px;
        padding: 0px;
    }
}
/*Bildirimler pop up*/
.notifications-btn{
    color: #fff;
}
.notifications-btn:hover{
    color: #fff;
}
  .wrap {
    position: relative;
    margin: 0 0;
    right: 20%;
  }
  label {
    margin: 1.5em auto;
  }
  input {
   display: none;
  }
  .slider-v2::after {
    position: absolute;
    content: "";
    width: 1em;
    height: 1em;
    top: 0.7em;
    left: 0.5em;
    border-radius: 50%;
    transition: 250ms ease-in-out;
    background: linear-gradient(#f5f5f5 10%, #eee);
    box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
  }
  
  .slider-v2::before {
    position: absolute;
    content: "";
    width: 3em;
    height: 1em;
    top: 0.75em;
    left: 0.75em;
    border-radius: 0.75em;
    transition: 250ms ease-in-out;
    background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
    box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(68, 204, 102, 0.7) inset;
  }
  input:checked + .slider-v2::before {
    box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(68, 204, 102, 0.7) inset;
  }
  input:checked + .slider-v2::after {
    left: 3em;
  }