/*-------------------------------------------------------------- 
# Reposnive css 
--------------------------------------------------------------*/
@media (max-width: 1499px) {
    .hero_sec {
        background-position: left;
    }
    section.green_box_sec {
        padding: 0px 4%;
    }
    .bit_box1 {
        bottom: 70%;
    }
}
@media(max-width: 1280px){
    .counter_box h4 {
        font-size: 32px;
        line-height: 33px;
    }
    .head_top h2 {
        font-size: 34px;
        line-height: 34px;
    }
    .game_left {
        transform: translate(-33%, -50%);
    }
    .game_right {
        transform: translate(33%, -50%);
    }
    :root{
        --p200: 200px;
        --p100: 80px;
        --p40: 40px;
        --p60: 60px;
        --p80: 60px;
    }
    .hero_content h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .live_box h3 {
        font-size: 18px;
    }
    .owl-nav button.owl-prev {
        right: -10px !important;
    }
    .owl-nav button.owl-next {
        left: -10px !important;
    }
    ul.header_menu {
        grid-gap: 24px;
    }
    .banner_head h2 {
        font-size: 50px;
    }
}
@media(max-width: 1024px){
    section.green_box_sec {
        padding: 0px 15px;
    }
    .game_sec {
        grid-gap: 24px;
    }
    .ballstreet_left h2,.about_right h2 {
        font-size: 34px;
        line-height: 34px;
    }
    .hero_content h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .hero_sec {
        background-position: center;
    }
    .banner_head h2 {
        font-size: 45px;
    }
}
@media(min-width: 801px){
    .menu_toggle{
        display: none;
    }
}
@media(max-width: 991px){
    .live_inner > div {
        width: calc(100% / 2 - 16px);
    }
    .ballstreet_left h2,.about_right h2 {
        font-size: 32px;
        line-height: 32px;
    }
    :root {
        --p200: 200px;
        --p100: 60px;
        --p40: 40px;
        --p60: 40px;
        --p80: 60px;
    }
     .hero_content h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .hero_content p {
        font-size: 20px;
    }
     .banner_head h2 {
        font-size: 40px;
    }
    .privacy_content  h2 { font-size: 1.35rem; }
   .privacy_content   h3 { font-size: 1.1rem; }
    .privacy_content  ul { margin-left: var(--spacing); }
}
 @media (max-width: 767px) {
    .privacy_content  h1 { font-size: 1.5rem; }
    .privacy_content  h2 { font-size: 1.2rem; }
    .privacy_content ul {font-size: 0.95rem;margin-left: 0px;padding-left: 20px;}
    .privacy_content  .legal-warning { font-size: 0.95rem; }
}
@media(max-width: 800px){
    .about_grid,.ballstreet_grid,.game_sec,.download_inner{
        grid-template-columns:repeat(1,1fr);
        display: grid;
    }
    .inner_grid {
        flex-flow: wrap;
    }
     .live_inner > div {
        width:100%;
    }
    .ballstreet_left h2,.about_right h2 {
        font-size: 32px;
        line-height: 36px;
    }
    .hero_content h1 {
        font-size: 36px;
        line-height: 42px;
    }
     .head_top h2 {
        font-size: 32px;
        line-height: 32px;
    }
    .hero_content h4 {
        font-size: 28px;
    }
    .hero_sec {
        min-height: 622px;
    }
    section.green_box_sec {
        margin-top: -50px;
    }
    .header_sec .header_menu {
        position: fixed;
        width: 100%;
        top: 85px;
        left: 0px;
        margin: 0px !important;
        padding: 10px 0px 20px;
        z-index:99;
        background-color:var(--white) !important;
    }
    .header_sec ul li a{
        border-bottom: 1px solid rgba(0,0,0,0.2);
        color:var(--black) !important;
        background-color:var(--white) !important;
        width: 100%;
        padding: 8px 15px;
    }
    .header_sec  ul > li:last-child > a{
        border-bottom: unset;
    }
    .header_logo img {
         height: 70px !important;
    }
    .header_sec.sticky .header_logo img {
        height: 70px !important;
    } 
    .header_sec ul.header_menu {
        display: grid;
        grid-gap: 0px;
        padding: 10px 0px;
        transform: scaleY(0);
        transform-origin: top;
        transition:all 0.4s;
    }
    .header_sec ul.header_menu.active{
         transform: scaleY(1);
    }
   .header_sec ul.header_menu li a {
        color: var(--black);
    }
    .accordion-body p {
        font-size: 16px;
    }
     .banner_head h2 {
        font-size: 35px;
    }
}
@media(max-width: 680px){
     .inner_grid > div {
        width: 100% !important;
        display: grid;
    }
    .inner_grid > div {
        width: 100% !important;
        display: grid;
        justify-content: center;
    }
    .inner_box img {
        margin: 0px auto;
    }
    .footer_bottom {
        flex-flow: wrap;
        justify-content: center;
    }
    .footer_top {
        justify-content: center;
    }
    .accordion-header {
        font-size: 18px;
    }
    .grid_box h3 {
        font-size: 20px;
    }
    .bit_box1 {
        max-width: 100px;
    }
    .trophy_box img {
        max-width: 120px;
    }
    .bit_box3 {
        max-width: 90px;
    }
    .bit_box2 {
        left: unset;
        right: 30px;
    }
    .hero_content h4 {
        font-size: 24px;
    }
    .ballstreet_right {
        padding: 30px 15px;
    }
    .game_bottom {
        padding: 30px 15px;
    }
    .hero_content .app_flex {
        margin-top: 30px;
    }
    .bit_box1 {
        max-width: 75px;
    }
    .bit_box3 {
        max-width: 70px;
    }
    .bit_box2 {
        max-width: 75px;
    }
      .banner_head h2 {
        font-size: 30px;
    }
    .privacy_content li {
        margin-bottom: 10px;
    }
}