ul.card-list>li>a>div.note>h1,ul.card-list>li>a>div.note>h2,ul.card-list>li>a>div.note>h3{width:100%;margin:0;font-weight:400;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{overflow:hidden;height:auto;width:320px;float:left;padding:0;margin:0 28px 28px 0;display:inline-block;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer}ul.card-list>li:nth-child(4n){margin-right:0}ul.card-list>li>a>div.media{height:auto;width:auto;position:relative}ul.card-list>li>a>div.media>img{max-width:100%;height:auto;vertical-align:middle;display:block;opacity:1;backface-visibility:hidden;transition:.25s}ul.card-list>li>a>div.media>div.media-overlay{position:absolute;top:50%;left:50%;opacity:0;transition:.5s;text-align:center;transform:translate(-50%,-50%)}ul.card-list>li>a>div.media:hover>div.media-overlay{opacity:1}.coin{color:#000;font-size:14px;text-transform:uppercase;position:absolute;z-index:337;cursor:pointer;width:50px;height:50px;padding:5px;border-radius:60px;-webkit-border-radius:60px;text-align:center;line-height:35px;background-color:#fff;border:3px solid #ffc30b;box-shadow:0 2px 6px 0 rgba(10,10,20,.25)}.coin.big{width:56px;height:56px;padding:10px;line-height:16px}.coin.top{top:20px}.coin.bottom{bottom:20px}.coin.right{right:20px}.coin.left{left:20px}.coin.yellow{border:3px solid #ffc30b}.coin.green{border:3px solid #abca78}.coin.blue{border:3px solid #66d3fa}ul.card-list>li>a>div.note{overflow:hidden;padding:20px 10px;background-color:#f8f9fa!important}ul.card-list>li>a>div.note>h1{padding:0 10px;font-size:20px;line-height:26px}ul.card-list>li>a>div.note>h2{padding:5px 10px 0;font-size:18px;line-height:24px}ul.card-list>li>a>div.note>h3{padding:0 10px;font-size:16px;line-height:22px}ul.card-list>li>a>div.note>hr{margin:.5em 0}ul.card-list>li>a>div.note>h2>a>span{margin:0 6px}ul.card-list>li>a>div.note>i{margin-right:10px}@media only screen and (max-width:1600px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:308px;margin:0 16px 16px 0}}@media only screen and (max-width:1440px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:288px;margin:0 16px 16px 0}}@media only screen and (max-width:1280px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:247px;margin:0 12px 12px 0}}@media only screen and (max-width:1024px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:216px;margin:0 12px 12px 0}}@media only screen and (max-width:900px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:183px;margin:0 12px 12px 0}}@media only screen and (max-width:768px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:151px;margin:0 12px 12px 0}}@media only screen and (max-width:640px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:48%;margin:0 4% 4% 0}ul.card-list>li:nth-child(2n){margin-right:0}}@media only screen and (max-width:480px){ul.card-list{padding:0;margin:0;list-style-type:none}ul.card-list>li{width:100%;margin:0 0 4%}ul.card-list>li:nth-child(1n){margin-right:0}}