@media (max-width: 700px) {
    .contact-infos-area {
        display: block;
        width: 100%;
        margin: 0px -12px;
    }

    .contact-infos-area .contact-card {
        width: 100% !important;
        padding: 8px;
    }

    .contact-infos-area .contact-card .card-body {
        background-color: #ffffff;
        border-radius: 6px;
        box-shadow: 0px 0px 10px #e6e6e6;
        border: 1px solid #f0f0f0;
        overflow: hidden;
        padding: 15px;
        position: relative;
        height: 110px;
        display: flex;
        flex-flow: column;
        width: auto;
    }

    .contact-infos-area .contact-card .card-body .icon-area {
        position: absolute;
        color: #ececec;
        opacity: 0.5;
        top: 20px;
        right: 20px;
        font-size: 40px;
    }

    .contact-infos-area .contact-card .card-body .title-card {

    }

    .contact-infos-area .contact-card .card-body .title-card h2 {
        margin: 0px;
        font-size: 16px;
    }

    .contact-infos-area .contact-card .card-body .info-card {
        font-size: 18px;
        font-weight: bold;
        word-break: break-all;
        margin-top: auto;
        margin-bottom: 15px;
    }
}