.searchIcon                             {position:relative; margin: 0px; line-height: 1; font-size: 18px; color:#fff; font-family:Symbol, Sans-Serif; z-index:99; cursor:pointer;}
.searchIcon img                         {width:24px;min-width:24px;}
#overlay-search                         {height:100%; width:60%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:999 !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;}
.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 .no-result              { font-size: 18px;}

@media screen and (max-width: 1100px) {
    #overlay-search                     {width:90%; 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              {}

}
@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)
{
    .overlay-search-preloader           {width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
}