@media (min-width: 1440px) {
   .collectible-badgesGrid .badgesInfo {
      width: calc(25% - 12px);
   }

   .homeCard .card-mainLogo .main-LogoBox {
      padding: 50px 0;
   }

   .homeCard .cardHead {
      height: 80px;
   }

   .home-details-wraper .homeCard .card-mainLogo .main-LogoBox {
      padding: 40px 0;
   }

   .home-details-wraper .homeCard .card-mainLogo .main-LogoBox .logo {
      height: 150px;
   }
}

@media (max-width: 1180px) {
   .home-wraper .homeMario {
      bottom: 110px;
      left: 60px;
   }
}

@media (max-width: 991.98px) {
   .container {
      padding-left: 15px;
      padding-right: 15px;
   }

   .home-wraper .homeMario {
      display: none;
   }
}

@media (max-width: 767.98px) {

   .login-detailsBox {
      padding: 60px 15px;
   }

   .login-detailsBox .brandLogo img {
      width: 150px;
   }

   .loginContainer .login-mario {
      margin: 0;
      position: absolute;
      height: 150px;
      top: 82px;
      right: 80px;
      animation-delay: 4s;
   }

   .home-wraper {
      background: url(../img/back-mobile.jpg) center no-repeat !important;
      background-size: cover !important;
      padding: 15px 0;
   }

   .home-wraper .container,
   .home-wraper .container .row {
      height: 100%;
   }

   .homeCard {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: transparent;
      border-radius: 0;
   }

   .homeCard img.head-topImg {
      display: none;
   }

   .homeCard .cardHead {
      height: 50px;
      align-items: center;
      gap: 15px;
      border-radius: 15px;
      margin: 0;
      box-shadow: 0 3px 0 var(--sb-white);
      justify-content: space-between;
      padding: 0 15px;
   }

   .homeCard .coinInfo {
      padding-bottom: 0;
      justify-content: flex-start;
   }

   .homeCard .coinInfo:last-child {
      justify-content: flex-end !important;
   }

   .homeCard .cardHead .card-CenterLogo {
      top: 3px;
   }

   .homeCard .card-mainLogo .main-LogoBox .back-spin {
      width: 80%;
   }

   .homeCard .card-mainLogo .main-LogoBox .logo {
      width: 70%;
   }

   .home-details-wraper .homeCard .card-mainLogo .main-LogoBox .logo {
      width: 70%;
      height: 200px;
   }

   .collectibleBadges-container {
      padding: 0 15px 20px;
      border-radius: 15px;
   }

   .badgesTitle {
      padding: 0 15px;
      margin-bottom: 10px;
      top: -12px;
   }

   .home-details-wraper .badgesTitle {
      margin: 0 15px 5px;
   }

   .collectible-badgesGrid .badgesInfo {
      width: calc(25% - 12px);
   }

   .badgesSlider .swiper-pagination {
      padding: 15px;
   }

   .badgesSlider .swiper-pagination .swiper-pagination-bullet {
      margin: 0 10px;
   }

   .badgesTitle h4 {
      font-size: 20px;
   }

   .badges-detailsItem .badges-dataBox h6 {
      font-size: 16px;
   }

   .data-pill {
      padding: 6px 10px;
      min-width: 105px;
   }

   .badges-detailsItem .badges-dataBox .data-pill h6 {
      font-size: 14px;
   }
}

@media (max-width: 567.98px) {

   .home-wraper {
      padding: 15px 0 0;
      display: flex;
      align-items: flex-start;
   }

   .loginContainer .login-mario {
      right: 10px;
   }

   .collectibleBadges-container {
      margin: 0 -15px;
      border-radius: 15px 15px 0 0;
   }
}

@media (max-width: 375px) {
   .loginContainer .login-mario {
      height: 130px;
      top: 100px;
   }
}

@media (max-width: 320px) {
   .loginContainer .login-mario {
      right: 0;
   }

   .login-detailsBox {
      padding: 60px 15px 40px;
   }

   .homeCard .coinInfo {
      width: 70px;
      min-width: 70px;
   }

   .badgesTitle {
      margin-bottom: 5px;
      top: -10px;
   }

   .home-details-wraper .homeCard .card-mainLogo .main-LogoBox .logo {
      width: 60%;
      height: 130px;
   }

   .badgesTitle h4 {
      font-size: 18px;
   }

   .badges-detailsItem .badges-dataBox h6 {
      font-size: 14px;
   }

   .data-pill {
      padding: 4px 10px;
      min-width: 95px;
   }

   .badges-detailsItem .badges-dataBox .data-pill h6 {
      font-size: 12px;
   }

   .badgesSlider .swiper-pagination {
      padding: 13px;
   }
}


.NoScroll {
   overflow: hidden;
}

.noscroll-body {
   position: fixed;
   overflow-y: auto;
   height: 100%;
   min-height: 100%;
   width: 100%;
   -webkit-overflow-scrolling: touch;
}