@media (max-width: 480px) {

    .header {
        height: 130px;
    }

    .logo {
        width: 70px !important;
        position: static;
        transform: none;
    }

    .logo-desktop {
        display: none !important;
    }

    .logo-mobile {
        display: block !important;
    }

    .nav {
        display: none;
    }

    .mobile-nav{
        top:80px !important;
    }

    .hamburger {
        display: block;
        color: #fff;
        font-size: 25px;
    }

    .hero-swiper .slide-caption .headline {
        font-size: 32px !important;
    }

    .hero-swiper .slide-caption .slogan {
        font-size: 16px !important;
    }

    .hero-swiper .swiper-slide::after {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0, 0.8) 100%) !important;
    }

    .infos {
        margin-top: 30px !important;
    }

    .features {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-cont{
        flex-direction:column !important;
        align-items: center !important;
        gap:30px !important;
    }

    .footer-column{
        align-items: center !important;
    }
}