@media(width < 912px){
  .navbar {
    height: 12vh;
    width: 100vw;
}

.navbar-brand img {
    width: 65px;
    height: 65px;
    margin-left: 0;
}

.navbar-collapse {
    background-color: #69140e; /* Solid background for the collapsed menu */
}

.navbar-nav .nav-link {
    color: white; /* Ensure the text is visible */
}

.dropdown-menu {
    background-color: #69140e; /* Solid background for dropdown items */
    border: none; /* Remove any borders */
}

.dropdown-item {
    color: white; /* Ensure dropdown items are visible */
}

.dropdown-item:hover {
    background-color: #d58936; /* Highlight on hover */
    color: white;
}

/* Optional: Add a shadow for better visibility */
.navbar-collapse,
.dropdown-menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

      /* ************************************************* */
       /* ************************************************* */
    #contact{
      margin-top: 12vh;
      height: 25vh;

    }
   .our-contacts{
    margin-top: 0vh;
    width: 100vw;
    height: 35vh;
   }
   .our-contacts p{
    width: 95vw;
    height: 15vh;
    /* background-color: yellow; */
   }
   /* ********************************************************* */
   .contact-icons{
    margin-top: 7vh;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 83vh;

   }

   .phone, .whatsapp, .email, .address{
    width: 90vw;
    height: 170px;
    
  }
  
  .sub-phone, .sub-whatsapp, .sub-email, .sub-address{
    width:420px;
    height: 100px;
  }
  
   /* ******************************************************* */
   #yes-msg{
    margin-top: 10vh;
    width: 100vw;
    height: 155vh;
   }
   .contact-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 143vh;
    width: 96vw;
   }
   .cont-form, .maps{
    width: 90vw;
    height: 73vh;
    margin-bottom: 40px;
   }
   form input{
    padding-left: 0px;
    width: 85vw;
    height: 50px;
   }
   textarea{
    padding-left: 0px;
    width: 85vw;
    height: 250px;

   }
   .submit{
    width: 50vw;
    height: 50px;
   }

   .maps iframe {
    width: 80%; /* Match the container's width */
    height: 85%; /* Match the container's height */
    border: 0; /* Remove iframe border */
}
   /* ********************************************** */
   .call-bar{
    width: 96vw;
   }


      /* ************************************************************** */

    footer{
        display: flex;
        width: 100vw;
        height: 12vh;
        justify-content: center;
        align-items: center;
      }
  
      .foot{
        display: flex;
        width: 100%;
        height: 100%;
      }
}