#restaurants_nav{
 position: unset;
}




#restaurant_sub_menu_wrapper{
display: none;
width: 100%;
position: absolute;
background: white;
z-index: 999;
padding: 25px 0 50px 0;
}


#list_cover{
    content: '';
    background:black;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    opacity: .7;
}

@media screen and (min-width:768px){
 #restaurant_sub_menu_wrapper{

 }
}

@media screen and (max-width:768px){
  #restaurant_sub_menu_wrapper{
top:0px;
 }
 #restaurants{
 /*display: none;*/
}
}


#restaurant_sub_menu_wrapper .restaurant_sub_menu{

background: white;
margin:0;
width: 100%;
z-index: 999;
}


 #restaurant_sub_menu_wrapper .restaurant_sub_menu{
text-align: center;
}

#restaurant_sub_menu_pos{
margin: auto;  
}



@media screen and (min-width:992px){
    #restaurant_sub_menu_wrapper .restaurant_sub_menu{
        column-count: 3;
    }
    
    #restaurant_sub_menu_pos{
        width: 50%;
    }
}


@media screen and (min-width:768px) and (max-width:991px){
    #restaurant_sub_menu_wrapper .restaurant_sub_menu{
        column-count: 2;
    }
    
    #restaurant_sub_menu_pos{
        width: 75%;
    }
}


@media screen and (max-width:767px){
    #restaurant_sub_menu_wrapper .restaurant_sub_menu{
        column-count: 1;
    }
    
    #restaurant_sub_menu_pos{
        width: 75%;
    }
}

#r_nav_closed{
font-size: 2em;
float:right;

}

#r_nav_closed .fa{

}

@media screen and (min-width:768px){
 #r_nav_closed{

 }
}


@media screen and (max-width:767px){
 #r_nav_closed{

 }
}

.restaurant_sub_item_content{
height: 200px;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
position: relative;
align-items: center;
 text-align: center;
 padding: 10px;
}

@media screen and (min-width:768px){
 .restaurant_sub_menu li.restaurant_sub_menu_item {

 }
}
.restaurant_sub_menu li.restaurant_sub_menu_item {
 display: block;

}

.restaurant_sub_menu_item a:focus{

}

.restaurant_sub_item_content .restaurant_name{
 position: absolute;
 bottom:0;
}

#restaurant_sub_menu_wrapper .restaurant_sub_menu li.restaurant_sub_menu_item a{
 display: block;
margin:0;
padding:0;
color: black;
}

#restaurant_sub_menu_wrapper .restaurant_sub_menu li.restaurant_sub_menu_item a:hover{
color:#ed1b2e;
}

.restaurant_sub_item_content img{
max-height: 100px;
display: inline;
max-width: 175px;
align-self: center;
}