@media (max-width: 575.98px) {

  .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 700;
    font-family: "Field Gothic TEST No.73 Med Wide";
    text-transform: uppercase;
    color: var(---theme-black-color);
  }

  .search-box {
    width: 85%;
    text-align: center;
    padding: 10px 10px;
  }

  .hero-img img {
    width: 100%;
    height: auto;
  }

  .header-top-bg {
    height: 945px;
  }


  .hero-title {
    font-size: 58px;
    font-weight: 900;
    font-family: "Field Gothic TEST No.44 Demi Cond";
    color: var(---theme-primary-color);
    margin-bottom: 20px;
    line-height: 1;
  }

  .hero-text {
    font-size: 20px;

    max-width: 500px;
  }

  .three-block {
    margin-bottom: 30px;
  }

  .common-padding {
    padding: 40px 0 0;
  }

  .marquee .marquee-content span {
    font-size: 30px;

    /* line-height: 50px; */
    margin: 0 40px;

  }

  .theme-title {
    font-size: 36px;

  }

  .marquee-content span::after {
    font-size: 10px;
    top: 14px;
  }

  .slider-btns .swiper-button-prev,
  .slider-btns .swiper-button-next {
    width: 38px;
    height: 38px;

  }

  .slider-btns .swiper-button-prev i,
  .slider-btns .swiper-button-next i {
    font-size: 20px;

  }

  .img-block-left {
    margin-bottom: 30px;
  }

  .main-slider {
    margin: 0 auto;
  }

  .main-slider .main-slider-block .main-slider-img img {
    border-radius: 22px;
    border: 2px solid var(---theme-primary-color);
    width: 98%;
    height: auto;
    object-fit: cover;
  }

  .cta-content .cta-text {
    font-size: 16px;
    margin: 10px 0 20px;
  }

  .cta-content .cta-title {
    font-size: 40px;
  }

  .trending-slider .swiper-slide {
    padding: 0;
    background-color: #ffffff;
    border-radius: 16px;
  }

  .trending-slider .swiper-slide .main-slider-block img {
    text-align: center;
    margin: 0 auto;
  }

  .trending-btn-block {
    margin-top: 20px;
  }

  .logos-section {
    padding: 60px 0 60px;
  }

  .slider-btn-pc {
    text-align: start;
  }


  .kits-slider .main-slider-block .main-slider-img img {
    border-radius: 22px;
    border: 2px solid var(---theme-primary-color);
    width: 96%;
    height: auto;
    object-fit: cover;
  }



  .discover-img {
    margin-bottom: 30px;
  }

  .discover-img-txt h6 {
    font-size: 14px;
  }

  .discover-title {
    font-size: 60px;
    font-weight: 900;
    font-family: "Field Gothic TEST No.44 Demi Cond";
    color: var(---theme-primary-color);
    margin-bottom: 10px;
    line-height: 53px;
  }

  .discover-text {
    margin-bottom: 20px;
  }

  .pc-section {
    padding-bottom: 348px;
  }



  .pc-slider .swiper-slide .pc-img {
    width: 99%;
  }

  .footer-top {
    position: absolute;
    background-color: var(---theme-white-color);
    border: 2px solid var(---theme-primary-color);
    border-radius: 16px;
    bottom: 76%;
    left: 52%;
    transform: translateX(-50%);
    width: 93%;
  }

  .footer-top-title {
    font-size: 40px;
  }

  .cnt-control {
    margin-bottom: 20px;
  }

  .footer-main {
    padding-top: 80px;
  }

  .cnt-txt {
    font-size: 15px;
  }

  .header-main {
    margin: 30px 0;
    position: relative;
    z-index: 11;
    background: #f0f0f0a8;
    border-radius: 16px;
  }

  .trading-img-wpr img {
    margin-bottom: 30px;
  }

  .trending-slider .swiper-slide {
    height: auto;
    border-radius: 16px;
  }

  .trending-slider .swiper-slide .main-slider-text {
    padding: 40px;
  }

  .kits-slider {
    margin-bottom: 50px;
    margin-top: 50px;
  }


  .pc-section {
    padding-bottom: 467px;

  }

  .footer-top-cnt {
    padding-bottom: 0;
  }

}