.game-item {

  padding: 6px;

}



.not-mobile {

  display: block;

}



.thumb {

  /*padding: 4px;*/

  /*border: 3px solid #ddd;*/

  border-radius: 12px;

  width: 121px;

  height: 121px;

}



.hoverImg {

  position: absolute;

  border-radius: 12px;

  opacity: 0;

  transition: 0.4s;

  width: 121px;

  height: 121px;

}



.game-item:hover .hoverImg {

  opacity: 1;

}



.tooltip-arrow,

.custom-tooltip + .tooltip > .tooltip-inner {

  background-color: black;

  font-size: x-large;

  color: #d13abd;

  border-radius: 20px;

  border: 2px solid #d13abd;

  font-family: Subscribe;

}



.diceman-container {

  position: fixed;

  bottom: 0px;

  width: 100%;

  z-index: 1;

  display: none;

}



.diceman {

  z-index: 1;

  bottom: 10px;

  transition: transform 0.5s;

}



@media screen and (min-width: 1025px) {

  .diceman {

    width: 70px;

  }

}



@media screen and (max-width: 1024px) {

  .diceman {

    width: 80px;

  }



  .thumb {

    width: 121px;

    height: 121px;

  }



  .hoverImg {

    width: 121px;

    height: 121px;

  }



  .not-mobile {

    display: none;

  }

}



@media screen and (width: 320px) {

  .thumb {

    width: 90px;

    height: 90px;

  }



  .hoverImg {

    width: 90px;

    height: 90px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 360px) {

  .thumb {

    width: 78px;

    height: 78px;

  }



  .hoverImg {

    width: 78px;

    height: 78px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 375px) {

  .thumb {

    width: 80px;

    height: 80px;

  }



  .hoverImg {

    width: 80px;

    height: 80px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 411px) {

  .thumb {

    width: 90px;

    height: 90px;

  }



  .hoverImg {

    width: 90px;

    height: 90px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 414px) {

  .thumb {

    width: 90px;

    height: 90px;

  }



  .hoverImg {

    width: 90px;

    height: 90px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 568px) {

  .thumb {

    width: 85px;

    height: 85px;

  }



  .hoverImg {

    width: 85px;

    height: 85px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 640px) {

  .thumb {

    width: 83px;

    height: 83px;

  }



  .hoverImg {

    width: 83px;

    height: 83px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 667px) {

  .thumb {

    width: 75px;

    height: 75px;

  }



  .hoverImg {

    width: 75px;

    height: 75px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 731px) {

  .thumb {

    width: 83px;

    height: 83px;

  }



  .hoverImg {

    width: 83px;

    height: 83px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 736px) {

  .thumb {

    width: 84px;

    height: 84px;

  }



  .hoverImg {

    width: 84px;

    height: 84px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 812px) {

  .thumb {

    width: 82px;

    height: 82px;

  }



  .hoverImg {

    width: 82px;

    height: 82px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 823px) {

  .thumb {

    width: 84px;

    height: 84px;

  }



  .hoverImg {

    width: 84px;

    height: 84px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}



@media screen and (width: 1366px) {

  .thumb {

    width: 84px;

    height: 84px;

  }



  .hoverImg {

    width: 84px;

    height: 84px;

  }

  .search {

    font-size: 100%!important;

  }

  .home {

    font-size: 100%!important;

  }

}