#suggestions {
    background-color: #fff;
    border: 0;
    display: none;
    min-height: 100px;
    max-height: 500px;
    overflow-y: scroll;
    position: absolute;
    width: 100%;
    margin: 0;
    left: 0;
    z-index: 220;
    font-size: 15px;
    top: 5.3rem;
    box-shadow: 0 4px 6px rgba(32,33,36,.28);
    -webkit-box-shadow: 0 4px 6px rgba(32,33,36,.28);
    border-radius: 2.4rem;
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-overflow-scrolling: touch; /* Bật cuộn mượt trên iOS */
}
#suggestions::-webkit-scrollbar {
    display: none; /* Ẩn thanh cuộn trên Safari và Chrome */
}
#suggestions .bgsugges1,#suggestions .bgsugges2   {   padding:5px 10px;margin:5px 0;text-align:left}

 #suggestions a img   {   border:1px solid #ccc;margin-right:5px;vertical-align:middle;width:35px}

 #suggestions a,#suggestions1 a,#suggestionstragop a   {   color:#666}

 #suggestions a .titles   {   float:right;margin-top:7px}

 #suggestions a:hover   {   color:#fff}

 .bgsugges1   {   background:#f5f5f5}

 .bgsugges2   {   background:#fdfcfc}

 .bgsugges1:hover,.bgsugges2:hover   {   background:#60BACA}

 .bgsugges1:hover a,.bgsugges2:hover a   {   color:#fff!important}
 @media (max-width: 480px) {
    #suggestions {
        top: 4rem;
    }
 }