.res-menu-dropdown {
 position: relative;
 display: inline-block;
 width: 100%;
 }

 .res-menu-dropbtn {
 background-color: #fff;
 color: #333;
 padding: 12px 12px;
 font-size: 13px;
 border: 1px solid #ccc;
 border-radius: 5px;
 cursor: pointer;
 transition: all 0.3s ease;
 min-width: 100%;
 text-align: left;
 
 display: flex; 
 align-items: center; 
 justify-content: space-between;
 text-decoration: none; 
 }

 .res-menu-dropbtn:hover {
 background-color: #FAFAFA;
 border-color: #999;
 }

 .res-menu-btn-map-icon {
 width: 15px;
 height: 30px;
 font-size: 20px;
 margin-top: 10px;
 fill: #d32f2f;
 flex-shrink: 0;
 }

 .res-menu-btn-map-icons {
 width: 0px;
 height: 23px;
 margin-right: 0px;
 margin-top: 10px;
 fill: #d32f2f;
 flex-shrink: 0;
 }

 .res-menu-btn-arrow {
 width: 15px;
 height: 15px;
 font-size: 15px;
 fill: #666;
 flex-shrink: 0;
 transition: transform 0.3s;
 }
 
 .res-menu-dropdown.res-menu-open .res-menu-btn-arrow {
 transform: rotate(180deg);
 }

 .res-menu-content {
 display: none;
 position: absolute;
 background-color: #fff;
 min-width: 100%;
 z-index: 1050;
 border-radius: 5px;
 overflow: hidden;
 border: 1px solid #ccc;
 top: 55px;
 left: 0;
 }

 .res-menu-content.res-menu-show {
 display: block;
 animation: res-menu-fadeIn 0.2s;
 }

 @keyframes res-menu-fadeIn {
 from {opacity: 0;}
 to {opacity: 1;}
 }

 .res-menu-item-link {
 display: flex;
 align-items: flex-start;
 width: 100%;
 padding: 13px 15px;
 text-decoration: none;
 color: #333;
 cursor: pointer;
 border-bottom: 1px solid #eee;
 transition: background-color 0.2s;
 }

 .res-menu-item-link:last-child {
 border-bottom: none;
 }

 .res-menu-item-link:hover {
 background-color: #fafafa;
 color: #000;
 }

 .res-menu-list-icon {
 width: 20px;
 height: 20px;
 margin-right: 12px;
 fill: #d32f2f;
 flex-shrink: 0;
 }

 .res-menu-address-text {
 line-height: 1.4;
 }