@media (max-width: 768px) {
  .header-section .header-menus {
    display: none;
  }

  .container {
    padding: 0 15px;
  }

  .navbar-section
    .navbar-light
    .navbar-nav
    :is(.nav-link.active, .show > .nav-link) {
    font-size: 12px;
  }

  .header-section h1 {
    font-size: 24px;
    margin: 15px 0;
  }

  .header-section .image-detail-section .top-bar :is(p, span),
  .header-section .image-detail-section .bottom-bar p {
    font-size: 12px;
  }

  .header-section .image-detail-section .top-bar .green-tick {
    width: 18px;
    height: 18px;
  }

  .header-section .image-detail-section .comparison-product {
    margin: 22px 0;
  }

  .header-section .image-detail-section .bottom-bar img {
    width: 16px;
    height: 16px;
  }

  .header-section
    .image-detail-section
    :is(.italic-description, .normal-description) {
    font-size: 16px;
  }

  .header-section .image-detail-section hr {
    margin: 30px 0;
  }

  .header-section .image-detail-section h2 {
    font-size: 20px;
    margin: 17px 0;
    line-height: 150.4%;
  }

  .header-section .image-detail-section .list-items {
    margin: 35px 0;
    gap: 35px;
  }

  .header-section .image-detail-section .platz-top-bar p {
    font-size: 16px;
  }

  .header-section .image-detail-section .platz-top-bar span {
    font-size: 24px;
  }

  .header-section .image-detail-section .platz-top-bar {
    gap: 20px;
    margin-bottom: 28px;
    margin-top: 40px;
  }

  .header-section .image-detail-section .bordered-section {
    padding: 30px 10px;
    margin: 25px 0;
  }

  .header-section .image-detail-section .bordered-section ul li {
    font-size: 16px;
  }

  .header-section .image-detail-section .bordered-section .title {
    margin-bottom: 25px;
  }

  .header-section .image-detail-section button:not(.submit-btn) {
    padding: 12px 13px;
    font-size: 14px;
    width: 100%;
    margin: 30px 0;
    margin-bottom: 10px;
  }
  .footer-upper-section .footer-inner-section .links-section{
    gap: 10px;
  }
}