ul.fonts,
ul.fonts li{float: left; margin: 0px; padding:0px; list-style: none}
ul.fonts{width: calc(100% - 20px); padding: 10px;}
ul.fonts li{ width:calc(100% - 2px); border: #D5D5D5 1px solid; margin-bottom: 20px; position: relative;}
ul.fonts li a{float: left; text-decoration: none; }
ul.fonts li div{float: left; width: 100%;}
ul.fonts li div.ads{width: calc(100% - 20px); padding: 10px; }
ul.fonts li div.top{background-color: #F4F4F4; padding: 10px; width: calc(100% - 20px);border-bottom: #D5D5D5 1px solid;}
ul.fonts li div h3{float: left; margin: 0px; font-size:16px; line-height: 25px;}
ul.fonts li div h3 a{margin-right:10px;}
ul.fonts li div h3 font{float:left; font-size:13px;color: #656565;  font-weight: normal;}
ul.fonts li div span{ float:right;}
ul.fonts li div span a{background: url(images/icon-1.png) right no-repeat; padding-right: 10px; margin-right: 5px;}
ul.fonts li a.img{ overflow: hidden; padding: 20px 10px 10px 10px; min-height: 60px;}
ul.fonts li a.img img{width: 100%;}

ul.fonts li label{color: #787878; float:right; width: calc(100% - 10px); text-align: right; padding: 0px 10px 10px 0;}
ul.fonts li button{ cursor: pointer; border: #195E8F 1px solid;padding: 8px 10px 8px 40px; 
background: #258AD0 url(images/icon-download.png) 10px 5px no-repeat;background-size: 24px 24px;border-radius:4px;
 color:white;font-size:14px; font-weight: bold; clear: both; float:right; margin: 0px 10px 5px 0;}
ul.fonts li button:hover{background-color: #F32005; border-color: #B11904;}
ul.fonts li:hover{border-color: #F32005;}

@media screen and (max-width:350px){	
	ul.fonts li label{
		margin:0px 0 10px 10px !important; width:100%;
	}
}
@media screen and (max-width:900px){
	ul.fonts li div span a{	font-size:14px;	}
	ul.fonts li div span{width: 100%; margin-top: 6px;}
	ul.fonts li label{margin-top: 25px; position: static;}
	ul.fonts li a.img{ min-height: 50px;}
	ul.fonts li a.img img{min-height: 50px;}
	ul.fonts li button{position: static; margin: 10px;	clear:both;}

}