
.main_houses {
    display: flex;
    flex-wrap: wrap;
}

.main_houses__it {
    width: 25%;
    max-width: 260px;
    max-height: 240px;
    display: block;
    color: #fff;
}

.main_houses__it_n {
    display: block;
    margin: 0 10px 10px 0;
}

.main_houses__imgf {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    height: 140px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.main_houses__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-style: none;
    position: absolute;
    box-sizing: border-box;
}

.main_houses__no_img {
    width: 100%;
    height: 140px;
    background-color: #3D8FB5;
}

.main_houses__name {
    color: #000;
    font-weight: bold;
    padding: 7px 5px 13px 0;
}

.eyev-colors-wonb .main_houses__name {
    color: #fff;
}


@media only screen and (max-width: 960px) {

    .main_houses__it {
        width: 33.3%
    }

}


@media only screen and (max-width: 560px) {
    .main_houses__it {
        width: 50%;
    }
}


@media only screen and (max-width: 400px) {
    .main_houses__it {
        width: 100%;
    }
}