.classify-cnt {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}


.classify-cli {
    width: calc((100% - 40px)/4);
    margin: 5px;
    border: 1px solid #f0f0f0;
}

.classify-cli a {
    width: 100%;
}

.classify-cli a:hover {
    color: #e73b3b;
}

.classify-climg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    vertical-align: middle;
    padding: 5px;
}

.classify-climg img {
    width: 100%;
    height: auto;
}

.classify-cltxt {
    font-size: 16px;
    padding: 10px;
    text-align: center;
}


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

    .classify-cnt {
        padding: 25px 0;
    }

    .classify-cltxt {
        font-size: 14px;
        padding: 5px;
    }



}

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

    .classify-cnt {
        padding: .3rem 0;
    }

    .classify-cli {
        width: calc((100% - 20px) / 2);
    }


}