ul.grid{margin:0;padding:0;}ul.grid li{height:auto;margin:0;padding:10px;}ul.grid li a.box-detail{height:130px;margin:0;padding:1px;display:block;background:#232323;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}ul.grid li a.box-detail .box-image{max-width: 50%;height:100%;margin:0;padding:0;float:left;}ul.grid li a.box-detail .box-image img{max-width: 100%;height:100%;}
ul.grid li a.box-detail .box-text{width:50%;height:100%;margin:0;padding:0;float:left;position:relative;}ul.grid li a.box-detail .box-text .text{width:100%;height:82px;margin:0;padding:8px;overflow:hidden;line-height:18px;word-wrap:break-word;}ul.grid li a.box-detail .box-text .text h5{color:#ebd500;line-height:18px;text-transform:uppercase;}
ul.grid li a.box-detail .box-text .text p{font-size:13px;}
ul.grid li a.box-detail .box-text .box-button{width:100%;height:38px;margin:0;padding:0 8px;position:absolute;bottom:0;left:0;}
ul.grid li a.box-detail:hover{-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}
@media (max-width:767px){ul.grid li a.box-detail{height:100px;}ul.grid li a.box-detail .box-text{max-width:48%;padding-top:4px;padding-bottom:4px;}ul.grid li a.box-detail .box-text .text{height:100%;padding-top:0;padding-bottom:0;} ul.grid li a.box-detail .box-button{display:none;}}@media (min-width:768px) and (max-width:991px){ul.grid li a.box-detail .box-text{max-width:48%;padding:10px 0;}ul.grid li a.box-detail .box-text .text{height:100%;padding-bottom:0;padding-top:0;} ul.grid li a.box-detail .box-button{display:none;}}@media (min-width:479px) and (max-width:767px){ul.grid li a.box-detail{height:100px;}ul.grid li a.box-detail .box-text{max-width:60%;padding-top:4px;padding-bottom:4px;}ul.grid li a.box-detail .box-text .text{height:100%;padding-top:0;padding-bottom:0;} ul.grid li a.box-detail .box-button{display:none;}}