@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
    #main-content {
        width: 100% !important;
        padding: 20px 10px 0px 10px;
    }

    #main-container {
        height: 94%;
    }

    .cal-day-text-white {
        font-size: 11px;
        letter-spacing: 0px;
        line-height: 1.2;
        font-weight: 600;
    }

    .cal-day-text-blue {
        font-size: 11px;
        letter-spacing: 0px;
        line-height: 1.2;
        font-weight: 600;
    }

    .cal-day-text-dark {
        font-size: 11px;
        letter-spacing: 0px;
        line-height: 1.2;
        font-weight: 600;
    }

    .show-weekends {
        width: 18% !important;
    }

    .week-header {
        width: 12%;
    }

    .menu-product-col {
        width: 12%;
    }

    .day-text {
        font-size: 14px;
    }

    .menu-add-text {
        font-size: 10px;
    }

    .menu-product-text {
        font-size: 10px;
    }

    .menu-header-container {
        overflow-x: visible;
    }

    .header-row {
        white-space: unset;
    }

    .select-toggle {
        margin-top: 5px;
    }

    .dashboard-card-middle-text{
        margin-left: 0px !important;
    }

    .dashboard-card-middle-percent {
        display: none;
    }

    .menu-products-container {
        overflow-y: auto;
        width: 103%;
        height: 700px;
    }

    .preorder-product-price {
        width: auto;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1180px) and (orientation:landscape) {
/*For landscape layouts only*/

    body{
    min-height: 100vh;
    min-height: -webkit-fill-available !important;
    }

    html{
        height: -webkit-fill-available !important;

    }

    #main-content {
        width: 100% !important;
        padding: 20px 10px 0px 10px;
    }

    #main-container {
        height: 94%;
    }

    .show-weekends {
        width: 18% !important;
    }

    .week-header {
        width: 12%;
    }

    .menu-product-col {
        width: 12%;
    }

    .day-text {
        font-size: 14px;
    }

    .menu-add-text {
        font-size: 11px;
    }

    .menu-product-text {
        font-size: 11px;
    }

    .menu-header-container {
        overflow-x: visible;
    }

    .header-row {
        white-space: unset;
    }

    .select-toggle {
        margin-right: 0px;
    }

    .menu-products-container {
        overflow-y: auto;
        width: 102%;
        height: 450px;
    }

    .preorder-product-price{
        width: auto;
    }
}