@media (max-width: 1024px) {

    .navbar-custom.transparent {
        margin-top: 52px;
    }
}

/* Responsive Styles */
@media (max-width: 992px) {
    .slide-title {
        font-size: 2.8rem;
    }

    .slide-description {
        font-size: 1.1rem;
    }

    .navbar-collapse {
        background-color: rgba(15, 15, 15, 0.95);
        backdrop-filter: blur(10px);
        padding: 20px;
        border-radius: 10px;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .slide-title {
        font-size: 2.2rem;
    }

    .slide-description {
        font-size: 1rem;
    }

    .slider-nav {
        bottom: 20px;
        gap: 1rem;
    }

    .slider-arrow {
        width: 45px;
        height: 45px;
    }

    .navbar-brand {
        font-size: 1.5rem;
    }

    .slide-content {
        margin-top: 100px;
    }
    .navbar-custom.transparent {
        margin-top: 60px;
    }
}

@media (max-width: 576px) {
    .slide-title {
        font-size: 1.8rem;
    }

    .category-badge {
        font-size: 0.8rem;
        padding: 0.4rem 1.2rem;
    }

    .slider-nav {
        flex-direction: column;
        gap: 1rem;
    }

    .navbar-nav .nav-link {
        margin: 5px 0;
    }
    .navbar-custom.transparent {
        margin-top: 85px;
    }
}

@media (max-width: 375px) {
        .navbar-custom.transparent {
        margin-top: 100px;
    }
}

@media (max-width: 320px) {
    .top-header {
        font-size: 0.8rem;
    }
    .navbar-custom.transparent {
        margin-top: 90px;
    }
}