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

    .contacts__map {
        position: relative;
        order: 1 !important;
        height: 40vh !important;
        width: calc(100% - 3rem) !important;
        max-width: 100% !important;
        margin-left: 1.5rem !important;
        border-radius: .75rem !important;
        overflow: hidden;
        margin-top: 4rem;
    }
    
    .contacts .center-wrap {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .contacts {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0 !important;
    }

    .contacts__list {
        max-width: 100% !important;
        margin: 1rem 0 !important;
        padding: 1.5rem !important;
    }

    .contacts__bread-shade {
        display: none;
    }

    .contacts__line-value-wrap.--tel {
        width: 50%;
    }
    
    .contacts__line-value-wrap.--tel:nth-child(2n) {
        text-align: right;
        justify-content: flex-end;
    }

}