@media(max-width: 576px){
    #mobile-div{
        display: none;
    }
    .cl{
        padding: unset !important;
    }
    .navbar-toggler{
        background-color: white !important;
        color: unset !important;
    }
    .mobile-view{
        width: 80%;
    }
    #align-div-text{
        text-align: center;
    }
    #align-div-text h1{
        font-size: 33px;
    }
    .banner-bg{
        height: 500px;
        background-size: cover;
    }
    .st-logo{
        display: none;
    }
    .about-coin{
       background-image: unset;
       padding-top: 38px;
       text-align: center;
       padding-bottom: 60px;
    }
    .msp{
        display: none;
    }
    .whatsapp-btn{
        bottom: -66px;
    right: 21%;
    }
    .online-about h1{
        font-size: 29px;
    }
    .online-about p {
        line-height: 24px;
        font-size: 12px;
    }
    .bd-download h1{
        font-size: 33px;
    }
    .owl-theme .owl-nav [class*=owl-]{
        top: 106px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -33px;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: -33px;
    }
    .download-btn{
        width: 220px;
    }
    .bd-download{
        height: 709px;
    }
    .play-bg{
        padding: 23px 19px;
        padding-bottom: unset;
    }
    .play-bg h1{
        font-size: 30px;
    }
    .game-card{
        padding: 17px;
        margin-bottom: unset;
    }
    .game-card img{
        width: 87px;
    }
    .game-card h3{
        font-size: 17px;
        font-weight: 800;
    }
    
   .testimonial-title{
   margin-bottom: 10px;
   }
   .testimonial-title h2{
    font-size: 35px;
   }
   .container-div{
    width: 93%;
   }
   .batting-text h3{
    font-size: 19px;
    margin-bottom: 8px !important; 
   }
   .batting-text h4{
    font-size: 10px;
   }
   .slider-card{
    padding: 33px 21px;
   }
   .slider-image-style {
    width: 124px;
}
.mnm{
    padding-left: 14px !important;
}
.fank-name{
    font-size: 14px;
}
.testimonial-bg-shape{
    top: 22%;
    width: 239px;
}
.testimonial-bg-shape-1{
    top: 22%;
    width: 239px;
}
.carousel-control-next, .carousel-control-prev{
    width: 100% !important;
    margin: -65px;
}
.testimonial-sec{
    padding-bottom: 41px;
}
.bottom-coin{
    padding: unset;
}
.how-to-play img{
    display: none;
}
.text-box h3{
    font-size: 20px;
    font-weight: 800;
}
.text-box ol{
    font-size: 13px;
    padding: 0 14px;
}
.text-box{
    padding-bottom: 45px;
}
.footer-img {
    width: 185px;
}
.footer-bg p{
    font-size: 11px;   
}

.banner-bg{
    overflow: hidden;
}
}

@media (min-width: 567px) and (max-width: 768px){
    .banner-bg{
        overflow: hidden;
    }

    .mobile-img{
        width: 338px;
        top: 16px;
        right: 20px;
        display: none;
    }
    .navbar-toggler {
        background-color: white !important;
        color: unset !important;
        width: 70px;

    }
    .about-coin{
        margin-top: 50px;
    }
    .msp img {
        width: 257px;
    }
    .st-logo img{
        width: 269px;
    }
    .st-logo{
        width: 276px;
        right: 17px;
        top: -16px;
    }
    .online-about{
        margin-top: unset;
        background-color: #f8f7fa;
    }
    .online-about p{
        line-height: 23px;
    }
    .carousel-bg{
        width: 80%;
    margin: auto;
    text-align: -webkit-center;
    margin-top: 153px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        top: 115px;
    left: -33px;
    }
    .owl-carousel .owl-nav button.owl-next{
        top: 115px;
        right: -33px;
    }
    .batting-text h4{
        font-size: 19px;
    }
    .batting-text h3 {
        margin-bottom: 11px;
        font-size: 25px;
    }
    .slider-card{
        height: 350px;
    }

    .how-to-play img{
        top: 57px;
        position: relative;
        left: -16px;
        width: 462px;
    }
    .bottom-coin{
        padding-top: unset;
    }
    .text-box h3{
        font-size: 29px;
    }
    .text-box ol{
        font-size: 17px;
    }
    .bottom-coin .row{
        padding-bottom: 86px;
    }
    .whatsapp-btn{
        right: 38%;
    }
}

@media (min-width: 769px) and (max-width: 991px){
   
    #align-div-text h1{
        font-size: 39px;
    }
    .banner-bg{
        padding: 0 46px;
    }
    .mobile-img{
        width: 338px;
        top: 16px;
        right: 20px;
    }
    .navbar-toggler {
        background-color: white !important;
        color: unset !important;
        width: 70px;

    }
    .about-coin{
        margin-top: 50px;
    }
    .msp img {
        width: 257px;
    }
    .st-logo img{
        width: 269px;
    }
    .st-logo{
        width: 276px;
        right: 17px;
        top: -16px;
    }
    .online-about{
        margin-top: unset;
        background-color: #f8f7fa;
    }
    .online-about p{
        line-height: 23px;
    }
    .carousel-bg{
        width: 80%;
    margin: auto;
    text-align: -webkit-center;
    margin-top: 153px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        top: 115px;
    left: -33px;
    }
    .owl-carousel .owl-nav button.owl-next{
        top: 115px;
        right: -33px;
    }
    .batting-text h4{
        font-size: 19px;
    }
    .batting-text h3 {
        margin-bottom: 11px;
        font-size: 25px;
    }
    .slider-card{
        height: 350px;
    }

    .how-to-play img{
        top: 57px;
        position: relative;
        left: -16px;
        width: 462px;
    }
    .bottom-coin{
        padding-top: unset;
    }
    .text-box h3{
        font-size: 29px;
    }
    .text-box ol{
        font-size: 17px;
    }
    .bottom-coin .row{
        padding-bottom: 86px;
    }
    .whatsapp-btn{
        right: 38%;
    }
}

@media screen and (width: 1024px) {
    .logo-img{
        width: 100%;
    }
    .mobile-view{
        width: 134px;
    }
    .nav-item .nav-link{
        font-size: 15px;
    }
    .mobile-img{
        width: 451px;
    position: absolute;
    top: -40px;
    right: 35px;
    }
    .whatsapp-btn{
        right: 37%;
    }
    .owl-carousel .owl-nav button.owl-prev{
        top: 138px;
    left: -38px;
    }
    .owl-carousel .owl-nav button.owl-next{
        top: 138px;
        right: -38px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .mobile-img{
        right: 20px;
        top: -118px;
    }
    .how-to-play img{
        position: relative;
    top: 111px;
    }
    
    .logo-img{
        width: 100%;
    }
}