@media only screen and (max-width: 475px) {
    .main-menu .button-container {
        transform: scale(0.68) translate(-99px, -84px);
    }

    .main-menu .title, .barcode-number .title {
        font-size: 24px !important;
        align-self: flex-start;
    }
    .hot-food-combo-page .title {
        text-indent: 0;
    }
    /* .hot-food-combo-page .button-container {
        transform: scale(0.68) translate(-780px, -8px);
    } */

    .scroll-container {
        transform: scale(0.7) translate(-192px, -22px);  
    }

    .main-menu .main-navigation, .barcode-number .main-navigation {
        transform: scale(0.8) translate(-55px, 32px);
    }

    .hot-food-combo-page .main-navigation {
        transform: scale(0.8) translate(-47px, 8px);
    }

    .product-title {
     margin-bottom: 25px;   
    }

    .field-container {
      transform: scale(0.8) translate(-58px, -28px);
    }

    /* .title {
        transform: translateX(-67px);
    } */

    .intervention .title {
        transform: scale(.8);
    }

    .intervention .action-container, .intervention .actions-container {
        transform: scale(.8);
    }

    .view-order-details-btn {
        white-space: nowrap;
    }

    .hot-food-combo-item-container {
        transform: scale(.9) translate(-220px, 46px);
    }

    .order-details-title {
        font-size: 24px !important;
        align-self: flex-start;
    }

    .order-details-container .action-container {
        transform: scale(0.8) translate(-55px, 32px);
    }
}