@media (min-width:768px){
    button#menu-button{
        display:none
    }
    a#close{
        display:none
    }
    .navbar-expand-lg .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-lg .navbar-toggler{
        display:none
    }
    ul.navbar-nav.me-auto.mb-2.mb-lg-0{
        margin-bottom:0!important;
        margin-right:10px!important
    }
}
@media (max-width:1199px){
    .banner-main-box>figure img{
        height:530px
    }
    .banner-top-L{
        flex:0 0 70%
    }
    .banner-top-L h1{
        font-size:42px
    }
    .banner-top-R{
        flex:0 0 30%;
        text-align:center;
        margin:auto
    }
    .banner-top-R figure img{
        width:56%
    }
    .shape-1{
        bottom:auto;
        right:-170px
    }
    .comm-space{
        padding-top:50px
    }
    .shape-1 img{
        width:60%
    }
    .common-heading h2{
        font-size:38px
    }
    .up-heaading{
        font-size:40px
    }
    .up-heaading.pb-5{
        padding-bottom:20px!important
    }
    .wrapper-video{
        height:360px;
        width:100%
    }
    .how-to-play-R h3{
        font-size:32px
    }
    .how-to-play-R p{
        font-size:15px
    }
    .shape-4{
        top:22px;
        left:-203px
    }
    .shape-3{
        display:none
    }
    .ow-play-steps-content h4{
        font-size:26px
    }
    .number-point{
        width:70px;
        height:70px;
        font-size:28px
    }
    button#play img{
        width:80%
    }
    .rating-mob-img-box{
        margin-top:55px
    }
    .play-btn-app.mt-4 a img{
        width:45%
    }
    .out-players.comm-space{
        padding-bottom:0
    }
    .inner-top-space{
        padding-top:165px
    }
    .artboard-main-head-L{
        padding-right:100px
    }
    .shape-10,.shape-11,.shape-9{
        display:none
    }
}
@media (max-width:991px){
    .nav-L .navbar-brand{
        margin-right:0
    }
    a.navbar-brand img{
        width:70%
    }
    .banner-top-L h1{
        font-size:38px;
        line-height:1.2
    }
    .banner-top-inner{
        display:var(--flex-disply);
        padding-top:80px
    }
    .banner-main-box>figure img{
        height:470px
    }
    .banner-top-R figure img{
        width:135px
    }
    .play-btn-app.mt-5{
        margin-top:30px!important
    }
    .common-heading h2{
        font-size:30px
    }
    .download-app.comm-space{
        padding-top:60px;
        padding-bottom:60px
    }
    .download-app-L img{
        width:80%
    }
    .up-heaading{
        font-size:30px
    }
    .leader-B-content-inner:nth-child(2),.leader-B-content-inner:nth-child(3),.leader-list-title:nth-child(2),.leader-list-title:nth-child(3){
        width:75px
    }
    .leader-B-content-inner:last-child,.leader-list-title:last-child{
        width:115px
    }
    .leader-list-title h3{
        font-size:18px
    }
    .leader-B-list span{
        font-size:18px;
        color:#000
    }
    .leader-chart-box{
        padding:25px 35px
    }
    .footer-content li a{
        font-size:13px
    }
    .row.rating-mob-img-box{
        margin-top:50px
    }
    .how-to-play-R h3{
        font-size:28px
    }
    .col-6{
        flex:0 0 auto;
        width:100%
    }
    .how-to-play-R{
        padding-left:15px;
        padding-top:30px
    }
    .how-to-play-R h3 br{
        display:none
    }
    .row.how-play-steps .col-4{
        width:50%;
        margin-top:75px
    }
    .row.how-play-steps{
        justify-content:center;
        margin-top:0
    }
    .comm-space{
        padding-top:50px;
        padding-bottom:60px
    }
    .ow-play-steps-content h4{
        font-size:24px
    }
    .shape-1 img{
        width:30%
    }
    .streeks-exp-box-head h4{
        font-size:18px
    }
    .shape-5 img{
        width:76%
    }
    .shape-5{
        top:5px
    }
    .shape-5{
        display:none
    }
    .out-players .download-app-L img{
        width:300px
    }
    .common-heading.text-left{
        margin-top:0;
        text-align:left
    }
    .rating-logo-box{
        justify-content:center;
        margin:13px 0 37px;
        align-items:flex-start
    }
    .rating-log-R{
        text-align:left
    }
    .play-btn-app.mt-4 a img{
        width:165px;
        margin:auto
    }
    .play-btn-app{
        display:flex;
        justify-content:center
    }
    .out-players .common-heading h2{
        text-align:center
    }
    .footer-logo img{
        width:280px
    }
    .footer-menu .text-center.mb-5{
        margin-bottom:30px!important
    }
    .footer-left-content p{
        font-size:14px
    }
    .footer-content li{
        padding:2px 0
    }
    .footer-content{
        padding-left:25px!important
    }
    .leader-bored.comm-space{
        padding-top:40px;
        padding-bottom: 30px;
    }
    .row.how-to-play-content{
        margin-top:20px!important
    }
    .out-players .download-app-R{
        margin-top:40px
    }
    .play-btn-app a img{
        width:145px
    }
    .play-btn-app.mt-5{
        justify-content:flex-start;
        margin-top:18px!important
    }
    .col-md-5.footer-content{
        width:100%;
        margin-bottom:20px;
        padding-left:15px!important
    }
    .col-md-4.footer-content{
        width:50%;
        padding-left:15px!important
    }
    .col-md-3.footer-content{
        width:50%;
        padding-left:15px!important
    }
    .footer-content li{
        padding:4px 0
    }
    .footer-menu{
        padding:25px 0 20px 0
    }
    .sticky a.navbar-brand img{
        width:55%
    }
    .header-btn{
        font-size:14px;
        height:43px
    }
    .banner-top-L p{
        font-size:20px
    }
    .wrapper-video iframe{
        width:100%;
        height:100%
    }
    a.banner-btn{
        width:150px;
        height:46px;
        font-size:16px
    }
    .download-app-R p{
        font-size:14px
    }
    .rating-log-R h5{
        font-size:26px
    }
    .out-players .Streekey-small-logo img{
        width:55px
    }
    .rating-logo-box .Streekey-small-logo{
        width:120px;
        height:115px;
        margin-right:16px
    }
    .item-head h4{
        font-size:20px
    }
    .item .slider-box-content{
        padding:25px 15px 25px
    }
    .header-btn{
        margin-left:10px
    }
    .inner-top-space{
        padding-top:145px;
        padding-bottom:20px
    }
    .common-heading.text-center.mb-5{
        margin-bottom:25px!important
    }
    .inner-top-space{
        padding-top:115px
    }
    .artboard-main-head-L{
        padding-right:20px
    }
    .artboard-main-content h4,.artboard-main-head-L h4{
        font-size:28px
    }
    .artboard-main-content p,.artboard-main-head-L p{
        font-size:14px;
        color:#a5a5a5;
        line-height:24px
    }
    .shape-8{
        left:-20px;
        bottom:-12px
    }
    .shape-7{
        right:-34px;
        top:-19px
    }
    .artboard-main{
        padding-top:0
    }
    .artboard-main-head{
        margin-bottom:10px!important
    }
    .artboard-main-content h4,.artboard-main-head-L h4{
        font-size:24px
    }

    .contact-us-left {
        width: 315px;}

        .contact-us-left{    padding: 35px 30px 20px;}

        .contact-info-list {
            padding-top: 35px;
        }

        .contact-us-right{    padding: 35px 30px 50px;}

        .out-team .col-3 {
            width: 33%;
            margin-bottom: 25px;
        }

        figure.inner-page-img .banner-top-img{    height: auto;}

        .title-img-log{    width: 150px;    font-size: 16px;    bottom: 12px;}
        
}
@media (max-width:767px){
    button.navbar-toggler{
        position:absolute;
        right:0;
        z-index:99;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
        line-height:normal
    }
    span.navbar-toggler-icon i{
        color:#fff;
        font-size:22px
    }
    .header-btn-group{
        display:flex;
        padding-right:48px
    }
    .header-btn{
        font-size:12px;
        height:38px;
        width:80px
    }
    .header-btn{
        margin-left:7px
    }
    .navbar{
        padding:8px 0
    }
    span.navbar-toggler-icon{
        display:flex;
        align-items:center;
        justify-content:center;
        background:#0da22c;
        background:-moz-linear-gradient(top,#0da22c 0,#4de808 100%);
        background:-webkit-linear-gradient(top,#0da22c 0,#4de808 100%);
        background:linear-gradient(to bottom,#0da22c 0,#4de808 100%);
        height:35px;
        width:38px;
        border-radius:4px
    }
    .navbar-collapse{
        background-color:#000;
        position:fixed;
        top:0;
        left:-350px;
        z-index:9;
        width:300px;
        height:100vh;
        transition:.3s;
        padding-top:40px
    }
    .navbar-collapse.show{
        transition:.5s;
        left:0;
        margin-left:0
    }
    .nave-bar .hide-menu.show-menu li.nav-item a{
        color:#fff!important;
        padding:10px 15px!important;
        border-bottom:1px solid #dddddd38;
        font-size:14px
    }
    .navbar-nav li .nav-link{
        padding:10px 30px;
        text-align:center
    }
    .banner-top-L h1{
        font-size:28px;
        line-height:1.4
    }
    .banner-top-L p{
        font-size:16px;
        padding-right:0;
        padding-top:5px
    }
    .banner-main-box>figure img{
        height:440px
    }
    .common-heading h2{
        font-size:26px
    }
    .rating-list li i{
        font-size:18px
    }
    .rating-list li{
        padding-right:4px
    }
    .col-4.streeks-exp-box{
        width:50%
    }
    .common-heading h2{
        font-size:24px
    }
    .up-heaading{
        font-size:26px
    }
    .leader-B-list span{
        font-size:12px;
        line-height: 20px;
    }
    .leader-B-content-inner,.leader-list-title{
        border-right:1px solid #e3e3e3;
        padding:8px 0
    }
    .leader-list-title{min-height: 65px;}
    .leader-B-check i,.leader-B-close i{
        font-size:18px
    }
    button#play img{
        width:85px
    }
    .how-to-play-R h3{
        font-size:22px
    }
    .ow-play-steps-content h4{
        font-size:18px
    }
    .streeks-exp-box{
        margin-top:30px
    }
    .common-heading p{
        font-size:14px
    }
    .item-head figure img{
        height:45px;
        margin-right:10px
    }
    .out-players .download-app-L img{
        width:200px
    }
    .rating-log-R h5{
        font-size:18px;
        padding-bottom:5px
    }
    .rating-log-R small{
        font-size:16px;
        color:#a5a5a5;
        padding-top:5px
    }
    .footer-logo img{
        width:210px
    }
    .number-point{
        width:55px;
        height:55px;
        font-size:22px;
        margin-top:-50px
    }
    .download-app .col-7.download-app-R{
        padding-left:0
    }
    .footer-content h3{
        font-size:18px
    }
    a.banner-btn{
        width:135px;
        height:42px;
        font-size:14px;
        margin-top:8px
    }
    .play-btn-app a img{
        width:110px
    }
    .wrapper-video{
        height:auto;
        width:100%
    }
    .item-head h4{
        font-size:16px
    }
    .sticky a.navbar-brand img{
        width:130px
    }
    .wrapper-video iframe{
        width:100%;
        height:360px
    }
    .accordion-body p{
        font-size:14px
    }
    .accordion-button{
        font-size:20px
    }
    .artboard-main-head-L{
        flex:0 0 100%;
        order:2;
        padding-right:0;
        margin-top:30px
    }
    .artboard-main-head{
        flex-wrap:wrap
    }
    .artboard-main-head-R{
        text-align:center;
        justify-content:center;
        margin:auto;
        order:1
    }
    .artboard-main-content{
        margin-top:20px
    }
    .win-streeks .common-heading p{
        padding-right:0
    }
    .download-app-R .common-heading h2{
        font-size:24px;
        padding-bottom:12px
    }
    .bottom-content .col-8.text-center.m-auto{
        width:100%
    }
    .bottom-content p{
        font-size:14px
    }
    .row.mt-4.pt-2.bottom-content{
        padding-top:0!important
    }

    .item .slider-box-content {
        min-height: 200px;}

        .contact-us {
            margin-top: 25px;
        }

        .contact-us{flex-direction: column;}

        .contact-us-left {
            width: 100%;
        }

        .contact-us-right {
            padding: 0px 30px 50px;
        }
        
        .out-team .col-3 {
            width: 50%;
            margin-bottom: 25px;
        }

        .out-team.comm-space.mb-4 {
            padding-bottom: 0;
        }

}
@media (max-width:575px){
    .up-heaading{
        font-size:22px
    }
    .leader-list-title h3{
        font-size:14px
    }
    .leader-list-title h3 img{max-width: 30px;}
    .leader-B-content-inner:last-child,.leader-list-title:last-child{
        width:90px
    }
    .leader-B-content-inner:nth-child(2),.leader-B-content-inner:nth-child(3),.leader-list-title:nth-child(2),.leader-list-title:nth-child(3){
        width:50px
    }
    .wrapper-video{
        height:auto;
        width:100%
    }
    .banner-top-L p{
        font-size:14px
    }
    .banner-top-L h1{
        font-size:26px
    }
    .common-heading h2{
        font-size:20px
    }
    .row.how-play-steps .col-4{
        width:100%;
        margin-top:25px
    }
    .ow-play-steps-content{
        display:flex;
        text-align:left
    }
    .ow-play-steps-content figcaption{
        padding-top:5px;
        padding-left:20px
    }
    .number-point{
        width:40px;
        height:40px;
        font-size:20px;
        margin-top:-41px;
        flex:0 0 55px;
        position:absolute;
        right:22px
    }
    .ow-play-steps-content{
        padding:20px 25px 20px
    }
    .ow-play-steps-content h4{
        font-size:20px;
        padding-bottom:5px
    }
    .ow-play-steps-content figcaption{
        flex:1
    }
    .how-to-play.comm-space{
        padding-bottom:35px;
        padding-top:30px
    }
    button#play img{
        width:65px
    }
    .how-to-play-R p{
        font-size:14px
    }
    .streeks-exp-box p{
        font-size:14px
    }
    .streeks-exp-box-head{
        padding-bottom:10px
    }
    .streeks-exp-box{
        margin-top:20px
    }
    .rating-logo-box .Streekey-small-logo{
        width:85px;
        height:85px;
        margin-right:16px
    }
    .out-players .Streekey-small-logo img{
        width:35px
    }
    .row.rating-mob-img-box{
        margin-top:35px
    }
    .owl-dots{
        margin-top:25px
    }
    .header-btn-group.desktop-view-btn{
        display:none
    }
    li.mob-view-btn{
        display:block!important;
        margin-top:10px
    }
    .header-btn-group{
        flex-wrap:wrap;
        padding-right:0;
        padding:0 10px
    }
    .header-btn-group a{
        width:100%
    }
    a.brand-login.black-btn.header-btn{
        background:#0da22c;
        margin-top:10px
    }
    span.navbar-toggler-icon{
        height:40px;
        width:45px
    }
    a.navbar-brand img{
        width:180px
    }
    .banner-main-box>figure img{
        height:395px
    }
    .banner-top-inner{
        padding-top:50px
    }
    .out-players .download-app-R{
        margin-top:25px
    }
    .shape-6{
        display:none
    }
    .wrapper-video iframe{
        height:257px
    }
    .accordion-button::after{
        background-size:10px
    }
    .accordion-button:not(.collapsed)::after{
        background-position:bottom
    }
    .accordion-button{
        font-size:18px;
        padding:15px 20px
    }
    .accordion-button{
        font-size:14px;
        padding:15px 10px
    }
    .artboard-main-content h4,.artboard-main-head-L h4{
        font-size:18px
    }
    .artboard-main-head-R figure{
        width:100%;
        height:auto;
        position:relative
    }
    .artboard-main-head-R{
        width:80%
    }
    .download-app-R .common-heading h2{
        font-size:20px
    }
 
    .scroll-leader-chart-box{
        width:500px
    }
    .leader-chart-box.scroll-leader-chart{
        overflow:scroll
    }

    .form-control{    font-size: 13px;}
}
@media (max-width:480px){

    .item .slider-box-content {
        min-height: auto;}
    .banner-top-R figure img{
        width:100%
    }
    .banner-top-R{
        flex:0 0 25%
    }
    .banner-top-L h1{
        font-size:20px
    }
    .banner-top-L p{
        font-size:12px
    }
    .banner-main-box>figure img{
        height:300px
    }
    .banner-top-L p{
        font-size:12px;
        line-height:normal;
        padding:13px 0
    }
    .shape-1{
        display:none
    }
    .download-app-L{
        width:100%
    }
    .download-app .col-7.download-app-R{
        padding-left:15px;
        width:100%;
        text-align:center
    }
    .download-app .common-heading{
        margin-top:0;
        text-align:revert
    }
    .download-app-R span.Streekey-small-logo{
        margin:20px auto
    }
    .download-app-R .play-btn-app{
        justify-content:center;
        margin-top:18px!important
    }
    .download-app-L img{
        width:170px
    }
    .download-app.comm-space{
        padding-top:35px;
        padding-bottom:45px
    }
 
   
    .shape-2{
        display:none
    }
    .col-4.streeks-exp-box{
        width:100%;
        border-bottom:1px solid #dddddd61;
        padding-bottom:15px
    }
    .streeks-exp-box-head h4{
        font-size:16px
    }
    .comm-space{
        padding-top:35px;
        padding-bottom:30px
    }
    .col-md-4.footer-content{
        width:100%;
        margin-bottom:20px
    }
    .out-players .download-app-R span.Streekey-small-logo{
        margin:0;
        margin-right:16px
    }
    .leader-bored.comm-space{
        padding-top:30px
    }
    .common-heading h2 br{
        display:none
    }
    .up-heaading.pb-5{
        padding-bottom:12px!important
    }
    .leader-chart-box{
        margin-top:15px
    }
    .col-md-3.footer-content{
        width:100%
    }
    .row.mt-4.pt-2.bottom-content .col-8.text-center.m-auto{
        width:100%
    }
    .bottom-content p{
        font-size:14px
    }
    .row.mt-4.pt-2.bottom-content{
        margin-top:10px!important
    }
    .download-app-R .common-heading h2{
        font-size:26px
    }

    .contact-us-left {
        padding: 35px 20px 20px;
    }

    .contact-us-right {
        padding: 0px 20px 50px;
    }

    .contact-info-list li{    margin-bottom: 15px;}

    .contact-us-left p{    font-size: 14px;}

    .contact-info-list li a {
        font-size: 14px;}

        .contact-us-right   .combine-group .mb-3 {
            width: 100%;
        }

        .contact-us-right .combine-group{    flex-direction: column;}

        .out-team .col-3 {
            width: 100%;
            margin-bottom: 25px;
        }
   
}