.content-top {
    margin-bottom: 0;
}

.links-list {
    margin: 35px -10px 0;
}

.links-list li:nth-child(5n+1) {
    clear: left;
}

.links-list .item {
    width: 20%;
    padding: 0 10px;
}

.links-list a {
    max-width: 199px;
    margin: 0 auto 60px;
    border: 1px solid #E7E7E7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.links-list .pic {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.links-list a:hover .pic {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


/****************************  ****************************/

@media screen and (max-width: 1100px) {
    .links-list li:nth-child(5n+1) {
        clear: none;
    }
    .links-list li:nth-child(3n+1) {
        clear: left;
    }
    .links-list .item {
        width: calc((100% / 3) - 0.1px);
    }
}

@media screen and (max-width: 480px) {
    .links-list {
        margin: 0;
    }
    .links-list .item {
        width: 100%;
        padding: 0;
    }
}
