/* Tablets (telas entre 768px e 1024px de largura) */
@media (max-width: 1024px) {
    .container {
        max-width: 100%;
        padding: 15px;
    }
}
/* /Tablets (telas entre 768px e 1024px de largura) */

/* Telas móveis (telas entre 480px e 767px de largura) */
@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 10px;
    }
}
/* /Telas móveis (telas entre 480px e 767px de largura) */

/* Telas muito pequenas (dispositivos móveis menores que 480px) */
@media (max-width: 480px) {
    /* PDV Responsive */
    div.page-body div.container-x1 div.row-pos-body {
        display: block;
        height: 100vdh;
        overflow: auto;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-header {
        display: inline-block;
        width: 100%;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-header span {
        font-size: 12px;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-header div:nth-child(3) {
        font-size: normal;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-header .select-wrapper {
        margin-right: 0 !important;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-header .select-wrapper button {
       width: 15rem;
       top: auto;
     }

    div.page-body div.container-x1 div.row-pos-body .content .content-body .tab-content label[for="insert_auto"] {
        justify-content: end;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-body ul.nav-tabs {
        gap: 0.5rem;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-body .invoice-col {
        display: flex;
        justify-content: center;
    }

    div.page-body div.container-x1 div.row-pos-body .content .content-body .product__picture {
        width: 40%;
    }

    div.page-body div.stick-bottom .pos-footer button {
        width: max-content;
        font-size: 10px !important;
    }
    div.page-body div.stick-bottom .pos-footer a {
        width: max-content;
        font-size: 10px !important;
    }
    /* /PDV Responsive */
}
/* /Telas muito pequenas (dispositivos móveis menores que 480px) */

/* Extra pequenas telas (pequenos dispositivos móveis, com menos de 360px) */
@media (max-width: 360px) {
    .container {
        max-width: 100%;
        padding: 5px;
    }
}
/* /Extra pequenas telas (pequenos dispositivos móveis, com menos de 360px) */
