body{
    position: relative;
}

footer{
    position: absolute;
    bottom: -185px;
}


.map-container {
    position: relative;
    
    
}

.map-container iframe {
    width: 100%; 
    height: 100%;
    border: 0;
}


/* التحكم في الحجم على الشاشات الصغيرة جدًا */



/* التحكم في الحجم على الشاشات الصغيرة */
@media (max-width: 400px) {
    .contactus{
        margin-left: 10px;
        margin-right: 10px;
        width: 40%;
        
    }
    .map-container{
        width: 75%;
    }
   
    .address{
        margin-bottom: 50px;
        width: 75%; 
    }
    .infocontactus{
        width: 75%;
    }
    .mail{
        width: 75%;
    }
    .map-container iframe {
        max-width: 100%; 
        margin-right: 10px;

        
    }
}


@media (max-width:767px){
    .contactus{
        margin-left: 10px;
        margin-right: 10px;
        
        
    }
   
    .address{
        margin-bottom: 50px;
    }
 
}