@media (max-width: 380px){
    .choose-menu {
        font-size: 1.9rem;
    }

    .logo1 img, .logo2 img {
        width: 220px;
    }

    .category__food__details h5 {
        font-size: 1.3rem;
    }

    .category__food__contains span {
        font-weight: bold;
        font-size: 0.68rem;
    }

    .category__food__contains p {
        font-size: 0.68rem;
    }

    .category__food__price {
        padding: 0 0.1rem;
    }

    .category__food__image img {
        width: 96px;
        height: 96px;
    }

    .separator {
        background-size: 320px;
    }
}

@media (max-width: 350px){
    .category__name {
        font-size: 1.3rem;
    }

    .logo1 img, .logo2 img {
        width: 200px;
    }

    #main-header h2 {
        font-size: 2.1rem;
    }

    .categories-container {
        padding: 0 1.2rem 2rem;
    }

    .cart {
        width: 250px;
    }

    .category {
        padding: 2.8rem 0.3rem 0;
    }
}

@media (max-width: 320px){

}


/* width be bala */
@media (min-width: 1024px){
    .logo1 , .logo2{
        display: none;
    }

    .header-inner{
        justify-content: center;
    gap: 60px;
    }

    .choose-menu {
        font-size: 2.8rem;
    }

    .desktop-logos{
        display: flex;
    }

    .category-links {
        gap: 1rem;
        padding: 1.8rem 3rem 1.8rem;
    }
}



/* height haye zire 750 */
@media (max-height: 750px){
    .logo1 img, .logo2 img {
        width: 220px;
    }

    .header-inner {
        padding: 90px 0;
    }
}

@media (max-height: 750px){
    .logo1 img, .logo2 img {
        width: 200px;
    }

    .header-inner {
        padding: 60px 0;
    }
}

@media (max-height: 570px){
    .logo1 img, .logo2 img {
        width: 180px;
    }

    .header-inner {
        padding: 60px 0;
    }
}


/* height 830 be bala */
@media (min-height: 830px){
    #main-header {
        background-size: 190px;
    }
}

@media (min-height: 1024px){
    #main-header {
        background-size: 250px;
    }
}