@media (max-width: 768px) {
.slide-content.mask .mask{text-align: center;}
.hero-slider .carousel-cell .slide-content .caption1 ,.hero-slider .carousel-cell .slide-content .caption2 ,.hero-slider .carousel-cell .slide-content .caption{
     text-align: center;
     font-size: 20px; 
}
.cards-head{overflow: visible;width: auto;height: auto;}

}