.form-control:focus{
border-color:#ffffff;
box-shadow: none;
}                             
#click_advance{ width: 30px;
padding-right: 10px;
padding-left: 5px;
text-align: center;
}
.close-top{
top: 0.5vh;
position: relative;	
}
.search-zindex-hide{
z-index:5;
}
.search-zindex-show{
z-index:99;
}
@media (min-width: 1200px) { 
#li-search{ display: none;
position: absolute;
width: 30%;
padding: 0px;
top: 56px;
border-right: none !important;
}
#li-search .close-search{
float: right;
padding-top: 5px;
position: absolute;
right:5px;
}
#btn-search.open{
border-right:none !important;
}
.search{
border-radius: 3px;                        
margin-top: 3px;
width: 100%;
float: right; height: 40px;
}
#li-search .open {
display: block;                        
}                    
#click_advance-list-li{ }
}
@media (max-width: 576px) {                  
.div-search{
width: 200px;
}
#li-search{ display: none;
position: absolute;
width: 500px; padding: 20px 15px;
padding-top: 11px;
}
.close-top {
top: -0.5vh;
position: relative;
}
.searchheight{
height: 55px;
} 
#li-search .close-search{
float: right;
padding-top: 4px;
position: absolute;
right:10px;
}
.search{
border-radius: 3px;   
width: 45%;
margin-top: -1vh;
float: right;                       
}  
#li-search .open {
position: absolute;
width: 770px;
margin-right: 200px;
margin-top: 10px;                        
display: block;                        
padding-top: 35px;
left: 0px;                                                
right: 0px;
}
#click_advance-list-li{
z-index:5;
}
}
@media (min-width: 577px) and (max-width: 767.98px) {                  
.div-search{
width: 200px;
}
#li-search{                        
display: none;
position: absolute;
width: 770px;
margin-right: 200px;                                                               
padding: 20px 15px;
} 
.search{
border-radius: 3px;                                            
margin-top: 18px;
width: 50%;
float: right; 
}  
#li-search .close-search{
float: right;
padding-top: 25px;
position: absolute;
right:10px;
}
#li-search .open {
position: absolute;
width: 770px;
margin-right: 200px;
margin-top: 10px;                        
display: block;                        
padding-top: 35px;
left: 0px;                                                
right: 0px;
}
#click_advance-list-li{
z-index:99;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {                  
.div-search{
width: 200px;
}
#li-search{                        
display: none;
position: absolute;
padding: 20px 15px;
border-radius: 3px;
margin-top: -6px;
width: 65%;
float: right;
} 
#li-search .close-search{
float: right;
padding-top: 0px;
position: absolute;
right:10px;
}
.search{
border-radius: 3px;
margin-top: -18px;
width: 80%;
float: right;
}  
#li-search .open {
position: absolute;
width: 770px;
margin-right: 200px;
margin-top: 10px;                        
display: block;                        
padding-top: 35px;
left: 0px;                                                
right: 0px;
}
#click_advance-list-li{
z-index:99;
}
.close-top {
top: -12px;
position: relative;
}
}
@media  (min-width: 992px) and (max-width: 1199.98px) {                  
.div-search{
width: 200px;
}
#li-search{                        
display: none;
position: absolute;
width: 770px;
margin-right: 200px;                                                               
padding: 20px 15px;
} 
#btn-search.open{
border-right:none !important;
}
#li-search .close-search{
float: right;
top: 10.5px;
position: absolute;
right:10px;
}
.search{
border-radius: 3px;                        
margin-top: -1vh;
width: 85%;
float: right; 
height: 2.9vh;
}  
#li-search .open {
position: absolute;
width: 770px;
margin-right: 200px;
margin-top: 10px;                        
display: block;                        
padding-top: 35px;
left: 0px;                                                
right: 0px;
}
#click_advance-list-li{
z-index:99;
}
}