/* css/responsive.css */

@media (max-width: 768px) {
    .about-content {
        flex-direction: column;
    }
    .branches-container {
        flex-direction: column;
    }
    footer .container{
        flex-direction: column;
        gap: 10px;
        justify-content: center;
    }
    .nav-list {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    header .container{
        flex-direction: column;
        gap: 15px;
    }
    .dropdown-menu {
        position: static;
        display: none;
        box-shadow: none;
        border-radius: 0;
        width: 100%;
        text-align: center;
    }
     .dropdown:hover > .dropdown-menu{
        display: block;
    }
}