@media screen and (max-width: 959px) and (min-width: 0) {
    html { font-size: 6px; }
  .navbar-default .navbar-nav > li > a {
        padding-left: 0;

    }
    .navbar-default .navbar-nav {
      margin:0;
    }
    .company-desc {
      flex-basis: 540px;
    }
    .concat-info {
      width: 470px;
    }
    .ci-item {
      flex-basis: 210px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 960px) {
    html { font-size: 8px; }
  .navbar-default .container-fluid .navbar-brand {
    margin-left: 0;
  }
    .navbar-default .navbar-nav{
      margin-left: 3%;
      margin-right: 8%;
    }
    .company-desc {
      flex-basis: 640px;
    }
    .concat-info {
      width: 570px;
    }
    .ci-item {
      flex-basis: 260px;
    }
}

@media screen and (min-width: 1200px) {
  html { font-size: 10px; }
  .navbar-default .container-fluid .navbar-brand {
    margin-left: 10%;
  }
    .navbar-default .navbar-nav{
      margin-left: 10%;
    }
    .company-desc {
      flex-basis: 720px;
    }
    .concat-info {
      width: 680px;
    }
    .ci-item {
      flex-basis: 310px;
    }
}