.FTTilesWrap{
    width: 100%;
    height: auto;
    display: table;
    border-spacing: 7px;
    table-layout: fixed;
    padding: 20px 0px;
    border-spacing: 10px 0px;
}
.FTTilesWrap a.FTTileLink{
    width: 33%;
    display: table-cell;
    vertical-align: top;
    background-color: #7697c0;
    border-radius: 2px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
}
a.FTTileLink:hover, a.FTTileLink:focus {
        color: #ffffff;
        background-color: rgb(109, 110, 112);
    }

.FTTile{}
.FTTileTitle{
    margin-bottom: 0 !important;
    color: #fff;
    font: 300 24px/40px Roboto,sans-serif;
    padding: 0px 10px;
    border-bottom: 1px dotted #ffffff;
    padding: 20px;
}
.FTTileTitle i{float: right;opacity:0;margin-right:100px;line-height:40px;transition: 0.3s;}
a.FTTileLink:hover .FTTileTitle i{float: right;opacity:9;margin-right:0px;}
.FTTileSummary{
    padding: 20px;
    font: 400 14px/18px Roboto,sans-serif;
}

/* Responsive mode */

@media screen and (max-width: 1300px) {}
@media screen and (max-width: 900px){}
@media screen and (max-width: 768px) {
    .FTTileTitle{font: 300 18px/40px Roboto,sans-serif;}
    
}
@media screen and (max-width: 736px){}
@media screen and (max-width: 485px) {
    .FTTilesWrap a.FTTileLink {width: 100%;display: block;margin-bottom: 10px;}
    .FTTileTitle i {opacity: 9;margin-right: 0;}
}
@media screen and (max-width: 360px) {}