.contacts {
    background-image: url(https://www.wallart.com/media/catalog/product/cache/871f459736130e239a3f5e6472128962/w/0/w05604-small.jpg);
    background-repeat:no-repeat;
    background-size:cover;
}

.contacts__title {
    margin-bottom: 50px;
    margin-top: 50px;
}

.contacts__IpName {
    font-size: 25px;
    margin-bottom: 20px;
    color: white;
}

.contacts__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts__list {
    flex: 1 1 31%;
    min-width: 400px;
    margin-right: 50px;
}

    .contacts__list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        position: relative;
    }

        .contacts__list li strong {
            position: relative;
            z-index: 1;
            padding: 0 5px;
        }

        .contacts__list li i:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            opacity: 0.23000000417232513;
            border: 1px dashed var(--color-black);
        }

        .contacts__list li strong {
            font-size: 24px;
            font-weight: 600;
            line-height: 140%;
            color: #fff;
        }

        .contacts__list li span {
            font-size: 20px;
            font-weight: 400;
            line-height: 130%;
            position: relative;
            z-index: 1;
            max-width: 225px;
            color:white;
            text-align: right;
        }

.contacts__map {
    width: 50% !important;
    height: 600px !important;
    max-height: 600px !important;
}

@media (max-width: 1439.99px) {
    .contacts .container {
        padding: 0
    }

    .contacts__title, .contacts__IpName {
        padding: 0 150px;
    }

    .contacts__wrapper {
        flex-direction: column;
        padding: 0 150px;
        position: relative;
    }

    .contacts__list {
        margin-right: 0;
        flex: none;
        width: 100%;
        min-width: auto;
    }

    .contacts__map {
        width: 100vw !important;
        margin-top: 50px;
        position: inherit;
        bottom: 0;
    }
}

@media (max-width: 1199.99px) {
    .contacts {
        margin-top: 150px;
    }

    .contacts__wrapper, .contacts__title, .contacts__IpName {
        padding: 0 50px;
    }
}

@media (max-width: 767.99px) {
    .contacts {
        margin-top: 120px;
    }
    .contacts__title {
        margin-bottom: 30px;
    }
    .contacts__IpName {
        font-size: 16px;
    }
    .contacts__wrapper, .contacts__title, .contacts__IpName {
        padding: 0 20px;
    }

    .contacts__list li strong {
        font-size: 16px;
    }

    .contacts__list li span {
        font-size: 12px;
    }
}