.w1-100 {
    width: 100%;
}

@media (max-width: 768px) {
    .w1-100 {
        width: 69%;
    }
}

.search_brand {
    width: 25%;
    background-color: var(--colorPrimary);
    color: white;
    font-family: var(--paraFont);
    text-align: center;
}

/* Below 768px width */
@media (max-width: 768px) {
    .search_brand {
        width: 30%;
    }
}

/* Below 468px width */
@media (max-width: 468px) {
    .search_brand {
        width: 60%;
    }
}