@media only screen and (min-width: 768px) {
    .header__item.block-search {
        display: none !important;
    }
}

#header-search-icon{
    position: absolute;
    z-index: 1000;
    margin-left: 10px;
    margin-top: 10px;
    color: #FFF;
    display: block;
}

.lof-autosearch.box.search_box{
    max-width: 80%;
}

.lof-autosearch.box.search_box .filter_type.category-filter,
.lof-autosearch.box.search_box button.button-search{
    display: none !important;
}

.lof-autosearch.box.search_box::after{
    content: "  ";
    background: url("images/anvand-sok.png");
    background-size: contain;
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1000;
    display: none !important;
}

.lof-autosearch.box.search_box .input-text.ui-autocomplete-input{
    border: 0px;
    background: rgb(60, 189, 236);
    color: #FFF;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    width: 600px;
    max-width: 100%;
    padding: 2px 13px;
    text-transform: none;
    transition: all ease 0.3s;
    padding-left: 33px;
}
.lof-autosearch.box.search_box .input-text.ui-autocomplete-input:focus{
    color: #FFF;
    background: #026898;
    box-shadow: 3px 3px 7px rgba(0,0,0,0.3) INSET;
}
.lof-autosearch.box.search_box .input-text.ui-autocomplete-input:focus::placeholder{
    color: #FFF !important;
}

.lof-autosearch.box.search_box .input-text.ui-autocomplete-input::placeholder{
    color: #FFF !important;
    opacity: 1 !important;
    font-style: italic !important;
    visibility: visible;
}

@media only screen and (max-width: 1350px) {
    .lof-autosearch.box.search_box .input-text.ui-autocomplete-input{
        width: 550px;
    }
}
@media only screen and (max-width: 1250px) {
    .lof-autosearch.box.search_box .input-text.ui-autocomplete-input{
        width: 450px;
    }
}
@media only screen and (max-width: 1150px) {
    .lof-autosearch.box.search_box .input-text.ui-autocomplete-input{
        width: 400px;
    }
}

ul.ui-autocomplete{
    box-shadow: 0 16px 24px 2px rgba(29,17,51,.04),0 6px 32px 4px rgba(9,32,77,.12),0 8px 12px -5px rgba(29,17,51,.12);
    padding: 0px !important;
}

ul.ui-autocomplete .reviews-actions a.action.add{
    display: none;
}


ul.ui-autocomplete .old-price{
    display: none;
}

:root .lof-autosearch.box.search_box input.ui-autocomplete-loading.ui-autocomplete-input{
    background: linear-gradient(-90deg, #80D0EF, #026898, #80d0ef, #026898);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
}
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

ul.ui-autocomplete li div.en-produkt-i-sok{
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px !important;
    transition: all ease 0.4s;
    display: inline-block;
    width: 100%;
    padding-bottom: 0px;
    font-size: 12px;
}
ul.ui-autocomplete li div.en-produkt-i-sok:hover{
    background: #FFF;
    transform: scale(1.03);
    box-shadow: 0px 0px 17px rgba(0,0,0,0.5);
}
ul.ui-autocomplete li div.en-produkt-i-sok .description{
    display: none;
    height: 0px;
    transition: all ease 0.3s;
}
ul.ui-autocomplete li div.en-produkt-i-sok:hover .description{
    display: inline-block;
    height: auto;
}
ul.ui-autocomplete li div.en-produkt-i-sok img{
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 20px;
}

ul.ui-autocomplete li div.en-produkt-i-sok .minimal-price{
    margin: 0px;
}

ul.ui-autocomplete li div.en-produkt-i-sok span.price{
    font-weight: 600;
    font-size: 14px;
    color: #FFF;
    background: rgb(61, 61, 61);
    display: inline-block;
    padding: 1px 5px;
    transform: rotate(0deg);
    margin-top: 7px;
    transition: all ease 0.3s;
}
ul.ui-autocomplete li div.en-produkt-i-sok:hover span.price{
    transform: rotate(13deg);
}

ul.ui-autocomplete li div.en-produkt-i-sok .product-reviews-summary{
    margin: 0px;
}

ul.ui-autocomplete li div.en-produkt-i-sok .name{
    font-weight: 600;
}


/*
    CMS result:
 */
.search-results.result-col > h3{
    font-size: 18px;
    letter-spacing: 0em !important;
    font-weight: 700;
}
.search-results.result-col.result-cms > h3,
.search-results.result-col.result-cms > .cms_page,
.search-results.result-col.result-category > h3,
.search-results.result-col.result-category > .category{
    padding-left: 20px;
    padding-right: 20px;
}
.search-results.result-col.result-cms > .cms_page,
.search-results.result-col.result-category > .category{
    border-top: 1px solid #EEE;
    padding-top: 3px;
    padding-bottom: 3px;
}
.search-results.result-col.result-cms > .cms_page:hover,
.search-results.result-col.result-category > .category:hover{
    background: #EEE;
    color: #026898;
}

.search-found-text, a.smore{
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    color: #7B7B7B;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.100em;
}

.search-results hr{
    margin-top: 0px;
}


/*
    MOBIL:
 */
.ox-modals__holder .lof-autosearch.box.search_box .input-text.ui-autocomplete-input{
    letter-spacing: 0em;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    max-width: 100%;
}

.ox-modals__holder .lof-autosearch.box.search_box{
    max-width: 100%;
    width: 100%;
}

.ox-slideout-top > div, .ox-slideout .ox-modal-content{
    overflow: visible;
}

.ox-slideout-top{
    overflow: visible;
    height: 130px;
}


/*
    GÖR TILL TABELL:
 */
ul.ui-autocomplete li div.en-produkt-i-sok{
    padding-top: 0px;
}
ul.ui-autocomplete li div.en-produkt-i-sok .image{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    float: left;
    transition: all ease 0.3s;
}
ul.ui-autocomplete li div.en-produkt-i-sok .image:hover{
    transform: scale(3);
}
ul.ui-autocomplete li div.en-produkt-i-sok .info{
    display: inline-block;
    width: 350px;
}

ul.ui-autocomplete li div.en-produkt-i-sok .name{
    width: 250px;
    display: inline-block;
}

ul.ui-autocomplete li div.en-produkt-i-sok .price{
    width: auto;
    display: inline-block;
    margin-top: 0px !important;
    float: right;
}


ul.ui-autocomplete li div.en-produkt-i-sok .review{
    width: 100%;
    display: inline-block;
}

.lof-autosearch .product{
    padding-top: 0px !important;
    padding-bottom: 0px;
}

ul.ui-autocomplete li div.en-produkt-i-sok .special-price,
ul.ui-autocomplete li div.en-produkt-i-sok .price-label{
    display: none;
}