.navbar-default .navbar-brand .dark{display: inline-block;}
.navbar-default .navbar-brand .light{display: none;}
.bg-blue h1
{
  color: #1565c0 !important;
  margin-top: 0;
}
.bg-blue{
  padding-top: 0;
}
.bracket-view.hide_991{
  width: 100%;
  overflow: auto;
  padding-top: 100px;
}
.info-block h4
{
  text-align: center;
}
.margin-left-2em
{
    margin-left: 2em;
}
@media only screen and (max-width: 1200px) {
  
}

@media only screen and (max-width: 1024px) {
  .result-info-block h6
  {
    font-family: Lato-Bold;
      background: #1d89e4;
      color: white;
      border-radius: 50%;
      font-size: 1em;
      padding-top: 10px;
      margin-top: 1px;
      width: 40px;
      text-align: center;
      height: 40px;
      display: inline-block;
  }
  .result-info-block h6 br {
  display: none;
  }
  .margin-left-2em
    {
        margin-left: 0em;
    }
}
@media only screen and (max-width: 991px) {
	.bg-blue{background: none;padding-left: 20px;}
	.bg-blue h1{color:#1565c0}
	hr.white-border{border-top:4px solid #1565c0;}
  .msg-view p
  {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .bg-blue h1{text-align: center;font-size: 24px;line-height: 32px;}
  .bg-blue{padding:0;}
  .progressive4{margin-top: 85px;}
  .msg-view{margin-bottom: 25px;}
  .progressive8{margin-top: 0}
  .info-block p,.info-block h5,.info-block h4,.case-study-msg p{text-align: center}
  .info-block h5,.info-block h4{font-size: 18px; margin-top: 10px;}
  .result-info-block p{text-align: left;}
  .msg-view p{font-size: 14px;text-align: center}
  .msg-view h5{font-size: 13px;margin:0;}
  .info-block p{line-height: 25px;}
  .info-block .msg-view p
  {
    font-family: Lato-LightItalic;
    color: #00bcd4;
    font-size: 14px;
    padding: 1em 0.5em 0;
    text-align: left;
    line-height: 20px;
  }
  .info-block .msg-view h5
  {
    font-family: Lato-LightItalic;
    padding: 1em 0.5em;
    color: #727272;
    line-height: 150%;
    text-align: left;
    margin: auto 0.5em;
  }
  .bg-blue br
  {
    display: none;
  }
  .webapps .info-block p strong
  {
    font-weight: normal;
  }
  .info-block h4
  {
    line-height: 25px;
    margin: auto 0.6em;
  }
  .detail-info-block h5,
  .result-info-block h5
  {
    font-weight: bold;
  }
  .webapps .info-block p
  {
    margin: auto 0.5em;
    font-size: 14px;
  }
  hr.blue-hr
  {
    margin: 0em 1.5em 0em 1em;
    text-align: left;
    float: left;
  }
}
.progressive8 .info-block p
{
    color: #727272;
}
@media (min-width: 767px) and (max-width: 992px) {
  hr.white-border,
  .webapps hr.blue-hr
  {
    display: none;
  }
}