@media (min-width: 768px) and (max-width: 991px) {
   #m-worl{
      gap:20px;
  }
  #catch{
    text-align: center !important;
  }

  .feature-box{
  max-width: 100%;
}
 .features{
  display: block !important;
}
  .bg-casino3 {
    background-image: url(../images/mobile/t1.png);
  }

  .bg-casino2 {
    background-image: url(../images/mobile/t2.png);
  }

  .bg-casino4 {
    background-image: url(../images/mobile/tt.png);
  }

  .bg-casino {
    background-image: url(../images/mobile/t6.png);
  }

  .mel-s {
    display: none;
  }

  .d-desk {
    display: block;
    margin-top: 22px;
  }
  #navbarSupportedContent{
    margin-top: 20px !important;
  }

  .bg-images {
    height: 39vh;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .center-img {
    margin-top: 12px;
  }

  .right-img {
    margin-top: 12px;
  }

  .upper-s img {
    height: 140px;
  }

  .mes-check {
    display: contents !important;
  }

  .bg-ground {
    padding: 16px;
  }

  .bg-ground h2 {
    font-size: 14px;
    padding-top: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 768px) {
   #m-worl{
      gap:20px;
  }
  #catch{
    text-align: center !important;
  }

  .feature-box{
  max-width: 100%;
}
 .features{
  display: block !important;
}
  .about-slider-wraper {
    margin-top: 20px;
  }
  .main-button {
    width: 50% !important;
  }
  body .py-5 {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .bg-casino3 {
    background-image: url(../images/mobile/b.png);
  }

  .bg-casino {
    background-image: url(../images/mobile/v.png);
  }

  .bg-casino2 {
    background-image: url(../images/mobile/c.png);
  }

  .bg-casino4 {
    background-image: url(../images/mobile/x.png);
  }

  #me-f-s {
    display: block !important;
  }

  .mes-sec {
    padding-bottom: 0px !important;
  }

  .top-s {
    padding-top: 12px;
  }

  .main-sc img {
    height: 239px !important;
  }

  .mel-s {
    display: none;
  }

  .d-desk {
    display: block;
    margin-top: 22px;
  }

  .bg-images {
    height: 28vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .center-img {
    margin-top: 12px;
  }

  .right-img {
    margin-top: 12px;
  }

  .upper-s img {
    height: 140px;
  }

  .mes-check {
    display: contents !important;
  }

  .bg-ground {
    padding: 16px;
  }

  .bg-ground h2 {
    font-size: 14px;
    padding-top: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 480px) {
  #m-worl{
      gap:20px;
  }
  #catch{
    text-align: center !important;
  }

  .feature-box{
  max-width: 100%;
}
 .features{
  display: block !important;
}
  .main-button {
    width: 50% !important;
  }
  .about-slider-wraper {
    margin-top: 20px;
  }
  body .py-5 {
    padding-top: 1rem !important;
    padding-bottom: 2rem !important;
  }

  .bg-casino3 {
    background-image: url(../images/mobile/b.png);
  }

  .bg-casino {
    background-image: url(../images/mobile/v.png);
  }

  .bg-casino2 {
    background-image: url(../images/mobile/c.png);
  }

  .bg-casino4 {
    background-image: url(../images/mobile/x.png);
  }

  #me-f-s {
    display: block !important;
  }

  #mes-sec {
    padding: 0 !important;
  }

  .top-s {
    padding-top: 12px;
  }

  .main-sc img {
    height: 180px !important;
  }

  .mel-s {
    display: none;
  }

  .d-desk {
    display: block;
    margin-top: 22px;
  }

  .bg-images {
    height: 23vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .center-img {
    margin-top: 12px;
  }

  .right-img {
    margin-top: 12px;
  }

  .upper-s img {
    height: 140px;
  }

  .mes-check {
    display: contents !important;
  }

  .bg-ground {
    padding: 16px;
  }

  .bg-ground h2 {
    font-size: 14px;
    padding-top: 14px;
    padding-left: 14px;
  }
}