.meggi{
   position: absolute;
    top: 100%;              
    left: 30%;
    transform: translateX(-30%); 
    padding: 30px;
    min-width: 250px;
    max-width: 90vw;        
    background: #fff;
    z-index: 999;

}
.tmeggi{
   position: absolute;
    top: 100%;              
    left: 30%;
   transform: translateX(-71%);
    padding: 30px;
    min-width: 80vw;
      max-width: 98vw;      
    background: #fff;
    z-index: 999;
   overflow-y: scroll;
   height: 80vh;;
}
.dmeggi{
   position: absolute;
    top: 100%;              
    left: 30%;
   transform: translateX(-83%);
    padding: 30px;
    min-width: 250px;
      max-width: 98vw;      
    background: #fff;
    z-index: 999;
}
.more-link {
  display: inline-block;
  margin-top: 6px;
  font-weight: 600;
  color: var(--theam-color);
}

.more-link:hover {
  text-decoration: underline;
}



@media (max-width: 1199px) {
  .meggi {
    transform: none; /* completely removes transform */
    left: 0;         /* adjust position */
    width: 100%;     /* full width for mobile */
  }
  .dmeggi {
    transform: none; /* completely removes transform */
    left: 0;         /* adjust position */
    width: 100%;     /* full width for mobile */
  }
  .tmeggi {
    transform: none; /* completely removes transform */
    left: 0;         /* adjust position */
    width: 100%;     /* full width for mobile */
  }
}