@media only screen and (min-width: 375px) and (max-width: 667px){
    .b #btntxt{
        display: none;
        font-size: 50px !important;
    }
  }


  @media only screen and (min-width: 360px) and (max-width: 740px){
    .b #btntxt{
        display: none;
        font-size: 50px !important;
    }
  }

  @media only screen and (min-width: 344) and (max-width: 882){
    .b #btntxt{
        display: none;
        font-size: 50px !important;
    }
  }

  @media only screen and (min-width: 1024) and (max-width: 600){
    .b #btntxt{
        display: none;
        font-size: 50px !important;
    }
  }

/* just added */
  @media screen and (max-width: 600px) {
    .wrapper .carousel {
        grid-auto-columns: 40%;
  
    }
  }
  

@media screen and (max-width: 900px) {
    .wrapper .carousel {
        grid-auto-columns: calc((50% / 2) - 9px);
  
    }
  }