* {
    margin: 0px;
    padding: 0px;
}

@media screen and (max-width:992px) {
    .mh-3 {
        float: left;
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 2vw;
        width: 31vw;
        height: 31vw;
        list-style: none;
    }

    .mh-box-3 {
        width: 70vw;
        margin: 0 auto;
        height: 154vw
    }
}

@media screen and (min-width:992px) and (max-width:2280px) {
    .mh-3 {
        float: left;
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 2vw;
        width: 13.5vw;
        height: 13.5vw;
        list-style: none;
    }

    .mh-box-3 {
        width: 70vw;
        margin: 0 auto;
        height: 38vw
    }
}

.mh-3 img {
    width: 100%;
    height: 75%
}

.mh-3 h4 {
    height: 25%;
    overflow: hidden
}