@font-face {
  font-family: 'lemon-milk';
  src: url('../fonts/LEMONMILK-Regular.otf');
}
@media only screen and (min-width: 768px) and (max-width: 502px) {
    .navlogo{
        width: 16%;
      }
      .mainbanao-img-mbl{
        display: block !important;
      }
      
      .mainbanao-img-desk{
        display: none !important;
      }
      .desk-banaoaurkamao{
        display: none;
      }
       .mobile-banaoaurkamao{
         display: block;
       }
}


@media only screen and (max-width: 502px) {
    .navlogo{
        width: 18%;
      }
      .tiktiok-banner-web{
        display: none;
      }
      .tiktiok-banner-mbl{
        display: block;
      }
      #countdown {
        position: relative;
        top: 5px !important;
         
      }
      #countdown li p{
        font-size: 10px !important;
      }
      #countdown li span {
        display: block;
        font-size: 17px !important;
        font-weight: 700;
        padding: 5px;
      }
      .slide1-desk{
        display: none !important;
      }
      .slide2-desk{
        display: none !important;
      }
      .slide3-desk{
        display: none !important;
      }
      .slide1-mbl{
        display: block !important;
      }
      .slide2-mbl{
        display: block !important;
      }
      .slide3-mbl{
        display: block !important;
      }
      .registernow{
          width: 100%;
          position: relative;
          top: 0px;
        text-align: center !important;
        margin-left: 20px;
      }
      .about-text{
        padding: 10px;
       }
       .main-navbar{
        background-image: linear-gradient(rgba(0, 0, 0,1), rgba(0, 0, 0, 0.3));
       }
       .nav-link{
              border: none;
       }
       .contact-btn{
         display: none;
       }
       .gallery{
        padding: 10px;
      }
      .team-desk{
        display: none ;
      }
      .team-mbl{
        display: block !important;
      }
      .nav-item a{
        padding: 20px !important;
      }
      .gallery-video{
        padding: 10px 0px !important;
      }
      .tik-tok-tournament{
        padding: 15px 0px;
      }
      .youtube-vedio{
        width: 100%;
        height: 100% !important;
      }
      .main-youtube-vedio{
        width: 100%;
        height: 100% !important;
      
      }
      .footer-overlay{
        position: relative;
        top: 185px !important;
      }
      .booknow-text p{
        color: white;
        font-size: 20px;
        text-align: center;
        padding: 5px 0px;
        font-weight: bold;
      }
      .booknow-text-belowline1{
        bottom:16px;
        width: 60%;
      }
      .booknow-text-belowline2{
        bottom:18px;
        width: 40%;
      }
    
      .ticktock-tournamnet-content{
        position: absolute;
        bottom: 5% !important;
        width: 100%;
      }
      .desk-banao-img{
        display: none;
        }
        .mbl-banao-img{
          display: block;
          }
          .more-button{
            width: 50%;
            position: absolute;
            bottom: 2%;
            right: 4%;
          }
          .termcondition-text{
            font-weight: bold;
            font-size: 11px !important;
            color: #FFBF2C;
          }
.button-text {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  padding: 7px !important;
  border: 0.1rem solid #fff;
  border-radius: 10px;
  text-transform: uppercase;
  animation: flicker 1.5s infinite alternate;     
}
#countdown li span {
  font-size: 25px;
   padding:20px 5px 5px 5px;
}
.button-text{
  position: relative;
  bottom: 10px;
}
.countdown-text{
  position: relative;
color: white;
top: 15px !important;
font-size: 13px;
}
.box h3{
  font-size: 15px;
    }
    .privacy-text-belowline1{
      bottom:16px;
      width: 50%;
    }
    .privacy-text-belowline2{
      bottom:18px;
      width: 30%;
    }
    .participate{
      margin: 30px 0px 0px 0px;
    }
    .participate-btn{
      padding: 10px 20px;
      border-radius: 30px;
      width: 100% !important;
      font-weight: bold;
      letter-spacing:0.1cm;
      font-size: 12px !important;
    }

    .mainbanao-img-mbl{
      display: block !important;
    }
    
    .mainbanao-img-desk{
      display: none !important;
    }
    .date{
      padding: 3px 5px 0px 40px !important;
    }
   
     .mobile-banaoaurkamao{
       display: block;
     }    
}