﻿@media screen and (max-width: 768px) {
    body {
        font-size: 16px !important;
    }

    .body-container {
    }

    .cart-container {
        flex: 0 0 auto;
        width: 70px;
    }

    .left-panel {
        width: 100%;
        position: unset !important;
        float: unset !important;
    }

        .left-panel .dropdown-menu {
            display: none;
        }

        .left-panel .label-container {
            margin-bottom: 20px;
            position: relative;
        }

        .left-panel #divSelectedClient {
            display: block !important;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .left-panel .seller {
            display: none !important;
        }

    .right-panel {
        margin-left: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .profile-left {
        width: unset;
        padding: 30px;
        border-right: unset;
        text-align: center;
    }

        .profile-left .btn-light {
            width: fit-content !important;
        }

    .left-modal {
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        width: 100vw;
        height: fit-content !important;
    }

        .left-modal .modal-body {
            max-height: unset !important;
            overflow: unset !important;
            max-height: fit-content !important;
            background-color: white;
        }

        .left-modal .modal-footer {
            background-color: #E9F6EC;
        }

    .delivery {
        background-color: #E9F6EC;
    }

    .fixed-top {
        top: 5px;
        left: 5px;
        width: 100%;
    }

    footer {
        padding: 20px 10px;
        font-size: 12px;
    }

        footer a {
            font-size: 0.9em;
        }

    .chat-container {
        width: 96%;
        height: 400px;
        margin: 0px 10px 0px 20px;
        position: fixed;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #FFFFF0;
    }

        .chat-container .title {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }
}
