/*html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: rgb(168, 158, 158);
}*/

/*общий контейнер*/
.main_box_cont_map {
    position: relative;
    background: #fff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main_box_cont_map::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

*, *::before, *::after {
    box-sizing: inherit;
}

/* блок с дивом, внутри него заголовок, текст, номер*/
.main_box_cont_map .text_wrap_box {
    padding: 35px 10px 38px 10px;
    text-align: center;
}

.full_adress {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 52px;
    color: #5a4f4f;
}

.full_number {
    font-size: 26px;
    font-weight: 300;
    color: #b8860b;
    display: block;
    line-height: 1;
    margin-bottom: 25px;
}

.full_number a {
    text-decoration: none;
    color: #b8860b;
}

.main_box_cont_map h1,
.main_box_cont_map .main_title_box {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 30px;
    margin-right: 0;
    font-size: 26px;
    line-height: 1;
    text-transform: none;
    color: #5a4f4f;
}


/*блок с картой*/
.main_map_wrap {
    line-height: 1;
    position: relative;
    overflow: hidden;
    max-height: 400px;
}

.main_map_wrap::before {
    content: "";
    display: block;
    padding-top: 62.5%;
}

.iframe_map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*блок с картинкой*/
.photo_box {
    position: relative;
    overflow: hidden;
    line-height: 1;
    max-height: 400px;
}

.photo_box::before {
    content: "";
    display: block;
    padding-top: 62.5%;
}

.photo_box img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 576px) {

    /* Общий контейнер */
    .main_box_cont_map {
        padding: 0;
        max-width: 1140px;
        margin: 0 auto;
    }

    /* Блок с текстом */
    .main_box_cont_map .text_wrap_box {
        padding: 35px 10px 38px 10px;
        text-align: center;
    }

    .full_adress {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .full_number {
        font-size: 28px;
        margin-bottom: 35px;
    }

    .main_box_cont_map h1,
    .main_box_cont_map .main_title_box {
        font-size: 28px;
        margin-bottom: 12px;
    }

    /* Блок с картой */
    .main_map_wrap {
        max-height: 500px;
    }

    .main_map_wrap::before {
        padding-top: 60%;
    }

    .iframe_map {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    /* Блок с картинкой */
    .photo_box {
        max-height: 500px;
    }

    .photo_box::before {
        padding-top: 60%;
    }

    .photo_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}

@media (min-width: 768px) {

    /* Общий контейнер */
    .main_box_cont_map {
        padding: 0;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    /* Блок с текстом */
    .main_box_cont_map .text_wrap_box {
        padding: 40px 20px 50px 20px;
        text-align: center;
    }

    .full_adress {
        font-size: 24px;
        margin-bottom: 40px;
    }

    .full_number {
        font-size: 30px;
        margin-bottom: 35px;
    }

    .main_box_cont_map h1,
    .main_box_cont_map .main_title_box {
        font-size: 32px;
        margin-bottom: 15px;
    }

    /* Блок с картой */
    .main_map_wrap {
        max-height: 600px;
    }

    .main_map_wrap::before {
        padding-top: 55%;
    }

    /* Блок с картинкой */
    .photo_box {
        max-height: 600px;
    }

    .photo_box::before {
        padding-top: 55%;
    }

    .photo_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}

@media (min-width: 992px) {
    .main_box_cont_map {
        display: grid;
        grid-template-columns: 1fr 1fr; /* две колонки равной ширины */
        grid-template-rows: 1fr 1fr;    /* два ряда одинаковой высоты */
        width: 100%;   /* полная ширина контейнера */
        /*height: 100vh;*/ /* растягиваем на всю высоту экрана */
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow: hidden; /* убираем возможный скролл */
    }

    /* Первый ряд */
    .text_wrap_box {
        grid-column: 1 / 2;
        grid-row: 1;
        padding: 40px 20px;
        text-align: left;
        height: 100%;
    }

    .photo_box:first-of-type {
        grid-column: 2 / 3;
        grid-row: 1;
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    /* Второй ряд — меняем местами: вторая картинка слева, карта справа */
    .photo_box:last-of-type {
        grid-column: 1 / 2; /* теперь слева */
        grid-row: 2;
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    .main_map_wrap {
        grid-column: 2 / 3; /* теперь справа */
        grid-row: 2;
        position: relative;
        overflow: hidden;
        height: 100%;
    }

    /* внутренние элементы */
    .photo_box img,
    .iframe_map {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .main_box_cont_map .main_title_box{
        font-size: 32px;
        margin-bottom: 15px;
        margin-top: 120px;
    }
}


@media (min-width: 1200px) {
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    *, *::before, *::after {
        box-sizing: inherit;
    }

    .main_box_cont_map {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    /* Первый ряд */
    .text_wrap_box {
        grid-column: 1 / 2;
        grid-row: 1;
        padding: 50px 30px;
        text-align: left;
        height: 100%;
    }

    .photo_box:first-of-type {
        grid-column: 2 / 3;
        grid-row: 1;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    /* Второй ряд — вторая картинка слева, карта справа */
    .photo_box:last-of-type {
        grid-column: 1 / 2; /* теперь слева */
        grid-row: 2;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .main_map_wrap {
        grid-column: 2 / 3; /* теперь справа */
        grid-row: 2;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    /* внутренние элементы */
    .photo_box img,
    .iframe_map {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .text_inner_box{
        max-width: 100%;
        padding: 0 100px;
    }

    .main_box_cont_map .main_title_box{
        font-size: 32px;
        margin-bottom: 15px;
        margin-top: 80px;
    }
}



