
.work  header.ana {
  background-image: url("../img/ana-hero.jpg"/*tpa=http://www.creativeworks.com.hk/img/ana-hero.jpg*/);

}

.work #intro p {
 margin-bottom: 0;
}

.work .ana section img {
  width: 90%;
}

.work .ana section#card img {
  width: 50%;
  transform: translate3d(-20%, -40%, 0);
  -webkit-transform: translate3d(-20%, -40%, 0);
  opacity: 0;
}

.work .ana section#card img:nth-child(2){
  transform: translate3d(20%, -40%, 0);
  -webkit-transform: translate3d(20%, -40%, 0);
  margin-top: -120px;
  
}

/*
.work .ana section#card img.show {
  opacity: 1;
  transform: translate3d(-20%, 0, 0);
  -webkit-transform: translate3d(-20%, 0, 0);
  -webkit-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in;
}

.work .ana section#card img.show:nth-child(2) {
  transform: translate3d(20%, 0, 0);
  -webkit-transform: translate3d(20%, 0, 0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
*/
.work .ana #sliderbar-1 {

  background-image: url("../img/ana-temple.jpg"/*tpa=http://www.creativeworks.com.hk/img/ana-temple.jpg*/);
}

.work .ana .siteshow {
  background-image: url("../img/ana-fuji.jpg"/*tpa=http://www.creativeworks.com.hk/img/ana-fuji.jpg*/);
  height: auto;
  min-height: initial;
}

.work .ana .siteshow .image-content {
  margin-bottom: 50px;
}

.work footer.ana {
     background-image: url("../img/ste-hero-dark.jpg"/*tpa=http://www.creativeworks.com.hk/img/ste-hero-dark.jpg*/);
}

@media (min-width: 601px) and (max-width: 770px){
    .work .ana section#card img:nth-child(2){
  margin-top: -180px;
  }
}

@media (min-width: 771px) (max-width: 1200px){
    .work .ana section#card img:nth-child(2){
  margin-top: -250px;
  }
}

@media only screen and (min-width: 1201px) {
    .work .ana section#card img:nth-child(2){
  margin-top: -340px;
  }
}
