#searchProductLarge {
    position: relative;
    background-color:#ffffff;
    border-radius: 8px;
    height: 45px;
    padding: 2px 3px;    
    width: 40vw;
    max-width: 450px;
    min-width: 190px;
    border: 1px solid #CCC;
}

.tbxSearchProductInput {
    border: 0;
    float: left;
    outline: none;
    margin: 0px 0;
    min-width:150px;
    width: 82%;    
    height: 100%;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight:400;
}

.searchIcon {
    
    margin: 0px 5px 0 0px;
    font-size: 10px;
    color: #000;
    font-family: Symbol, Sans-Serif;
    z-index: 99;
    cursor: pointer;
    float: right;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline:10px;
}
#overlay-search                         {height:100%; width:100%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:99999 !important; padding:0 20%; text-align:left; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.90); display:none;}
.overlay-search-close                   {text-decoration:none; font-size:40px; line-height:40px; position:fixed; top:4%; right:2%; color:#999; padding:0 5px; margin:0; cursor:pointer; display:block;}
.overlay-search-close:hover             {color:#000;}
.overlay-search-title                   {font:bold 60px/60px Arial, Sans-serif; color:#000; margin:0; padding:5% 0 2% 0; display:block; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.overlay-search-tbx                     {font-size:40px; padding:1% 2%; margin:0; border:2px solid #ccc; width:100%; outline-style:none; outline-width:0pt; background-color:#f7f7f7; color:#bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;}
.overlay-search-tbx:focus               {background-color:#fff; color:#000; border:2px solid #2980b9;}
.overlay-search-result                  {padding:3% 0 5% 0; margin:0; list-style:none; width:100%;}
.overlay-search-result li               {padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #ccc;}
.overlay-search-result li:last-child    {padding:0; margin:0; border:0;}
.overlay-search-result li p.title       {padding:0; margin:0; font-size:20px; font-weight:bold; color:#000;}
.overlay-search-result li p.hits        {padding:2px 0 0 0; margin:0; font-size:10px;}
.overlay-search-result li a             {font-size:14px; text-decoration:none; color:#000;}
.overlay-search-result li a:hover       {text-decoration:underline;}
.overlay-search-info                    {font:normal 20px/20px Arial, Sans-serif; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;}
.overlay-search-alert                   {font:normal 20px/20px Arial, Sans-serif; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;}
.overlay-search-preloader               {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}

.overlay-search-result .description h1,
.overlay-search-result .description h2,
.overlay-search-result .description h3,
.overlay-search-result .description h4,
.overlay-search-result .description h5,
.overlay-search-result .description h6,
.overlay-search-result .description p {
    margin: 0;
}

.overlay-search-result .image {
    float: right;
    width: 100px;
    height: 60px;
    overflow: hidden;
    position: relative;
    margin: 10px;
}

    .overlay-search-result .image img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        max-width: 100%;
        max-height: 100%;
    }


@media screen and (max-width: 1300px) {
    
    #overlay-search                     {width:100%; overflow:auto; overflow-x:hidden; padding:0 5%;}
    .overlay-search-close               {font-size:25px; line-height:25px; top:4%; right:5%; position:absolute;}
    .overlay-search-title               {font:bold 24px/24px Arial, Sans-serif; margin:0 0 1.5% 0;}
    .overlay-search-tbx, 
    .overlay-search-tbx:focus           {font-size:18px; line-height:18px; padding:1% 2%; margin:0 0 1.5% 0; border-width:1px;}
    .overlay-search-result li p.title   {font-size:14px;}
    .overlay-search-result li p.hits    {font-size:10px; padding:0;}
    .overlay-search-result li a         {font-size:12px;}
    .overlay-search-info, 
    .overlay-search-alert               {font:normal 14px/14px Arial, Sans-serif; border-width:1px; padding:2%;}
    
    .searchIcon                         {right:5px;}

}

@media screen and (max-width:1200px) {
    #searchProductLarge {
        /*top: 12px;*/
        width: 40vw
    }
    .tbxSearchProductInput {
        min-width: 50px;
    }
}

@media screen and (max-width: 600px) {
    .overlay-search-preloader           {width:80px; height:80px; margin-left:-40px; margin-top:-20px;}    
}

@media screen and (max-width: 480px)
{
    .tbxSearchProductInput {display:none;}
    #searchProductLarge { 
        min-width:0;
        width:60px;
    }
    .overlay-search-preloader           {width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
}