/* Filters */



/* Read Reviews (directory) sm and up screen size */
@media (min-width: 768px) {

}

/* Read Reviews (directory) md screen size only */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Read Reviews (directory) md and up screen size */
@media (min-width: 992px) {
}






.directory-card {
    display: flex;
    background: var(--card);
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 24px;
}

.directory-card-img {
    margin: 16px 0;
}

    .directory-card-img img {
        max-height: 88px;
        object-fit: contain;
        max-width: 80%;
    }

.directory-card-header > div > div {
    /* min-height: 24px; */
}

    .directory-card-header > div > div:nth-child(2) {
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
    }

.directory-card-body > div > div:nth-child(2) {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.directory-card-info {
    background: #EAF0F7;
}

    .directory-card-info p {
        padding: 4px 8px;
    }

    .directory-card-info > p:nth-child(even) {
        background: #fff;
    }

.contact-info {
    border-top: none;
}

.sales-contact > div > span:last-child {
    padding-right: 8px;
    word-break: break-word;
}


/* md and up screen size */
@media (min-width: 768px) {
    .directory-card-img img {
        max-width: 304px;
        width: 100%;
    }

    .directory-card-info > p:nth-child(even) {
        background: #EAF0F7;
    }
    .sales-contact > div {
        width: 33%;
    }
    .directory-footer > div > div > div:first-child {
        flex-grow: 1;
    }
    .directory-footer > div > div > div:last-child {
        max-width: 184px;
    }
}

/* lg and up screen size */
@media (min-width: 992px) {
    .directory-card-info > p:nth-child(even) {
        background: #fff;
    }

    .directory-card-body > div > div:nth-child(2) {
        border-right: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-top: none;
        border-bottom: none;
    }

    .directory-card-img {
        margin-top: 0;
    }
    .sales-contact > div {
        width: 100%;
    }
    .directory-footer > div > div > div:first-child {
        flex-grow: unset;
    }
    .directory-footer > div > div > div:last-child {
        max-width: none;
    }
}

/* xl and up screen size */
@media (min-width: 1200px) {
    .directory-card-info > p:nth-child(even) {
        background: #EAF0F7;
    }
}