#{$prefix}-search-wrapper {
    max-width: 20%;
    flex: 0 0 20%;

    

    #{$prefix}-search-form {
        label {
            margin: 0;
            width: 100%;
        }
        position: relative;
        input.search-field {
            min-width: 222px;
            height: 35px;
            border-radius: 3px;
            padding: 12px 0 12px 12px;
            line-height: 1;
            width: 100%;
        }
        button.search-submit {
            background: $color-primary;
            color: #ffffff;
            border: none;
            padding: 0;
            position: absolute;
            right: 0;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0;
            width: 30px;
            border-radius: 0 3px 3px 0;
        }
    }

    @include media(mb) {
        max-width: 100%;
        flex: 0 0 100%;
        order: 3;

        #{$prefix}-search-form { 
            margin-top: 20px;
            input.search-field {
                min-width: 100%;
            }

            label {
                width: 100%;
            }
        }
    }
    
}