@media (min-width: 992px) {
    .gallery-tab {
        display: flex;
        flex-direction: row;
        position: relative;
        top: 50%;
        left: 92%;
        transform: translateX(-50%);
        width: auto; /* Adjust width based on the content */
        justify-content: center;
        background-color: #fff; /* Optional: Add background color if needed */
        padding: 1rem 0; /* Optional: Adjust padding as needed */
        z-index: 1000; /* Ensure the menu is above other content */
    }

        .gallery-tab .nav-link {
            padding: 0.5rem 1rem;
            text-align: center;
            writing-mode: horizontal-tb; /* Ensure text is horizontal */
            transform: none; /* Ensure no transformations are applied */
        }

    .album-container {
        margin-top: 60px; /* Adjust based on navbar height */
    }
    .gallery-tab .nav-link.active::after {
        width: 2px; /* Modify as needed */
        background-color:white;
        
    } 
    .gallery-tab .nav-link.active::before {
        width: 2px; /* Modify as needed */
        background-color:white;
      
    }
}

@media (max-width: 991.98px) {
    .gallery-tab {
        flex-direction: row;
        position: static;
        transform: none;
        justify-content: center;
        margin-bottom: 1rem;
    }

        .gallery-tab .nav-link {
            text-align: center;
        }

    .album-container {
        margin-left: 0;
    }
}