.os-highlight {color:#b67b13;font-weight:bold;}
.os-suggest-dropdown {border-radius: 4px;position: absolute;padding-top: 0px;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.2);line-height: normal;z-index: 100;display: block;width: calc(50% + 88px);overflow: hidden;z-index:999999;margin-top:30px;}
.os-suggest-header { background-color: #f6f6f6; color: #000000; font-size: 12px; font-weight: 400; padding: 5px 20px; text-align: left; text-transform:uppercase}
.os-suggest-item {text-align:left;padding: 4px 20px;cursor: pointer;height: auto;font-size: 12px;color: #404042;}
.os-suggest-title, .os-suggest-code{font-size:12px}
.os-suggest-item strong {color:#b67b13; font-weight:normal;}
.os-suggest-item:hover {background-color:#eee;}
.os-suggest-img{min-height:60px;float:left; width:70px; height:60px}
.os-suggest-img img{ width:60px; }
.os-suggest-price { float: right; color: #000000; font-size: 14px; position: absolute; right: 20px; bottom: 10px;}
.os-sale-price{color:#df3237}
.os-old-price {color: #74787a;text-decoration: line-through;}
.os-suggest-hr {width: auto;margin: -1px 20px 0;border-bottom: 1px solid #d7d7d7;border-bottom: 1px solid hsla(0,0%,84%,.26);}
.os-suggest-clearfix{clear:both;}
.search-box .ui-autocomplete-loading {background:none;}
.os-suggest-item.os-suggest-doc{ padding:10px 20px; position:relative}
#divSuggestions{margin:10px 0}
.os-suggest-code{display:inline-block; font-size:10px}
.os-search-input{
height: 30px;
    /*width: 170px;*/
    display: inline;
    position: relative;

/*display:inline-block; width:280px; float: left;*/}
.search-box .search-box-button
{
    background: url(/Themes/Native/Content/img/icon-search.svg) center no-repeat !important;
     background-size: 25px 30px !important; 
     float: right;  
    width: 25px;
    height:30px;
    border: none;
    right: 5px;
    position: absolute;
    cursor: pointer;
    z-index: 5;
    
}
.search-icon {
    /*background: url(../img/icon-search.svg) center no-repeat;*/
    float: left;
    width: 25px;
    height: 30px;
    border: none;
    right: 5px;
    position: absolute;
    cursor: pointer;
    z-index: 5;
}
@media (max-width: 422px) {.os-suggest-price {position: inherit;}

}
@media (max-width: 1000px)
{
    .os-suggest-hints {width:100%
    }
    #small-search-box-form {
        top:0px
    }
    .os-suggest-dropdown {margin-top:40px;}

.search-box .search-box-button
{
    background: url(/Themes/Native/Content/img/icon-search.svg) center no-repeat !important;
     background-size: 25px 30px !important; 
     float: right;  
    width: 40px;
    height: 40px;
    border: none;
    right: 0px;
    position: absolute;
    cursor: pointer;
    z-index: 5;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.os-search-input
{
   /*border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;*/
    display: inline-block;
    height: 40px;
    width: calc(100% - 40px);
    display:inline-block; 
    float:left
}
.search-box input.search-box-text {
    float: left;
    width: 200px;
    height: 40px;
    margin: 0 -1px 0 0;
    border-right:none
}
.os-search-clear
{ /*background-color:  #fff;
    background-image: url("../images/search-delete-icon.png");
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
         background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
        /*height: 38px;*/
    min-width: 40px;
        padding: 0 !important;
    text-align: center;
    display:inline-block;
    float: right;
}
.os-search-clear.os-search-clear-hidden
{
    /*background-image:none !important*/
}
.master-wrapper-page
{
    width:100%;
    max-width:100%
}
.search-box form {
    display: inline-block;
    width: calc(100% - 20px);
    max-width: 600px;
}
    .search-box input.search-box-text {
    float: left;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    height: 38px;
    margin: 0 -1px 0 0;
    border-right:none;
    background-color:#fff;
    box-shadow:none;
    border:none
}
}
@media (max-height: 736px)
{
    .os-suggest-dropdown
    {
max-height: 660px;
overflow-y:auto !important;
    }
}
@media (max-height: 667px)
{
    .os-suggest-dropdown
    {
max-height: 620px;
overflow-y:auto !important;
    }
}
@media (max-height: 640px)
{
    .os-suggest-dropdown
    {
max-height: 590px;
overflow-y:auto !important;
    }
    body.searchActive{
        overflow: hidden;
    }
}
@media (max-height: 568px)
{
    .os-suggest-dropdown
    {
max-height: 520px;
overflow-y:auto !important;
    }
}
@media (max-height: 480px)
{
    .os-suggest-dropdown
    {
max-height: 430px;
overflow-y:auto !important;
    }
}
@media (max-height: 414px)
{
    .os-suggest-dropdown
    {
max-height: 360px;
overflow-y:auto !important;
    }
}
@media (max-height: 375px)
{
    .os-suggest-dropdown
    {
max-height: 320px;
overflow-y:auto !important;
    }
}
@media (max-height: 320px)
{
    .os-suggest-dropdown
    {
max-height: 265px;
overflow-y:auto !important;
    }
}