.details_for_our_location_pane{
    /* border: 1px solid red; */
    margin: 3% 0;

}
.details_for_our_location_pane img{
    /* display: block; */
    width: 100%;
    height: 100%;
}
.details_for_our_location_pane .location-pics-for-tablet{
    display: none;
}
.details_for_our_location_pane .location-pics-for-phone-and-laptops{
    display: block;
}


.details_for_our_location__content_pane{
    background-color: var(--transparent-pink);
    padding: 2rem  1.2rem;
    text-align: center;
    background-image: url(../img/white\ balls.png);
}

/* start of location_addresse_div */
.details_for_our_location__content_pane h2{
    color: var(--peach-color);
    font-size: 1.9em;
    margin: 3% 0;
    /* text-align: left; */
}

.info{
    padding: 1rem 0;
    
    color: var(--dark-gray);
}

/* end of location_addresse_div */


@media screen and (min-width:500px) {
    .details_for_our_location_pane .location-pics-for-tablet{
        display: block;
    }
    .details_for_our_location_pane .location-pics-for-phone-and-laptops{
        display: none;
    }
    
    
    .details_for_our_location_pane{
        display: grid;
        grid-template-columns: repeat(1,fr);
        grid-row-gap: 20px;
    } 
    .details_for_our_location_pane img  {
        border-radius: 10px;
    }
    .details_for_our_location__content_pane{
        border-radius: 10px;
    }
    .details_for_our_location__content_pane h2{
        text-align: left;
    }
    
    .details_for_our_location__content_pane .location_addresse_div{
        display: flex;
        justify-content: space-between;
    }
    .location_addresse_div{
        
        /* border:1px solid #ff0000; */
        max-width: 600px;
    }
}

@media screen and (min-width:900px){


    .details_for_our_location__content_pane h2{
        font-size: 2.3rem;
        font-weight: 500;
    }
    .details_for_our_location_pane{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        /* border: 1px solid red; */
        height: 50vh;
        
    }

    .details_for_our_location_pane.reverse{
        /* this just reverse the intial flex sttings */
        flex-direction: row;
    }
    .details_for_our_location_pane img{
        /* display: block; */
        width: 30%;

    }
    .details_for_our_location__content_pane{
        width: 68%;
        height: 100%;
        padding: 3rem 3.4rem;
        text-align: left;   
  
    }
    .location_addresse_div{
        max-width: 500px;
    }

    .details_for_our_location_pane .location-pics-for-tablet{
        display: none;
    }
    .details_for_our_location_pane .location-pics-for-phone-and-laptops{
        display: block;
    }
}