@media screen and (max-width:991px){.recommend .item:not(:last-child){margin-bottom:50px}}.recommend h7{text-transform:uppercase}.recommend .image{width:100%;height:0;padding-bottom:60%;overflow:hidden;position:relative;margin-bottom:30px}.recommend .image img{display:block;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recommend .image a{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0}.recommend .image a:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0;background-color:rgba(0,0,0,.5);-webkit-pespective:1000px;-webkit-perspective:1000px;perspective:1000px;z-index:1}.recommend .image a:hover:before{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}.recommend .image a .read-more-text{line-height:45px;position:absolute;top:50%;left:50%;display:inline-block;padding:0 35px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate(-50%,-50%) rotateY(-90deg);transform:translate(-50%,-50%) rotateY(-90deg);white-space:nowrap;text-transform:uppercase;opacity:0;color:#fff;background-color:rgba(255,255,255,.5);-webkit-pespective:1000px;-webkit-perspective:1000px;perspective:1000px;z-index:2}.recommend .image a:hover .read-more-text{-webkit-transform:translate(-50%,-50%) rotateY(0);transform:translate(-50%,-50%) rotateY(0);opacity:1}@media only screen and (min-width:992px){.recommend .row{justify-content:space-between}.recommend .col-lg-4{max-width:370px}}