.top-header-lists .is-bg{height:100%;top:0;right:0}
.top-header-lists .main{width:400px}
.top-header-lists .search-lists{margin:100px 0}
.top-header-lists .search-lists .inputs .input{padding:11px 15px 11px 50px;border:0}
.top-header-lists .search-lists .inputs .sub{left:0;top:0;z-index:2;background:none;border:0;padding:15px}


.list-persons-box .entery{display:flex;flex-wrap:wrap}
.list-persons-box .entery .item{flex:1 0 16.66%;max-width:16.66%;padding:10px 10px 20px}
.list-persons-box .entery .pic{height:240px;margin-bottom:10px}
.list-persons-box .entery .item:hover .name a{color:var(--color)}



@media only screen and (max-width:1200px){
.list-persons-box .entery .pic{height:220px}
}
@media only screen and (max-width:1100px){
.list-persons-box .entery .pic{height:200px}
}
@media only screen and (max-width:1010px){
.list-persons-box .entery .item{flex:1 0 20%;max-width:20%}
}
@media only screen and (max-width:800px){
.list-persons-box .entery .item{flex:1 0 25%;max-width:25%}
.list-persons-box .entery .item .name{font-size:14px}
.list-persons-box .entery .item .status{font-size:12px}
}
@media only screen and (max-width:650px){
.list-persons-box .entery .item{flex:1 0 33.33%;max-width:33.33%}
}
@media only screen and (max-width:470px){
.list-persons-box .entery .item{flex:1 0 50%;max-width:50%;padding:10px}
}