.clin-spacer .container{max-width:1500px;}
#clinicalTitBg{
  background-color: #f5fcff;
  background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipelineTit1.png),
  url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec1.png),
  url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec2.png);

    background-repeat: no-repeat;
    background-position: top center,bottom left, bottom right;
    background-size:auto 100%,auto 100%, auto 100%;
  }

.clin-spacer{padding:80px 0;}

.clinical{
  border-collapse: collapse;
    width: 90%;
    height: 700px;
    margin: 0 auto;
}

.clinical.Eclinical{font-size: 14px;}
.clinicalTit{padding-bottom: 30px;font-size: 2em;}

  .clinicalTit::after{
    display: block;
    content: '';width:50px;height: 3px;background-color: #dd5858;
    margin: 0 auto;margin-top:10px;

  }
.tdNone{display: block;}
.tdBr{display: none;}

.clinical{border:#fff;font-size: 18px;}
.clinical tr td{border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom:1px solid #eee;}
.clinical tr td:first-child{border:#fff;}

.clinical tr td:last-child{border-right:#fff;}
/*.clinical tr:last-child td{border-bottom:#fff;}*/
.clinical tr:first-child{border-top:1px solid #444;border-bottom: 1px solid #eee;}
.clinical tr th{border-collapse:collapse;}

.clinical.Eclinical tr th{border-collapse:collapse;font-size:12px;}
.clinical tr:last-child td:first-child{border-bottom:1px solid #eee;}

.clinical tr td:nth-child(1),.clinical tr th:nth-child(1){width:40px;}
.clinical tr td:nth-child(2){width:15%;}
.clinical tr td:nth-child(3){width:15%;}



td img{width:30px;}
.bar{position: relative;}
.bar1::after,.bar2::after,.bar3::after,.bar4::after,.bar5::after,.bar6::after,.bar7::after{width:0;content: '';height: 32px;background: linear-gradient(to right, #ee7980,#4e92e5);
position: absolute;top:50%;margin-top:-16px;left: 0;}
.bar1::after{width:250%;animation-name: act1;animation-duration: 4s;}
.bar2::after{width:200%;animation-name: act2;animation-duration: 4s;}
.bar3::after{width:100%;animation-name: act3;animation-duration: 4s;}
.bar4::after{width:150%;animation-name: act4;animation-duration: 4s;}
.bar5::after{width:350%;animation-name: act5;animation-duration: 4s;}
.bar6::after{width:300%;animation-name: act6;animation-duration: 4s;}
.bar7::after{width:400%;animation-name: act7;animation-duration: 4s;}

@keyframes act1{0%{width:0;}
                100%{width:250%;}
              }
@keyframes act2{0%{width:0;}
                100%{width:200%;}
              }
@keyframes act3{0%{width:0;}
              100%{width:100%;}
              }
@keyframes act4{0%{width:0;}
              100%{width:150%;}
              }
@keyframes act5{0%{width:0;}
              100%{width:350%;}
              }
@keyframes act6{0%{width:0;}
              100%{width:300%;}
              }
@keyframes act7{0%{width:0;}
              100%{width:400%;}
              }

.wid{width:90px;}

@media (max-width:1500px){
  #clinicalTitBg{
      background-position: top center,-8% bottom , 120% bottom;
    }
}

@media (max-width:1200px){
  #clinicalTitBg{
      background-position: top center,-15% bottom , 155% bottom;
    }
}

@media (max-width:991px) {
  .clinical{font-size: 0.9em;width:95%;}
  td img{width:25px;}
  .wid{width:70px;}
  #clinicalTitBg{

    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipelineTit1.png),
    url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec1.png),
    url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec2.png);

}

.clin-spacer{padding:60px 0;}

.clinical.Eclinical,.clinical.Eclinical tr th{font-size: 9px;}
}

@media (max-width:800px){
  td img{display: none;}
  .clinical tr td:nth-child(1),.clinical tr th:nth-child(1){display:none;}
  .clinical tr td:nth-child(2){border-left: #fff;}
  .clinical{font-size: 14px;}

  #clinicalTitBg{
      background-position: top center,-38% bottom , 185% bottom;
    }
}
@media (max-width:700px){
.tdNone{display: none;}
.tdBr{display:block;}

#clinicalTitBg{
    background-position:top center, -38% bottom , 220% bottom;
  }
}

@media (max-width:600px){
  .wid{width:50px;}
  .clinical{font-size: 11.5px;height: 500px;}
  .clin-spacer .container{padding:0 5px 0 5px;}
  .clinicalTit{font-size: 1.4em;}

  #clinicalTitBg{
    background-image: url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipelineTit1.png),
    url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec3.png),
    url(http://glaceum.com/bizdemo122944/img/glaceum/img/pipeline/pipeline-dec4.png);

    background-position: top center,bottom left, bottom right;
    }

}
@media (max-width:500px){
  .clinical{font-size: 10px;width:100%;letter-spacing: -0.5px;}
  td.wid{max-width:80px;}

  .clinical tr td:nth-child(2){max-width:60px;width:60px;}
  .clinical tr td:nth-child(3){max-width:48px;width:48px;}
  .clinical tr td:nth-child(4){max-width: 50px !important;width:50px;}

  #clinicalTitBg{
      background-position: top center,-20% bottom , 130% bottom;
    }
}

@media (max-width:450px){

  .plus{padding-left: 2px;}
  th{font-weight: 400;}
  .clinical tr td.wid{max-width:36px;width:36px;}
}

@media (max-width:400px){
  .clinical{font-size: 9.5px;}
  .clinical tr td:nth-child(3),.clinical tr td:nth-child(2){max-width:45px !important;width:45px;}

  #clinicalTitBg{
      background-position: top center,-35% bottom , 160% bottom;
    }
}
@media (max-width:350px){
  #clinicalTitBg{
      background-position: top center,-45% bottom , 200% bottom;
    }
}