@media(min-width:1024px) {
    .btn {
        display: none
    }

    
}

@media(max-width:1023px) {
    

body{
    background: url(../images/tutos/161.jpg) center no-repeat;
}


    video {
        
        display: none
    }

    
}
@media (max-width:1220px) {
    .tableTicket tr {
        display: flex;
        flex-wrap: wrap
    }

    .tableTicket tr td {
        width: 50%
    }
}



@media (max-width:1200px) {

    .wrapper {
        width: 1020px;
        padding: 0 25px;
        margin: 0 auto;
    }
    

  
    .mainHomeBlock>div {
        margin: 15px
    }

    .nav li a {
        padding: 0 25px
    }

    .tablePopup {
        right: auto;
        left: 0;
        top: calc(100% + 10px)
    }

    .drivers-img {
        justify-content: center
    }

    .drivers-img img {
        margin: 10px
    }

    .rankingTable td {
        padding: 15px 18px
    }

    .table-scroll {
        overflow-x: auto
    }


    .online {
        justify-content: center;
        position: absolute;
        bottom: 50px;
        transform: scale(85%);
        margin-left: 60px;
    }
            
    .mainHomeBlockindx {
        justify-content: center;

        width: 100%;
            }


 .facebook12 {
    width: 100%;
}           


.blockHome2 {
    width: 520px;
    justify-content: center;

  
    box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
    padding: 25px;
    transform: scale(1);

}
    .blockHome3 {
        
        justify-content: center;

      
        box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
        padding: 25px;
        width: 344px;
        margin-left: 5%;
        transform: scale(1);
        margin-bottom: 20px;
    }

    

    .sliderGallery .slick-list {
        padding: 20px 0;
        max-width: 960px;
        width: 100%;
        margin: 0 auto
    }    

    .sliderGallery .slick-arrow.slick-prev {
        background: url(../images/c-left.html) no-repeat;
        margin-left: 20%
    }
    
    .sliderGallery .slick-arrow.slick-prev:hover {
        background: url(../images/c-left-hover.html) no-repeat;
        margin-left: 19.3%
    }
    
    .sliderGallery .slick-arrow.slick-next {
        background: url(../images/c-right.png) no-repeat;
        margin-left: 77%
        
    }
    
    .sliderGallery .slick-arrow.slick-next:hover {
        background: url(../images/c-right-hover.png) no-repeat;
        margin-left: 76.3%
        
    }


    header {
        height: 550px;
        position: relative
    }

    .botoestop {
        display: block;
       position: absolute;
        left:63.5%;
       top: 60px;
       transform: scale(85%);
       
       }
    
       .logos {
  
 
       transform: scale(85%);
   }
       
   .online {

    justify-content: center;
    position: absolute;

    transform: scale(85%);


}
}





@media(max-width:1023px)
 {


    .botoestop {
        display: block;
       position: absolute;
        left:63.5%;
       top: 60px;
       transform: scale(85%);
       
       }
    
       .wrapper {
        width: 949px;
        padding: 0 25px;
        margin: 0 auto;
    }



       .topPanel {
        background: linear-gradient(rgba(12, 21, 29, 0.95), rgba(3, 7, 10, 0.904));
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
        height: 50px
    }

    .topPanel .topPanel-left {
        border-bottom: 0;
        transition: .3s;
        width: 320px;
        left: -320px;
        top: 0;
        position: fixed;
        height: 100%;
        background: linear-gradient(rgba(12, 21, 29, 0.95), rgba(3, 7, 10, 0.904));
        z-index: 11;
        display: block;
        padding-top: 140px
    }

    .topPanel .topPanel-left.active {
        left: 0
    }

    .topPanel-right {
        top: -5px;
        position: fixed;
        right: 15px
    }

    .logo-mini {
        display: block;
        margin-right: 15px;
        position: absolute;
        left: 20px;
        top: 20px
    }

    .topPanel-left {
        height: 100%
    }

    .nav {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    .nav li {
        display: block
    }

    .nav li a {
        padding: 30px 55px 30px 35px;
        height: auto;
        line-height: 1;
        font-size: 20px
    }

    .nav li ul {
        position: relative;
        left: auto;
        top: auto
    }

    .nav li ul li a {
        font-size: 18px
    }

    .nav .sub-menu a {
        padding: 30px 55px 30px 35px
    }

    .nav .sub-menu:before {
        top: 37px;
        margin-top: 0;
        right: 15px
    }

    .topPanel.topPanel-fixed .nav li {
        background: 0 0 !important
    }

    .rightBodyLinks a span {
        width: 40px;
        height: 40px;
        background-size: 40px 40px
    }

    .rightBodyLinks a span img {
        width: 28px;
        left: 8px;
        bottom: 7px
    }

    .botoestop {
        display: block;
       position: absolute;
        left:58.5%;
       top: -17px;
       transform: scale(70%);
       
       }
    
       .logos {
  
        background: url(../images/rulebreaker.png) no-repeat;
        width: 440px;
    height: 350px;
    display: block;
    font-size: 30px;
    position: absolute;
    transform: scale(100%);
    top: 100px;
    padding: 197px 0 0 440px;
    filter: brightness(140%);

   }
       
   .online {
    margin-left: 40px;
    bottom: 40px;
    position: absolute;
    transform: scale(70%);
}
.discord12 {
  display: none;
}


header {
    height: 400px;
    position: relative
}

    .mainHomeBlockindx {

        justify-content: center;
    
    }
       

.mainHomeBlockindx>div {
    display: block;
    justify-content: center;

}
   
    
    
     .facebook12 {
    width: 455px;
    height: 520px;
     
     }



     .blockHome2 {
        width: 495px;
        height: 650px;
        justify-content: center;
        box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
        padding: 20px;
        margin-top: 20px;
    
    
    }
  
  
     
 

    
}




@media(max-width:950px) {
    .wrapper {
        width: 580px;
        padding: 0 25px;
        margin: 0 auto;
    }

    .sparks {
        display: none;
    }

    .topPanel {
        background: linear-gradient(rgba(12, 21, 29, 0.95), rgba(3, 7, 10, 0.904));
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
        height: 50px
    }

.topPanel .topPanel-left {
    border-bottom: 0;
    transition: .3s;
    width: 320px;
    left: -320px;
    top: 0;
    position: fixed;
    height: 100%;
    background: linear-gradient(
        rgba(6, 25, 10, 0.95),  /* hijau gelap pekat */
        rgba(2, 10, 4, 0.92)    /* hitam kehijauan */
    );
    z-index: 11;
    display: block;
    padding-top: 140px;
}


    .topPanel .topPanel-left.active {
        left: 0
    }

    .topPanel-right {
        top: -5px;
        position: fixed;
        right: 15px
    }

    .logo-mini {
        display: block;
        margin-right: 15px;
        position: absolute;
        left: 20px;
        top: 20px
    }

    .topPanel-left {
        height: 100%
    }

    .nav {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    .nav li {
        display: block
    }

    .nav li a {
        padding: 30px 55px 30px 35px;
        height: auto;
        line-height: 1;
        font-size: 20px
    }

    .nav li ul {
        position: relative;
        left: auto;
        top: auto
    }

    .nav li ul li a {
        font-size: 18px
    }

    .nav .sub-menu a {
        padding: 30px 55px 30px 35px
    }

    .nav .sub-menu:before {
        top: 37px;
        margin-top: 0;
        right: 15px
    }

    .topPanel.topPanel-fixed .nav li {
        background: 0 0 !important
    }

    .rightBodyLinks a span {
        width: 40px;
        height: 40px;
        background-size: 40px 40px
    }

    .rightBodyLinks a span img {
        width: 28px;
        left: 8px;
        bottom: 7px
    }


    .topHomeBlocks {
        justify-content: center
    }

    .block-50 {
        width: 560px;
        margin-bottom: 15px
    }

    .bigSlider .slick-arrow.slick-prev {
        background: url(../images/slick-left-mobile.png) no-repeat
    }

    .bigSlider .slick-arrow.slick-next {
        background: url(../images/slick-right-mobile.png) no-repeat
    }

    .slideContent {
        height: auto
    }

    .slider-nav {
        margin-top: 0
    }

    .slideContent {
        padding: 120px 30px 70px 140px
    }

    .main {
        flex-wrap: wrap;
        margin-bottom: 50px
    }

    .content {
        width: 100%;
        order: 1;
        margin-bottom: 30px
    }

    aside {
        width: 100%;
        order: 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%
    }

    .mainRegister {
        flex-wrap: wrap
    }


    .blockHome2 {
        width: 525px;
        height: 650px;
        justify-content: center;
    
      
        box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
        padding: 35px;
        margin-top: 20px;
        
    
    
    }
        .blockHome3 {
            
            justify-content: center;
    
          
            box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
            padding: 20px;
            width: 334px;
            margin-left: -12.0%;

            transform: scale(100%);
            margin-bottom: 20px;
        }
    
        
        .discord12 {
            justify-content: center;
            height: 557px;
            width: 280px;
            margin-top: 50px;
            margin-left: -0%;
        }
                 
        .botoestop {
            display: inline;
           position: absolute;
           left:12.5%;
           top: 200px;
           transform: scale(70%);
           
           }
        
           .logos {
      
            background: url(../images/rulebreaker.png) no-repeat;
            width: 440px;
        height: 350px;
        display: block;
        font-size: 30px;
        position: absolute;
        transform: scale(100%);
        margin-left: -25px;
        top: 60px;
        padding: 197px 0 0 440px;
        filter: brightness(140%);
        transform: scale(80%)
    
       }
           
       .online {
        margin-left: 70px;
        bottom: 340px;
        position: absolute;
        transform: scale(55%);
    }
    .discord12 {
        width: 400px;

      }

      .footerMenu-block {
       display: none;
        
    }
    
header {
    height: 630px;
    position: relative
}

}




@media(max-width:580px) {

    .sparks,.sparks2 {
        display: none
    }
    .wrapper {
        width: 480px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .botoestop {

       position: absolute;
       left:3.5%;
       top: 200px;
       transform: scale(70%);
       
       }
    
       .logos {
    background: url(../images/rulebreaker.png) no-repeat;
    width: 440px;
    height: 350px;
    display: block;
    font-size: 30px;
    position: absolute;
    transform: scale(100%);
    margin-left: -75px;
    top: 60px;
    padding: 197px 0 0 440px;
    filter: brightness(140%);
    transform: scale(80%)

   }
       
   .online {
    margin-left: 25px;
    bottom: 340px;
    position: absolute;
    transform: scale(55%);
}
.discord12 {
    width: 400px;

  }

  .facebook12 {
    width: 100%;

}
  .blockHome2 {
    padding: 15px;
    width: 100%;
}



.newsSlider {
    width: 100%;
}




.newsBlock {
    width: 100%;
}


table {
    width: 100%;
    transform: scale(0.95);
margin-left: -11px;
}

table tr {
    background-color: #040b16
    
}

table td {
    border-collapse: collapse;
    padding: 10px 18px;
    border: 1px solid #1b1c20;
    color: #fff;
    font-size: 1px;
text-align: center;
}

table thead td {
    background-color: #041225;
text-align: left;
}

}

@media(max-width:480px) {

    header {
        height: 650px;
        position: relative
    }
    .logo12 {
        width: 100%;
 
}
   
          
.online {
    margin-left: 25px;
    bottom: 360px;
    position: absolute;
    transform: scale(55%);
}
    .wrapper {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
        justify-content: center;
}



  .newsSlider {
    width: 100%;
}

.download-button {
    
    transform: scale(auto);
}
table {
    width: 100%;
    transform: scale(0.95);
margin-left: -28px;
}

table tr {
    background-color: #040b16
    
}

table td {
    border-collapse: collapse;
    padding: 10px 18px;
    border: 1px solid #1b1c20;
    color: #fff;
    font-size: 1px;
text-align: center;
}

table thead td {
    background-color: #041225;
text-align: left;
}

}