@media(max-width: 992px) {

    .hero-content {

        left: 40px;
        right: 40px;

    }

    .hero-product {

        width: 55vw;
        right: -5%;

    }

    .brands-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .contact-wrapper {

        grid-template-columns: 1fr;

    }

}

@media(max-width: 768px) {

    .hero-content {

        top: 43%;

    }

    .hero-content .hero-title {

        font-size: 45px;

    }

    .hero-product {

        width: 70vw;
        opacity: 0.9;

    }

    .section-inner {

        padding: 100px 30px;

    }

    .brands-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 40px;

    }

    .brand-item {

        height: 110px;

    }

    .brand-item img {

        max-width: 140px;
        max-height: 70px;

    }

    .main-nav {

        padding: 0 18px;

    }

}

@media(max-width: 480px) {

    .brands-grid {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    .brand-item {

        height: 90px;

    }

}

@media(max-width: 992px) {

    .menu-toggle {

        display: block;

    }

    .nav-menu {

        position: fixed;

        top: 0;
        right: -100%;

        width: 320px;
        height: 100vh;

        background: rgba(15,17,21,0.96);

        backdrop-filter: blur(16px);

        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        padding: 60px;

        gap: 35px;

        transition: 0.45s ease;

        z-index: 10000;

    }

    .nav-menu.active {

        right: 0;

    }

    .nav-menu a {

        font-size: 20px;

    }

}