.g-search-index-content{
        width:100%;
        
    }
    .index-container-list {
        float: left;
    }
    .loc-list ,.selection-list{
        list-style-type: none;
        color: black !important;
        background: white;
        width:200px;
        overflow: hidden;
        position: absolute;
        margin-left:10px;
        top:62px;
        border-radius: 5px;
       /* border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;  */
        text-align: left;
        padding:0;
        z-index: 5;
    }
    
    .selection-list {
        margin-left:0px;
        position: absolute;
        left:100px !important;
        top:26px;         
        
    }
    #location-list li ,#selection-list li{
        padding: 5px;
        width: 100%;
        cursor: pointer;
        overflow: hidden;
    }
    
    #location-list li:hover{
        background-color:#0099e6 ;
    }
     #selection-list li:hover{
        background-color:#0099e6 ;
    }
    
    .global-search-index {
        min-height:auto;
/*        padding-top:20px;*/
        padding-bottom:20px;
/*        text-align: center;*/
/*        border-top: 1px solid #c5c5c5 ;*/
    }
    
.g-search-index-content {
list-style: none;
height:100%;
width:650px;
margin: auto; 
position: relative;
top:0px; 
text-align: center; 
padding-top:30px;
padding-bottom: 20px;
      }
    
.g-search-index-content div { 
margin-left: 10px;
display: inline-block;  
list-style: none;
height:auto;
width:auto;
/*float:left;*/
    
    }
  
 .global-search-index input[type=text]{
        height:35px;
        width:200px;
        border-radius: 5px;
        margin-left: 10px;
        margin-right: 10px;
     position: relative;
     bottom: 5px;
    }
    
 .global-search-index button{
        height:40px;
        width:150px; 
        border-radius: 5px;
        position: relative;
        top:5px;
        cursor: pointer;
        
    }
    
    .global-search button:hover{
        color: yellow;
    }

    #searchglass{        
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: -5;
    top:-15px;
    left:0; 
    filter: blur(1px);
    }
    
    
    @media (max-width: 900px) {
 
  .loc-list  {
     
        width:200px;
        overflow: hidden;
        position: absolute;
        margin-left:10px;
       
    }
    }
    
    @media (max-width: 500px) {
 
      .g-search-index-content {
       max-width: 300px;
          float:none;
       height:auto;
    margin:0 auto;
    }
       
        .global-search-index input[type=text]{
    width: 280px;
    margin-left:0px;
        }
        .global-search-index button{
             width:280px;
            position: relative;
            right:5px;
        }
        
      .loc-list  {
     
    width: 280px;
    overflow: hidden;
    position: relative;
    top: -25px;
    margin-left: 0px;
       
    } 
        
        #alert{
            
        }
            
        
        
    }   