@media only screen and (min-width: 995px) {
    
    .menu-content .menu-recipe {
        font-size: 15px;
    }
    .menu-content .menu-title h4 {
        font-size: 18px;
    }
    .menu-content .menu-price {
        font-size: 14px;
    }
    .add-btn span {
        font-size: 15px;
        font-weight: 600;
    }
    .add-btn {
        height: 2.5rem;
    }
    .menu-item.list .menu-image {
        flex: 0 0 100px;
        height: 100px;
    }
    .footer{
        width:40%;
        left:28%;
    }
    #menuCustomize, #call-waiter-box , #track-order-popup, #viewOrder{
        left:28%;
        width:40%;
    }
    .sidebar-header{
        width:40% !important;
    }

}

@media only screen and (max-width: 995px) {
    .single-page-header .header-details{
        text-align:left;
    }
    
    
    /* */
    .single-page-header .left-side, .single-page-header .right-side {
        flex: 1;
        display: flex;
        align-items: center;
    }
    .single-page-header .header-image {
        height: 120px;
        flex: 0 0 120px;
        margin-bottom: 0;
    }
    .single-page-header .header-details {
        flex: 1 !important;
        margin-right: 10px !important;
    }
    .single-page-header .header-details li {
        margin-left: 0 !important;
    }
    
}
@media only screen and (min-width: 575px) {
    /* Edit menu Style */
.content-wrap>.card-body>.section-menu {
    float:right;
    min-height: 395px;
    margin-top: 10px;
}
.card-body .section-menu{float:right;min-height: 395px;} /* Add new by Hossam 3 MAR 2024*/
.menu-item.list{
    display:block;
}
.menu-item.list .menu-image{
    height:230px;
}
.content-wrap>.card-body>.section-menu>.menu-item>.menu-content,.content-wrap>.card-body>.section-menu>.menu-item>.menu-content>.menu-detail{
    display:block;
}
.menu-image{
    margin:0;
}
.add-menu{
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}
.add-btn{
    background: var(--theme-color-1);
    height: 2.5rem;
}
.add-item-to-order{margin-top:10px;}
.add-btn span {
    color: #ffffff;
}
.add-btn i {
    font-size: 17px;
    color: #FFF;
    font-weight: bold;
}
.menu-content .menu-title{
    max-width: 100%;
}
.menu-item.list {
    text-align: center;
}
.menu-price {
    display: block !important;
    margin-top: 4px;
}
.your-order-items .menu-price{
    display: flex !important;
    margin-top: 0;
}
.menu-recipe {
    text-align: center !important;
}

.menu-content .menu-detail {
    display: block;
}
.sidebar-wrapper .menu-title {
        text-align: right;
    }
    .sidebar-wrapper .add-menu {
    align-items: flex-start !important;
}

}

/** all size */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Cairo';
}
body{
    font-family: 'Tajawal';
}
.left-side {
    direction: rtl;
}

.content-right-offset {
    padding-right: 30px;
}
.single-page-section {
    margin-top: 2rem;
    text-align:center;
}
.single-page-header .header-details li{
        margin-right: 0;
        margin-left: 20px;
        direction: ltr;
    }
.card-title {
    font-size: 19px;
    font-weight: bold;
        float: left;
}
.card-header{
    text-align:right;
    background-color: #d9dbde;
}
/* pages and footer style by Hossam 21 FEB 2024*/
.footer-pages {
    width: 100%;
    background: var(--theme-color-1);
    color: #fff;
    border-bottom: 0px solid #ddd;
    transition: background 1.5s;
    display: flex;
}
.footer-pages ul {
    list-style: none;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}
.footer-pages li {
    float: left;
    margin: 7px 15px;
}
.footer-pages li a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
#footer {
    background-color: #303030;
    color: silver;
}
.footer-bottom-section {
    padding: 25px 0;
    border-top: 1px solid #484848;
    text-align: center;
}
#content {
    padding: 56px 0px 0px;
}
@media only screen and (min-width: 995px){
.single-page-front {
    padding: 50px;
}
}
.page-head {
    margin-bottom: 20px;
    padding-bottom: 40px;
}
.page-head h2 {
    float: left;
    width: 60%;
}
.page-head a {
    float: right;
    font-size: 18px;
    color: var(--theme-color-1);
    width: 40%;
    text-align: right;
}
.single-page-front a{
    color:blue;
}
/* END pages and footer style by Hossam 21 FEB 2024*/
@media only screen and (min-width: 995px){
#view-desc-popup {
    left: 28%;
    width: 40%;
}
}
#view-desc-popup {
    height: auto;
    max-height: 85%;
    min-height: 25%;
}
.your-order-items .section-menu{
    float:none;
}
/*add some css by Hossam 4 MAR 2024*/
.hide-btn{
    display:none !important;
}
.show{
    color:#FFF;
}
.card-body {
    display: flex;
    flex-wrap: wrap;
}
.menu-price{
    color:#535353;
}