.header > .container {
position:relative;
}

#cludo-search-form .container {
    position: relative;
}
#cludo-search-form {
display:none;
}
    #cludo-search-form .search-button,
    .search-button.jq-search-button-mob-toggle {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='search' class='svg-inline--fa fa-search fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'%3E%3C/path%3E%3C/svg%3E") !important;
    }
     .search-button {
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='search' class='svg-inline--fa fa-search fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'%3E%3C/path%3E%3C/svg%3E");
        background-size: 65%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: #e40037;
        border: none;
        box-sizing: border-box;
        border: none;
        margin-top: 2px;
        margin-left: -2px;
        padding: 0;
        font-size: 1.26563rem;
        line-height: 1rem;
        color: #fff;
        text-align: center !important;
        height: 2.25rem;
        width: 2.25rem;
        min-width: 36px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .search-button.jq-search-button-mob-toggle {
        position: absolute;
        right: 50px;
        display: inline-block;
        top: 5px;
        height: 38px;
        width: 45px;
        background-size: 50%;
    }

.cludo-search-form-active .search-button.jq-search-button-mob-toggle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 320 512'%3e%3cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3e%3c/svg%3e")!important;
    background-size: 40%;
}
.search-input {
    flex-grow: 1;
    margin-bottom: 10px;
    border-style: solid;
    border-color: #E40A37;
    padding: 5px;
    font-size: 120%;
    vertical-align: top;
    width: calc(100% - 39px);
}

.mobileCludo {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

    .mobileCludo .search-button {
        position: absolute;
        right: 60px;
        top: 10px;
    }

#mobileCludoinput {
    position: absolute;
    top: 46px;
    right: 0;
    width: 100%;
    height: 60px;
}

.mobileCludo #mobileCludoinput .search-input {
    position: relative;
    width: 100%;
}

.notmobileCludo {
    width: 100%;
    position:relative;
}
main.content-typography #cludo-search-form {
    width:auto;
}

    main.content-typography #cludo-search-form .search-button {
        height: 40px;
    }
@media (min-width:560px) {
    #cludo-search-form {
        display: block!important;
    }

    .search-button.jq-search-button-mob-toggle {
        display: none;
    }
    .notmobileCludo {
        width: 250px;
    }

    .notmobileCludo {
        right: 80px;
    }

    #cludo-search-form input {
        display: inline-block;
    }

    .mobileCludo {
        display: none;
    }

    .notmobileCludo {
        display: inline-block;
    }

    .search-input {
        width: calc(100% - 39px);
    }

    .notmobileCludo {
        right: 80px;
    }

    .notmobileCludo {
        position: absolute;
        top: 10px;
    }

    #cludo-search-form {
        z-index: 0;
        position: absolute;
        top: 0;
        left: auto;
        width: 100%;
        height: 1px;
        right: 0;
    }
}

@media (min-width:768px) {
    .notmobileCludo {
        right: 140px;
    }
}

/*MAX WIDTHS!*/

@media (max-width:560px) {
    .navbar-toggler {
        padding: 0;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .25rem;
        max-width: 45px;
        height: 38px;
        width: 45px;
    }

    .navbar-toggler-icon {
        background: no-repeat center center;
        width: 30px;
        margin: auto;
    }

}

@media (max-width:768px) {

    /* page form search input */
    main.content-typography #cludo-search-form {
        text-align: right !important;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }
}