@media (min-width: 481px) and (max-width: 1000px) {
    .logo {
        width: 90px !important;
        position: static;
        transform: none;
    }

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

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

    .nav {
        display: none;
    }

    .header-actions{
        display:none;
    }

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

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

    .hero-swiper .slide-caption .slogan {
        font-size: 20px !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: 40px !important;
    }

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

    .big-box{
        flex-direction:column !important; 
        gap:30px;
        padding:20px;
    }

    .box-info{
        width:100%;
    }

    .box-img{
        width:100%;
    }

    /* .footer-columns{
        display:none;
    } */

    .footer-column{
        width:60% !important;
        margin:0 auto !important;
    }

    .footer-column img{
        max-width:300px;
        width:100% !important;
    }

    .footer-cont{
        flex-direction: column;
    }

}