.menu-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 96%; */
    height: 100%; /*modar*/
    position: relative;
}

.menu-item .row.align-items-center {
    margin-top: auto;
}

.menu-item .mb-4 {
    /* max-height: 225px; */
    max-height: 370px;
    
    width: auto;
    object-fit: cover; /* يحافظ على نسبة العرض والارتفاع دون تشويه الصورة */
}


.modal-body.panel-details-container {
            height: 52vh; /* الارتفاع بنسبة لارتفاع الشاشة */
            overflow-y: auto;
            overflow-x: hidden;
        }




/* تخصيص استايل عنصر select */
select#areasDropdown {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 250px;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #ccc 50%),
                      linear-gradient(135deg, #ccc 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    appearance: none;
}

/* تخصيص استايل الخيارات داخل عنصر select */
select#areasDropdown option {
    padding: 5px;
}

@media only screen 
    and (min-width: 375px) 
    and (max-width: 375px) 
    and (min-height: 666px) 
    and (max-height: 668px) 
    {
        .modal-body.panel-details-container 
        {
            height: 28vh; 
        }
    }

    @media only screen 
    and (min-width: 340px) 
    and (max-width: 390px) 
    and (min-height: 669px) 
    and (max-height: 890px) 
    {
        .modal-body.panel-details-container 
        {
            height: 38vh; 
        }
    }

    @media only screen 
    and (min-width: 1023px) 
    and (max-width: 1025px) 
    and (min-height: 599px) 
    and (max-height: 601px) 
    {
        .modal-body.panel-details-container 
        {
            height: 30vh; 
        }
    }

    @media only screen 
    and (min-width: 1279px) 
    and (max-width: 1281px) 
    and (min-height: 799px) 
    and (max-height: 801px) 
    {
        .modal-body.panel-details-container 
        {
            height: 45vh; 
        }
    }

    @media only screen 
    and (min-width: 539px) 
    and (max-width: 541px) 
    and (min-height: 719px) 
    and (max-height: 721px) 
    {
        .modal-body.panel-details-container 
        {
            height: 45vh; 
        }
    }

@media (min-width:1024px)
{
    .ad-tx
    {
        font-size: 37px;
    }
}
@media (min-width:980px) and (max-width:1023px)
{
    .ad-tx
    {
        font-size: 30px;
    }
}
@media (min-width:768px) and (max-width:979px)
{
    .ad-tx
    {
        font-size: 22px;
    }
}
@media (min-width:640px) and (max-width:767px)
{
    .ad-tx
    {
        font-size: 20px;
    }
}
@media (min-width:480px) and (max-width:639px)
{
    .ad-tx
    {
        font-size: 18px;
    }
}
@media only screen and (max-width:479px)
{
    .ad-tx
    {
        font-size: 16px;
    }
}