.search__container {position: relative;width:100%;max-width:540px;margin:0 30px 0 0;}
.search__outer{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:center;z-index:1}
.search__form{display: inline-flex;display: -webkit-inline-flex;justify-content: space-between;align-items: stretch;position:relative;width:100%;background-color:#fff;border: 1px solid #e6e6e6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;z-index: 1;}
.search__input{display:block;width:100%;height:100%;padding:15px 20px;max-height: 50px;border:none;outline:none;color:#5f5f5f;font-weight:400;font-size:  18px ;background-color:#fff;z-index:2;border-top-left-radius:5px;border-bottom-left-radius:5px}
.search__submit{width:50px;height:100%;right:0;top:0;z-index:2;border-top-right-radius:5px;border-bottom-right-radius:5px;border:none;outline:none;padding: 15px 0;max-height: 50px;}
.search__submit--round{width:50px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.search__submit,.search__magnifier{display:inline-flex;justify-content:center;align-items:center;background-color:#fff}
.search__submit svg,.search__magnifier svg{display:block;width:25px;height:25px}
::-webkit-input-placeholder{color:#a3a3a3}:-ms-input-placeholder{color:#a3a3a3}::placeholder{color:#a3a3a3}
.search {position: absolute;top: calc(50% + 26px);right: 0;width: 100%;max-width: 680px;margin: 0 auto;background-color: #ffffff;pointer-events: none;opacity: 0;z-index: 2;border: 1px solid #fff;border-top: 0;}
.search.visible {opacity: 1;pointer-events: all !important;border-color: #e6e6e6;}
.search__inner {position: relative;padding: 0;display: block;text-align: center;}
.search__message {position: relative;width: 95%;margin: 0 auto;padding: 60px 0;text-align: center;pointer-events: none;opacity: 0;color: #262626;display: none;}
.search__message.visible {opacity: 1;display: block;}
.search__h3 {color: #262626;text-transform: uppercase;font-weight: 400;font-size:  18px ;margin-bottom: 10px;word-break: break-word}
.search__span {color: #404040;font-weight: 400;font-size:  16px ;line-height:1.5;word-break: break-word}
.search__product {position: relative;width: 100%;background-color: #ffffff;overflow: hidden}
.searchProduct {position: relative;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 16px 20px !important;border-bottom: 1px solid #e2dbdb;}
.searchProduct__left {width: 60%;display: flex;justify-content: flex-start;align-items: center;}
.searchProduct__img {width: 50px;height: auto;max-width: 50px!important;max-height: 50px!important;object-fit:contain;margin: 0 15px 0 0;}
.searchProduct__titles {display: inline-block;}
.searchProduct__title {color: #262626;text-transform: uppercase;font-weight: 400;font-size:  16px ;text-align: left;}
.searchProduct__code {color: #262626;font-weight: 400;font-size:  14px ;text-align: left;}
.searchProduct__right {width: 35%;text-align: right;}
.searchProduct__prices {display: block;text-align: right;}
.searchProduct__oldPrice {display: block;text-align: right;color: #b3b3b3;font-weight: 400;font-size:  16px ;margin-bottom: 5px;text-decoration: line-through}
.searchProduct__finalPrice {display: block;text-align: right;color: #262626;font-weight: 700;font-size:  18px ;}
.searchProduct__from {display: inline-block;color: #262626;font-weight: 400;font-size:  14px ;margin-right: 10px;}
.search__more {position: relative;background-color: #e18240;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #ffffff;text-transform: uppercase;text-align: center;font-weight: 700;font-size:  16px ;opacity: 0;pointer-events: none;display: none;padding: 10px 30px;margin: 20px auto;}
.search__more.visible {display: inline-block;opacity: 1;pointer-events: all}
@media only screen and (max-width: 1300px) {
    .searchProduct__left {width: 55%}
    .searchProduct__right {width: 45%;}
}
@media only screen and (min-width: 1251px) {
    .search__submit:hover{cursor:pointer}
    .search__more:hover {cursor: pointer;background-color: #3f4040}
    .search {min-width: 400px;}
}
@media only screen and (max-width: 1250px) {
    .search__container {margin-right: 10px;}
    #searchInput {padding: 10px 15px;height: 40px;}
    .search__submit {padding: 10px 0;max-height: 40px;}
    #search{position:fixed;top:130px;left:0;width:100%;background-color:#fff;border: none;}
    .headerFixed #search {top: 70px;}
    .search {max-width: unset;width: 100%;margin: 0 auto;}
    .search__inner {padding: 0;grid-gap: 10px;width: 100%;padding-top: 20px;}
    .search__inner .search__product
    .product--abs {position: relative !important;padding: 10px 10px 55px !important;}
    .search__product {padding-bottom: unset !important}
    .searchProduct {width: 100%;border-bottom: 0;border-top: 1px solid #e2dbdb;margin: 0 auto;}
}
@media only screen and (max-width: 850px) {
}
@media only screen and (max-width: 764px) {
    .search__container {position: absolute;top: 100%;right: -10px;margin: 0;width: 100vw;max-width: initial;opacity: 0;pointer-events: none;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
    .search__container.open {opacity: 1;pointer-events: all}
    .search__form {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    .search__inner {padding-top: 0;}
    #search {position: absolute;top: 100%;}
    .headerFixed #search {top: 100%;}
    .search__inner .searchProduct:first-of-type {border-top: 0;}

    .searchProduct {width: 100%;padding:10px!important;}
    .searchProduct__title {font-size: 15px;}
    .searchProduct__prices {display: block}
    .searchProduct__oldPrice {margin-right: 0;}
    .search__inner {border-bottom: 0}
    .searchProduct__code {font-size: 12px;}
    .searchProduct__finalPrice {font-size: 16px;}
    .searchProduct__oldPrice {font-size: 14px;display: block;}
    .search__span {font-size: 15px;}
    .searchProduct__left {width: 75%;padding-right: 10px;}
    .searchProduct__right {width: 25%;}
}
@media only screen and (max-width: 764px) and (orientation: landscape){
    .search__inner {max-height: 150px;overflow: auto;}
}