.customL{
    flex-wrap: wrap;
}

.custom{
    display: block;
    width: 23.5%;
    height: 205px;
    box-sizing: border-box;
    border: 18px solid #F7F8F9;
    margin-right: 2%;
    margin-bottom: 2%;
    transition: all .2s;
}

.custom:hover{
    border-width: 0;
}

.custom .cover{
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}

.custom:nth-child(4n){
    margin-right: 0;
}

.custom img{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1400px){
    .custom{
        border-width: 10px;
        height: 165px;
    }
}

@media screen and (max-width: 998px){
    .custom{
        width: 32%;
        height: 205px;
    }

    .custom:nth-child(4n){
        margin-right: 2%;
    }

    .custom:nth-child(3n){
        margin-right: 0;
    }
}

@media screen and (max-width: 768px){
    .custom{
        width: calc(97% / 3);
        height: 145px;
        margin-right: 1% !important;
        margin-bottom: 1%;
    }
}

@media screen and (max-width: 540px){
    .custom{
        width: calc(97% / 2);
        border-width: 7px;
    }
}

@media screen and (max-width: 500px){
    .custom{
        height: 125px;
    }
}