.homepagepopup {top: 120px !important; left: 480px !important; display: block !important;width: auto !important; }

/*POSTCODE SEARCH BOX CSS*/
 .search_restaurants {
                height: 200px;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
        }
            .search_restaurants .box {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
         
        }
    
   .autocomplete .dropdown-menu{
       position: absolute;
       bottom: 0 !important;
       left: 50% !important;
       width: 100% !important;
       transform : translate (-50%,-50%);
   }
      
    .search_restaurants input {
    background: #fff !important;
    color: #333 !important;
    height: 55px !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}
     .search_restaurants .search_btn {
    display: inline-block;
    width: 100px;
    height: 55px;
    background-color: #125fca;
    color: #fff;
    font-weight: 500;
    border: none;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 25%);
    cursor:pointer;
}

 .search_restaurants .btns{
    display: flex;
    align-items: center;
    
}
    



   .search_restaurants input{
       margin: 0 !important;
       border: none !important;
   }
    .search_restaurants input:focus{
         border: none !important;
        box-shadow: none !important;
    }
       
   .search_restaurants  .icon{
    height: 55px;
    background: #fff;
    color: #333;
    position: relative;
    width: 36px;
    }
    
  .search_restaurants   .autocomplete .dropdown-menu {
    position: absolute;
    display:none;
    left: 50% !important;
    width: 100% !important;
    transform: translate(-50%,-13px);
    z-index: 999;
    height: 170px;
    overflow: auto;
    background: #fff;
}

 .search_restaurants .autocomplete .dropdown-menu a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    color: #4f4d4b;
    font-weight: 500;
     margin-top: 10px;
    font-size: 16px;
    text-align: left;
}
    
 .search_restaurants .dropdown-menu li {
    background-color: #fff;
    padding: 3px 15px;
    border-bottom: 1px solid #dedede;
   
}

  .search_restaurants .dropdown-menu li:hover{
    background-color:#ffe6f3;
}
     .search_restaurants .icon i{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .search_restaurants .takewaybtn{
        background-color: #f89323 !important;
        padding: 10px;
    }
    
    .search_restaurants .bg{
    width: 80%;
    padding: 20px;
    background: #0000001f;
    }
    
  .search_restaurants .autocomplete {
    position: relative;
    width: 75%;
}
    
    .search_restaurants .search_btn:first-child{
        margin-right: 10px;
    }
    
    @media (min-width: 768px){  
 
    
   .search_restaurants input:focus::placeholder {
 font-size: 1.2rem !important;
 transition: 0.2s;
}
    } 
     @media (max-width: 768px){
        .search_restaurants  .box{
             align-items: stretch;
            position: relative;
            height: 120px;
        }
        .search_restaurants .btns{
            position: absolute;
            top: 80px;
        }
        .search_restaurants .icon{
             box-shadow: none;
             height: 45px;
        }
         .search_restaurants .autocomplete{
            box-shadow: none;
            width: 100%;
    }
     .search_restaurants .search_btn {
         height: 45px;
     }
      
       .search_restaurants input{
            font-size: 16px !important;
             height: 45px !important;

       }
       
       .search_restaurants .takewaybtn{
         padding: 5px;  
       }
     .search_restaurants .bg {
      width: 96%;
     }
     
     .search_restaurants {
     height: 300px;
     }
    }
    
    .msgarea{
    position: absolute;
    bottom: 9px;
    color: #fff;
    background: #000;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: 500;
    }


/*POSTCODE SEARCH BOX CSS*/