@media (max-width: 1280px){
    .animate__item1 {
        bottom: unset;
        top: 130px;
        left: 20px;
        width: 150px;
    }
    .animate__item2{
        display: none;
      }
      
      .animate__item3 {
        bottom: unset;
        top: 170px;
        right: 20px;
        width: 70px;
      }
      
      .animate__item4{
        top: 0;
        right: 20px;
        width: 60px;
      }
      
      .animate__item5{
        top:unset;
        bottom: 130px;
        left: -100px;
        width: 200px;
      }
      
      .animate__item6{
        top:unset;
        right: 50px;
    width: 160px;
    bottom: 20px;
      }
}

@media (min-width: 1280px){
    .animate__item1{
        bottom: 120px;
        left: -80px;
        width: 180px;
      }
      
      .animate__item2{
        top: 50px;
          right: -70px;
          width: 180px;
      }
      
      .animate__item3 {
        bottom: 220px;
        right: 300px;
        width: 100px;
      }
      
      .animate__item4{
        top: 0;
        right: 360px;
        width: 90px;
      }
      
      .animate__item5{
        top: -50px;
        left: -200px;
        width: 260px;
      }
      
      .animate__item6{
        bottom: -30px;
        right: -160px;
        width: 200px;
      }
}
.animate__item1{
    -webkit-animation: x-allbet-card-mover-1 3s ease-in-out infinite alternate;
    animation: x-allbet-card-mover-1 3s ease-in-out infinite alternate;
  }
  
  .animate__item2{
      -webkit-animation: x-allbet-card-mover-1 2s ease-in-out infinite alternate;
      animation: x-allbet-card-mover-1 2s ease-in-out infinite alternate;
  }
  
  .animate__item3 {
    -webkit-animation: x-allbet-card-mover-3 3s ease-in-out infinite alternate;
    animation: x-allbet-card-mover-3 3s ease-in-out infinite alternate;
  }
  
  .animate__item4{
    -webkit-animation: x-allbet-card-mover-2 4s ease-in-out infinite alternate;
    animation: x-allbet-card-mover-2 4s ease-in-out infinite alternate;
  }
  
  .animate__item5{
    opacity: .2;
    -webkit-animation: x-allbet-spin-with-scale-right 70s linear infinite alternate;
    animation: x-allbet-spin-with-scale-right 70s linear infinite alternate;
  }
  
  .animate__item6{
    opacity: .2;
    -webkit-animation: x-allbet-spin-with-scale-left 80s linear infinite alternate;
    animation: x-allbet-spin-with-scale-left 80s linear infinite alternate;
  }
  @keyframes x-allbet-card-mover-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
  
    to {
        -webkit-transform: translate(-10%,-10%);
        transform: translate(-10%,-10%)
    }
  }
  
  @keyframes x-allbet-card-mover-2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
  
    to {
        -webkit-transform: translate(-15%,15%);
        transform: translate(-15%,15%)
    }
  }
  
  @keyframes x-allbet-card-mover-3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
  
    to {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }
  }
  
  @keyframes x-allbet-spin-with-scale-right {
    0% {
        -webkit-transform: scale(.6) rotate(0);
        transform: scale(.6) rotate(0)
    }
  
    50% {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg)
    }
  
    to {
        -webkit-transform: scale(.8) rotate(1turn);
        transform: scale(.8) rotate(1turn)
    }
  }
  
  @keyframes x-allbet-spin-with-scale-left {
    0% {
        -webkit-transform: scale(.6) rotate(0);
        transform: scale(.6) rotate(0)
    }
  
    50% {
        -webkit-transform: scale(1) rotate(-180deg);
        transform: scale(1) rotate(-180deg)
    }
  
    to {
        -webkit-transform: scale(.8) rotate(-1turn);
        transform: scale(.8) rotate(-1turn)
    }
  }

  @keyframes starAnimate {
    10% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    30% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes x-rotate-item {
  0%,60%,to {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  8% {
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg)
  }

  15% {
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg)
  }

  30% {
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg)
  }

  45% {
      -webkit-transform: rotate(2deg);
      transform: rotate(2deg)
  }

  50% {
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg)
  }
}

@keyframes x-opacity-glow-fading-up {
  0% {
      opacity: .5
  }

  to {
      opacity: 1
  }
}