@media only screen and (min-width:920px){
.grid-lists .item{width:calc(33.33% - 20px);margin:10px}
.grid-lists .item .pic{width:80px;height:120px;border-radius:0 10px 10px 0}
.grid-lists .item .inside{width:calc(100% - 155px);padding:15px 20px 0 15px}
.grid-lists .item .inside .title{direction:ltr;margin-bottom:13px}
.grid-lists .item .inside .counter{padding:10px;background-color:rgba(255, 255, 255, 0.05);width:200px;max-width:100%}
.grid-lists .item .inside .counter:before{display:none}
.grid-lists .item .inside .counter .itemx{width:25%}
.grid-lists .item .inside .counter .itemx .label{margin-top:5px;opacity:.8}
.grid-lists .item .inside .counter .itemx:before{content:":";left:0;top:0;color:var(--color2);position:absolute}
.grid-lists .item .inside .counter .itemx:first-child:before{display:none}
.grid-lists .item .inside .counter .itemx.day{color:#e1b42c}
.grid-lists .item .iconx{transition-duration:0.7s;width:50px;height:50px;left:20px;bottom:calc(50% - 25px)}
.grid-lists .item .iconx i{position:relative;z-index:100;margin:auto}
.grid-lists .item:hover .iconx:before{background-color:var(--color);border-radius:50%;content:"";right:0;width:100%;z-index:10;position:absolute;top:0;height:100%;z-index:0;pointer-events:none;-webkit-animation:sonarWave 2s linear infinite;animation:sonarWave 2s linear infinite}
.grid-lists .item:hover .inside .title{color:var(--color2)}
}