@media all and (max-width: 768px) {
    .av-import-brands {
        padding: 7vw 6.5vw;
        background-color: #464e7d;
    }

    .av-import-brands .items {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7vw 4vw;
    }

    .av-import-brands .item a {
        display: block;
        color: white;
        text-decoration: none;
    }

    .av-import-brands .item .image {
        display: flex;
        height: 18vw;
        align-items: center;
        justify-content: center;
        background-color: white;
    }

    .av-import-brands .item .image img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .av-import-brands .item .text {
        display: block;
        padding-top: 3.2vw;
        font-size: 2.8vw;
        line-height: 4.5vw;
    }

    .av-import-brands .item a:hover .text,
    .av-import-brands .item a:active .text,
    .av-import-brands .item.active .text {
        text-decoration: underline;
    }

    .av-import-description {
        padding: 8vw 6.5vw 12vw;
        font-size: 3.1vw;
        line-height: 4.8vw;
    }

    .av-import-brand-description {
        display: flex;
        align-items: flex-start;
        gap: 4vw;
        padding: 8vw 6.5vw 12vw;
        font-size: 3.1vw;
        line-height: 4.8vw;
    }

    .av-import-brand-description .image {
        flex: 0 0 41.5vw;
        width: 41.5vw;
        height: 18vw;
        background-color: white;
    }

    .av-import-brand-description .image img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .av-import-brand-description .text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .av-import-brand-description .text > :first-child {
        margin-top: 0;
    }
}
