@media (min-width: 900px) and (max-width: 1440px) {
      .nav-icons a {
          font-size: 11px !important;
      }

      .blue-header {
        background: #FF8500  !important;
      }
  }

  @media (min-width: 1000px) and (max-width: 1200px) {
      .nav-icons a {
          font-size: 13px;
      }
  }

  @media (min-width: 300px) and (max-width: 1030px) {

      .header-logos img {
          height: 80px;
      }

      .innovation-img {
          width: 100%;
      }
  }

  @media (min-width: 600px) and (max-width: 700px) {
      .header-text {
          font-size: 14px !important;
      }

      .top-title {
          font-size: 22px !important;
      }

      .header-logos img {
          height: 60px;
      }

      .nav-link.dropdown-toggle {
          font-weight: 700;
      }
  }

  @media (min-width: 300px) and (max-width: 600px) {
      h1 {
          font-size: 40px !important;
      }

      .top-title {
          font-size: 14px !important;
      }

      .header-text {
          font-size: 16px !important;
      }

      .header-logos img {
          height: 55px;
      }

      .sec-padding {
          padding: 50px 10px;
      }

      .innovation-img {
          width: 100%;
      }

      #tabScrollContainer::-webkit-scrollbar {
          display: none;
      }

      #tabScrollContainer {
          -ms-overflow-style: none;
          scrollbar-width: none;
      }

      #tabScrollContainer .list-group-item.active {
          border: 2px solid var(--group-list-item) !important;
          border-radius: 0px !important;
          padding: 5px;
      }

      #tabScrollContainer .list-group-item {
          padding: 5px;
      }
  }

  @media (min-width: 300px) and (max-width: 400px) {
      .header-text {
          font-size: 12px !important;
      }

      .top-title {
          font-size: 10px !important;
      }

      .header-logos img {
          height: 40px;
      }
  }