.adres {
    display: flex;
    align-items: center;
    justify-content:space-evenly;
    background-color: transparent;
    flex-wrap: wrap;
    background-color: transparent;
    width:100%;
    height:650px;
}
 
.map {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: white;
    order:1;
}

.adresbilgi {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: black;
    color: white;
    width: 340px;
    height: auto;
    box-sizing: border-box;
    order:2;
    padding:1rem 0;
}

    .adresbilgi p {
        text-align: center;
    }
@media only screen and (max-width: 992px)
{
    .map{
        order:2;
    }
    .adresbilgi{
        order:1;
    }
    .adres{
        height:900px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {

    .adres div{
        margin:1rem;
    }
}