/* Extra small devices (phones, < 576px) */
@media (max-width: 575.98px) {
  
  body{
    background-repeat: repeat-y;
  }

  .bbb-btn{
    display: none;
  }

  .signup-btn{
    padding: 5px 10px;
  }

  header{
    height: auto;
  }

  .menu-toggle{
    display: flex;
  }

  .header-nav{
    display: none;
  }

  .div-right,
  .div-left{
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .character{
    display: none;
  }

  .boxx{
    width: 100%;
  }

  .div-left img{
    width: 100%;
  }

  .food{
    display: none;
  }

  .logo{
    height: 50px;
  }

  /* header profile */

  .points-box{
    display: none;
  }

  .username{
    display: none;
  }

  /* Stores  */

  .extra-design img{
    height: 200px;
  }

  .gift-grid-holder{
    width: 100%;
  }

  .gift-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .gift-media{
    height: 100px;
  }

  /* leadeboard  */

  .leaderboard-wrap-2{
    width: 100%;
  }

  .podium{
    width: 100%;
    gap: 50px;
  }

  .card.small .thumb{
    min-height: 100px;
  }

  .thumb{
    min-height: 120px;
  }

  .board-head,
  .row{
    padding: 6px 6px;
    font-size: 14px;
  }

  .search-input{
    padding: 10px 20px;
    font-size: 14px;
  }

  /*how to win */

  .win-page{
    width: 100%;
  }

  .win-page-2{
    width: 80%;
  }

  /*t & c*/

  .terms{
    width: 100%;
  }

  .terms h2,
  .terms h1{
    font-size: 18px;
  }

  .terms p{
    font-size: small;
  }

  section{
    margin-top: 20px;
  }

  /* home page */

  .promo-banner{
    padding: 7px 8px;
    font-size: small;
  }

  /* notiifcation */

  .noti-msg{
    width: 100%;
  }

  .noti .d-flex{
    display: block !important;
  }

  .noti .me-3{
    margin-right: 0px !important;
  }




}

/* Small devices (landscape phones, ≥ 576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
 
 body{
    background-repeat: repeat-y;
  }
  
 .bbb-btn{
    display: none;
  }

  .signup-btn{
    padding: 5px 10px;
  }

  header{
    height: auto;
  }

  .menu-toggle{
    display: flex;
  }

  .header-nav{
    display: none;
  }

  .div-right,
  .div-left{
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .character{
    display: none;
  }

  .boxx{
    width: 100%;
  }

  .div-left img{
    width: 100%;
  }

  .food{
    display: none;
  }

  .logo{
    height: 50px;
  }

  /* header profile */

  .points-box{
    display: block;
    padding: 2px 10px;
  }

  .username{
    display: block;
  }

  /* Stores  */

  .extra-design img{
    height: 200px;
  }

  .gift-grid-holder{
    width: 100%;
  }

  .gift-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gift-media{
    height: 100px;
  }

  /* leadeboard  */

  .leaderboard-wrap-2{
    width: 100%;
  }

  .podium{
    width: 100%;
    gap: 50px;
  }

  .card.small .thumb{
    min-height: 100px;
  }

  .thumb{
    min-height: 120px;
  }

  .board-head,
  .row{
    padding: 6px 6px;
    font-size: 14px;
  }

  .search-input{
    padding: 10px 20px;
    font-size: 14px;
  }

  /*how to win */

  .win-page{
    width: 100%;
  }

  .win-page-2{
    width: 80%;
  }

  /*t & c*/

  .terms{
    width: 100%;
  }

  .terms h2,
  .terms h1{
    font-size: 18px;
  }

  .terms p{
    font-size: small;
  }

  section{
    margin-top: 20px;
  }

   /* home page */

  .promo-banner{
    padding: 7px 8px;
    font-size: small;
  }

  /* notiifcation */

  .noti-msg{
    width: 100%;
  }

  .noti .d-flex{
    display: block !important;
  }

  .noti .me-3{
    margin-right: 0px !important;
  }


}

/* Medium devices (tablets, ≥ 768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
 
 body{
    background-repeat: repeat-y;
  }

 .bbb-btn{
    display: none;
  }

  .signup-btn{
    padding: 5px 10px;
  }

  header{
    height: auto;
  }

  .menu-toggle{
    display: flex;
  }

  .header-nav{
    display: none;
  }

  .div-right,
  .div-left{
    float: none;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .character{
    display: none;
  }

  .boxx{
    width: 100%;
  }

  .div-left img{
    width: 100%;
  }

  .food{
    display: none;
  }

  .logo{
    height: 50px;
  }

   /* header profile */

  .points-box{
    display: block;
    padding: 2px 10px;
  }

  .username{
    display: block;
  }

  /* Stores  */

  .extra-design img{
    height: 400px;
  }

  .gift-grid-holder{
    width: 100%;
  }

  .gift-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gift-media{
    height: 150px;
  }

  /* leadeboard  */

  .leaderboard-wrap-2{
    width: 100%;
  }

  .podium{
    width: 70%;
    gap: 50px;
  }

  .card.small .thumb{
    min-height: 100px;
  }

  .thumb{
    min-height: 120px;
  }

  .board-head,
  .row{
    padding: 6px 6px;
    font-size: 14px;
  }

  .search-input{
    padding: 10px 20px;
    font-size: 14px;
  }

  /*how to win */

  .win-page{
    width: 100%;
  }

  .win-page-2{
    width: 80%;
  }

  /*t & c*/

  .terms{
    width: 100%;
  }

  .terms h2,
  .terms h1{
    font-size: 18px;
  }

  .terms p{
    font-size: small;
  }

  section{
    margin-top: 20px;
  }


}

/* Large devices (desktops, ≥ 992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {


  
}

/* Extra large devices (large desktops, ≥ 1200px) */
@media (min-width: 1200px) {
  
}