/* ============================
   RESPONSIVE
============================ */
@media (max-width: 1100px){
  .products-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .elite-product-top{
    grid-template-columns: 1fr;
  }

  .elite-product-bottom{
    grid-template-columns: 1fr;
  }

  .elite-media-main img{
    height: 260px;
  }

  .hero-devices-inner{
    grid-template-columns: 1fr;
  }

  .hero-devices-preview{
    position: relative;
    top: auto;
    min-height: 260px;
  }

  .hero-devices-preview-img{
    min-height: 260px;
  }

  .mtb-showcase-grid{
    grid-template-columns: 1fr;
  }

  .elite-grid-4{
    grid-template-columns: repeat(2, 1fr);
  }

  .elite-why-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991px){
  .elite-hero-inner{
    flex-direction: column;
  }

  .elite-title{
    font-size: 42px;
  }

  .elite-grid-4{
    grid-template-columns: 1fr;
  }

  .elite-why-grid{
    grid-template-columns: 1fr;
  }

@media (max-width: 991px){
  .elite-plan-media{
    height: 220px;
  }
}

  .hero-home-bg.hero-streaming{
    padding: 34px 0 22px;
  }

  .hero-home-bg.hero-streaming .hero-wrapper{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .hero-home-bg.hero-streaming .hero-wrapper::after{
    height: 280px;
    border-radius: 22px;
  }

  body{
    background: #ffffff !important;
    color: #2c2c2c !important;
  }

  main,
  .elite-hero,
  .elite-hero-inner,
  .elite-hero-left,
  .elite-hero-right,
  .hero-home-bg,
  .hero-home-bg.hero-streaming,
  .hero-slide,
  .hero-slider-container,
  .elite-product,
  .elite-product-card{
    background: transparent !important;
  }

  .elite-nav{
    padding: 8px 0 !important;
  }

  .elite-logo{
    height: 40px !important;
  }

  .navbar-toggler{
    padding: 6px 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    background: rgba(255,255,255,.90) !important;
  }

  .elite-menu .nav-link{
    margin: 0 !important;
    padding: 10px 10px !important;
    border-radius: 14px !important;
  }

  .elite-right{
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    padding: 10px 0 2px !important;
  }

  .elite-support-btn,
  .elite-account-btn,
  .elite-lang,
  .elite-icon-btn{
    height: 40px !important;
  }
}

@media (max-width: 768px){
  .elite-banner-strip .lp-container img{
    height: 420px;
  }
}

@media (max-width: 640px){
  .products-grid{
    grid-template-columns: 1fr;
  }

  .device-card{
    grid-template-columns: 76px 1fr;
    padding: 14px;
  }

  .device-card img{
    width: 76px;
    height: 62px;
    border-radius: 16px;
  }
}
@media (max-width: 1199px){
  .mtb-sports-hero-card{
    grid-template-columns: 1fr;
  }

  .mtb-sports-visual{
    min-height: auto;
  }

  .mtb-sports-highlights-grid,
  .mtb-schedule-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px){
  .mtb-sports-hero-card{
    padding: 22px;
    border-radius: 24px;
  }

  .mtb-sports-title{
    font-size: 34px;
  }

  .mtb-sports-tagline{
    font-size: 18px;
  }

  .mtb-sports-visual{
    grid-template-columns: 1fr;
  }

  .mtb-sports-highlights-grid,
  .mtb-schedule-grid{
    grid-template-columns: 1fr;
  }

  .mtb-schedules-stage-inner{
    padding: 20px;
    border-radius: 24px;
  }

  .mtb-schedule-media{
    height: 210px;
  }
}

@media (max-width: 768px){
  .elite-check-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 768px){
  .elite-check-grid{
    grid-template-columns:1fr;
  }
}