@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){
    .container{width: 100%; max-width: 100%; padding: 0px 15px;}
    .banner-main-box>figure img{
        height:530px
    }
    .banner-top-L h1{
        font-size:42px;
        line-height: normal;
    }
    .shape-1{
        bottom:auto;
        right:-170px
    }
    .comm-space{
        padding: 50px 0px;
    }
    .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:1081px){
ul.navbar-nav.me-auto.mb-2.mb-lg-0{width: 100%; margin: 0 !important; padding: 0px 15px;}
.navbar-expand-lg .navbar-toggler{display:block;}
.navbar-expand-lg .navbar-nav{flex-direction: column;}
.mob-view-btn{display: block !important;}
.mob-view-btn .header-btn-group{display: block;}
.header-btn-group a{width: 100%; margin-left: 0;}
.header-btn-group{display: none;}
a.brand-login.black-btn.header-btn{background: #0da22c; margin-top: 10px;}
.navbar-collapse.show{align-items: flex-start;}
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{font-size:12px; height:38px; width:80px}
.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-inner{padding-top: 110px;}
.download-app{margin-left: 15px; margin-right: 15px;}
.download-app-R{padding: 0px 0 15px 0px;}
.download-app-R .common-heading h2{font-size: 32px;}
.download-app-R p{font-size: 16px;}
.play-btn-app{display: flex; margin-top: 20px !important;}
.play-btn-app a{max-width: 170px;}
a.banner-btn{margin-top: 15px;}
.common-heading h3{font-size: 24px;}
.how-to-play{margin: 0px 15px;}
.how-to-play-R h2{font-size: 40px;}
.how-to-play-R h3{font-size: 24px;}
.row.how-to-play-content.mt-5{margin-top: 0 !important;}
.row.how-play-steps{margin-top: 50px;}
.ow-play-steps-content h4{font-size: 22px;}
.ow-play-steps-content figcaption p{font-size: 14px; line-height: 24px;}
.streeks-exp .common-heading p{font-size: 24px;}
.rating-mob-img-box{margin-top: 0;}
.streeks-exp.comm-space{padding-bottom: 0;}
.streeks-exp-box figcaption h4{font-size: 22px;}
.streeks-exp-box-head figure img{height: 130px;}
.streeks-exp-box-head{margin-top: -85px;}
.out-players{padding: 30px;}
.rating-logo-box .Streekey-small-logo{width: 90px; height: auto; margin-right: 15px;}
.rating-log-R h5{font-size: 24px; padding-bottom: 10px;}
.rating-list li i{font-size: 18px;}
.rating-list li{padding-right: 5px;}
.rating-log-R small{font-size: 14px;}
.play-btn-app.mt-4 a img{width: auto;}
.footer-top-content{padding-bottom: 40px; padding-top: 0;}
}


@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
    }
    .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:150px;
    }
    .leader-B-content-inner:last-child,.leader-list-title:last-child{
        width:195px
    }
    .leader-list-title h3{
        font-size:18px
    }
    .leader-B-list span{
        font-size:14px;
    }
    .leader-chart-box{
        padding:25px 0px;
    }
    .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:0px
    }
    .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:1023px){
.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-content-inner,.leader-list-title{border-right:1px solid #e3e3e3; padding:8px 15px;}
.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:#fff; 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;}
.download-app-R{padding: 30px;}
.download-app{padding-top: 0;}
.how-to-play-R h2{font-size: 28px;}
.how-to-play-R h3{font-size: 18px;}
.how-to-play.comm-space{padding: 30px 0px;}
.video-box{text-align: center;}
.video-box video{width: auto; height: 400px;}
.streeks-exp-box{padding: 15px;}
.streeks-exp .common-heading p{line-height: normal; font-size: 18px;}
.streeks-exp .common-heading{margin-bottom: 70px;}
.streeks-exp-box figcaption h4{font-size: 18px;}
.streeks-exp-box figcaption p{font-size: 14px; line-height: 24px;}
.video-box{margin-top: 30px;}
.row.how-play-steps .col-4{margin-top: 40px;}
.rating-logo-box .Streekey-small-logo{height: auto; width: 60px;}
.out-players .download-app-R{margin-top: 0;}
.row.rating-mob-img-box{margin-top: 0;}
}

@media (max-width:767px){
.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:165px}
.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:132px}
.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; align-items: center;}
.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:auto; height:auto; margin-right:16px}
.out-players .Streekey-small-logo img{width:35px}
.row.rating-mob-img-box{margin-top:0px;}
.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:105px;}
.out-players .download-app-R{margin-top:0px; padding: 0;}
.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;}
.banner-top-inner{flex-wrap: wrap;}
.banner-top-L{flex: 0 0 100%;}
.banner-top-R{flex: 0 0 100%;}
.common-heading h3{line-height: normal; font-size: 16px;}
.streeks-exp-list .col-4{width: 100%;}
.rating-log-R small{padding-top: 0; font-size: 13px;}

}

@media (max-width:480px){

    .item .slider-box-content {
        min-height: auto;}
    .banner-top-R figure img{
        width:100%
    }
    .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:0px;
    }
    .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:20px
    }

    .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;}
.banner-top-R{padding-left: 0;}
.banner-top-inner{padding-bottom: 0;}
.common-heading p{line-height: normal;}
.ow-play-steps-content{flex-wrap: wrap; text-align: center;}
.ow-play-steps-content figure{margin: auto;}
.ow-play-steps-content figcaption{padding-top: 15px;}
.out-players{margin-left:15px; margin-right: 15px;}
.rating-logo-box{flex-wrap: wrap;}
.Streekey-small-logo{margin: auto;}
.rating-log-R{width: 100%; flex: auto;}
.rating-text-box{flex-wrap: wrap; justify-content: center;}
.rating-log-R h5{text-align: center;}
.footer-top-content .col-md-3{margin-bottom: 15px;}
.footer-top-content .col-md-3:last-child{margin-bottom: 0;}

}