@media screen and (max-width: 767px) {
    .food-description p {
        font-size: 12px;
        line-height: 14px;
    }

    .footer-details p {
        font-size: 12px;
        padding: 10px 0;
    }
    #header-img {
        height: 80px;
        background-size: cover;
    }
    .logo-img {
        width: 150px;
    }
    .star-level img {
        width: 13px;
        margin: 0 3px 10px;
    }
    .cdk-overlay-pane {
        min-width: 90vw;
    }
    .food-name a {
        font-size: 16px!important;
        line-height: 20px;
    }
    .btn-recipe {
        font-size: 14px;
        padding: 5px 25px;
    }
    .swiper-pagination {
        bottom: 5%;
    }
}

/* @media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
}

@media only screen and (max-device-width: 480px) {
} */