.mainpage_cats {
    margin-left: -10px;
    overflow: auto;
}


.mainpage_cat {
    float: left;
    width: 250px;
    height: 250px;
    text-align: center;
    border: 1px solid #ddd;
    margin-left:10px;
    margin-bottom:10px;
}

.mainpage_cat_inner {
    padding: 10px;
}

.mainpage_cat__photo {

    width: 210px;
}

.mainpage_cat__name,
.mainpage_cat__name:visited{
    text-decoration: none;
    color: #000;

}

@media all and (max-width: 800px) {
    .mainpage__title {
        display: none;
    }

    .mainpage_cats {
        margin: 0;
        overflow: initial;
    }

    .mainpage_cat {
        width: 100%;
        height: auto;
        float: none;
        margin-left: 0;
    }

    .mainpage_cat_inner {

    }

    .mainpage_cat__photo {
        display: block;
        margin: 7px auto;
    }
}