@media (max-width: 490px) {
    .bottom-plant {
        margin-left: -100px;
    }
}

@media (max-width: 440px) {
    .plant-top img {
        top: -10px;
    }

    .bottom-plant {
        min-height: 180px;
    }

    svg {
        width: 36px;
    }

    .foods-container {
        padding: 1rem 1.6rem 5rem;
    }

    .category-label h3 {
        font-size: 0.88rem
    }
}

@media (max-width: 410px) {
    .plant-top img {
        top: 0px;
    }

    .intro {
        width: 65%;
        right: 17%;
    }

    .copyright a {
        font-size: 1rem
    }
}

@media (max-width: 380px) {
    .plant-top img {
        /* width: 230px; */
        width: 53%;
        top: 0px;
        left: -50px;
    }

    svg {
        width: 34px;
    }

    .food__name {
        padding: 0.2rem 0.5rem;
    }

    .foods-container {
        padding: 1rem 1.4rem 5rem 1.2rem;
    }

    .food>header {
        height: 110px;
    }

    .food__contains p {
        font-size: 0.75rem;
    }

    .food__price {
        font-size: 1rem;
    }
}

@media (max-width: 360px) {
    .food>header {
        height: 100px;
    }
}





/* width reverse */
@media (min-width: 580px) {
    .bottom-plant {
        min-height: 200px;
        height: 150px;
        margin-bottom: -30px;
    }
}

@media (min-width: 680px) {
    .bottom-plant {
        margin-left: 0;
    }
}

@media (min-width: 760px) {
    .bottom-plant {
        display: none;
    }
}






/* Height control */
@media (max-height: 750px) {
    .stage-container {
        right: calc((100% - 240px)/2);
        bottom: 17vh;
    }

    .stage-image {
        width: 240px;
    }

    .bottom-plant {
        min-height: 150px;
        height: 150px;
    }

    .ring1 {
        width: 240px;
        height: 240px;
    }

    .ring2 {
        width: 214px;
        height: 214px;
    }

    .ring3 {
        width: 192px;
        height: 196px;
    }

    .stage-logo {
        width: 80px;
        bottom: 90px;
        left: 80px;
    }

    #navigation {
        height: 190px;
    }

    .splide__slide_cat {
        width: 150px !important;
        height: 150px !important;
        overflow: unset !important;
    }

    .category-name__fa {
        font-size: 1rem;
    }

    .category-name__en {
        font-size: 0.75rem;
    }

    .nav-cart__img {
        width: 76px;
    }
}

/* iphone 5/5s fixer */
@media (max-height: 600px) {
    .stage-container {
        right: calc((100% - 220px)/2);
        bottom: 17vh;
    }

    .stage-image {
        width: 220px;
    }

    .bottom-plant {
        min-height: 150px;
        height: 150px;
    }

    .ring1 {
        width: 220px;
        height: 220px;
    }

    .ring2 {
        width: 194px;
        height: 194px;
    }

    .ring3 {
        width: 172px;
        height: 176px;
    }

    .stage-logo {
        width: 70px;
        bottom: 85px;
        left: 76px;
    }

    svg {
        width: 30px;
    }

    .food__name h4 {
        font-size: .9rem;
    }

    .food__name__en {
        font-size: 0.8rem;
    }

    .food__contains h5 {
        font-size: 0.85rem;
    }

    .food__contains p {
        font-size: 0.75rem;
    }

    .food__price {
        font-size: 1rem;
    }

    .copyright a {
        font-size: 0.92rem;
    }
}

/* height iphoneX be bala */
@media (min-height: 800px) {
    .intro {
        width: 72%;
        right: 14%;
    }

    .bottom-plant {
        margin-left: -160px;
        min-height: 210px;
    }

    .stage-container {
        bottom: 22vh;
    }
}

/* A51/A71 height fixer */
@media (min-height: 890px) {
    .bottom-plant {
        margin-left: -190px;
        min-height: 230px;
    }

    .intro {
        width: 72%;
        right: 14%;
        top: 20vh;
    }

    .plant-top img {
        top: 20px;
    }
}