@media (min-width: 1600px) {
  .nav > li > a {
    padding: 10px;
  }
}

@media (max-width: 1400px) {
  .nav > li > a {
    padding: 10px 10px !important;
  }

  p {
    font-size: 14px;
    line-height: 24px;
  }

  .logo-slogan {
    font-size: 0.8rem;
  }
}

@media (max-width: 1200px) {
  .logo-slogan {
    font-size: 0.75rem;
  }
}

@media (max-width: 950px) {
  .logo-slogan {
    font-size: 1rem;
  }

  .container {
    width: 100%;
  }

  img,
  svg {
    width: 100%;
  }

  .navbar-brand {
    font-size: 14px;
  }

  ul.tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: auto;
  }

  ul.tabs li {
    width: fit-content;
    text-wrap: nowrap;
    margin-right: 10px;
  }

  #portfolio {
    padding: 30px 0;
  }

  footer h6 {
    margin-top: 20px;
  }

  footer .mt-5 {
    margin-top: 0 !important;
  }

  #footer ul > li {
    display: inline-block !important;
  }

  .inner-banner {
    background-size: cover !important;
    margin-bottom: 35px;
  }

  .inner-banner .row {
    padding: 62px 0;
  }

  .inner-banner h1 {
    font-size: 26px;
    margin-bottom: 35px;
    line-height: 38px;
  }

  .column-title {
    font-size: 18px;
    line-height: 28px;
  }

  .npy {
    padding: 30px 0 30px 0;
  }

  #about {
    padding: 30px 0;
  }

  .section-header .section-title {
    font-size: 18px;
  }

  .whych ul:last-child {
    margin-left: 0;
  }
}

@media (max-width: 650px) {
  .logo-slogan {
    font-size: 0.7rem;
  }

  .slideshow {
    height: 350px;
  }

  .slideshow .item {
    height: 350px;
  }

  .slideshow .item img {
    height: 350px;
  }

  .slideshow .item.slick-active img {
    height: 350px;
  }

  .navbar-brand img {
    width: 68px !important;
    padding: 8px 0;
  }

  #tree #founder .big-title,
  #tree #other-partners .big-title {
    font-size: .7em;
   
  }

  #tree .short-title {
    font-size: 0.5em;
  }
}