/* Существующие стили */
.header {margin-top: 0vw;}

.submain .gen_c{
    background-color:rgb(255, 255, 255);
    height: auto;
}
.submain .gen_c .title{
height:auto;
width: 100%;

}


.submain .gen_c .map{
display: flex;
min-height:45vw; /* Изменено с 45vw на auto для адаптивности */

width: 100%;
background-color: rgb(255, 255, 255);
position: relative;
align-items: flex-start;
flex-wrap: wrap; /* Добавлено для переноса на мобильных */
}

.submain .gen_c .map .picture{
height:40vw;
width: 45%;
margin-left: 4vw;
margin-top: 3vw;
background-color: rgb(1, 5, 20);
}

.submain .gen_c .map .maininfo{
    height: auto; /* Изменено с 40vw на auto */
    width: 30vw;
    margin-left: 3vw;
    margin-top: 3vw;
    margin-bottom: 15vw;
}
 .submain .gen_c .map .maininfo p {
    margin-top: 1vw;
        font-size: 0.95em;
        line-height: 1.4;
    }

.submain .gen_c .map .maininfo h3{
    padding-top:3vw;
}

.submain .gen_c .map .address{
float: right;

width: 30vw;
background-color: rgb(255, 255, 255);
}

/* Адаптация для разных экранов */




@media (max-width: 992px) {
    .submain .gen_c .map .picture {
        width: 90%; /* 90% от ширины родительского блока gen_c */
        height: 50vw; /* Увеличиваем высоту для пропорций */
        margin-left: 5%; /* Центрирование */
        margin-right: 5%;
    }
    
    .submain .gen_c .map .maininfo {
        width: 90%; /* Занимает всю ширину */
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 4vw;
    }
}

@media (max-width: 768px) {
    .submain .gen_c .map {
        flex-direction: column; /* Вертикальное расположение */
    }
    
    .submain .gen_c .map .picture {
        width: 90%;
        height: 60vw;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 4vw;
    }
    
    .submain .gen_c .map .maininfo {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 4vw;
        margin-bottom: 4vw;
    }
    

    
    .submain .gen_c .map .maininfo h3 {
        padding-top: 3vw;
        font-size: 1.2em;
    }
    
    .submain .gen_c .map .maininfo p {
        font-size: 0.9em;
        line-height: 1.5;
  margin-top: 0.1vw;
    }
}

@media (max-width: 576px) {
    .submain .gen_c .map .picture {
        width: 92%;
        height: 65vw;
        margin-left: 4%;
        margin-right: 4%;
    }
    
    .submain .gen_c .map .maininfo {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }
    

    .submain .gen_c .map .maininfo h3 {
        font-size: 1.1em;
        padding-top: 4vw;
    }
    
    .submain .gen_c .map .maininfo p {
        font-size: 0.9em;
        line-height: 1.5;
        margin-bottom: 2vw;
    }
}

@media (max-width: 400px) {
    .submain .gen_c .map .picture {
        width: 90vw;
        height: 70vw;
        margin-left: 5vw;
        margin-top: 5vw;
    }
    
    .submain .gen_c .map .maininfo {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    
   
    
    .submain .gen_c .map .maininfo h3 {
        font-size: 1em;
        padding-top: 5vw;
    }
    
    .submain .gen_c .map .maininfo p {
        font-size: 0.85em;
        line-height: 1.6;
        margin-bottom: 3vw;
    }
}

@media (max-width: 350px) {
    .submain .gen_c .map .picture {
        width: 85vw;
        height: 75vw;
        margin-left: 5vw;

    }
    
    .submain .gen_c .map .maininfo {
        width: 85vw;
        margin-left: 5vw;

    }
    

    
    .submain .gen_c .map .maininfo h3 {
              padding-top: 10vw;
        font-size: 0.95em;
    }
    
    .submain .gen_c .map .maininfo p {
        font-size: 0.8em;
        line-height: 1.7;
    }
}