.post-carousel { display: none; background-color: #EFEFEF;}
.post-carousel .carousel-set {position:relative; width: 98%; overflow: hidden;}
.post-carousel .carousel-set .h-back{ position: absolute; top: 70%; left: 0; width: 100%; height: 30%; background-color: #000; filter: alpha(opacity=50); -moz-opacity:0.50; -ms-filter: "alpha( opacity=50 )"; opacity:0.50; z-index: 300;}
.post-carousel .carousel-set .index { position: absolute; top: 75%; left: 0; padding: 0 10px; font-size: 10px; line-height: 1.2em; font-weight: bold; color: #FFF; text-align: justify; text-justify: inter-ideograph; z-index: 400;}
.post-carousel .carousel-set a { color: #FFF; text-decoration: none;}
.post-carousel .carousel-set a:hover.link img,a:hover img.link{ transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}

#slider-posts {width: 90%; max-width: 1080px; margin: 0 auto; padding: 20px  0;}

.slick-prev:before, .slick-next:before { color: #BBB; opacity: 0.6;}
.slick-prev:before,.slick-next:before{ font-size: 25px;}
.slick-prev {left: -35px;}
.slick-next {right: -27px;}

@media screen and (max-width: 979px) {
  #slider-posts {width: 90%;}
  .post-carousel .carousel-set .h-back{top: 70%; height: 30%;}
  .post-carousel .carousel-set .index { top: 75%;}

}


@media screen and (max-width: 768px) {
  #slider-posts {width: 90%;}
  .post-carousel .carousel-set .h-back, .post-carousel .carousel-set .index { display: none;}
}


@media screen and (max-width: 479px) {
  #slider-posts {width: 96%;}
  .post-carousel .carousel-set .h-back, .post-carousel .carousel-set .index { display: none;}
}