/*Celular*/
@media screen and (max-width: 500px) {
    .divCentral, .divPadrao {
        margin: 0;
        width: auto;
        box-shadow: none;
        padding: 16px;
        position: inherit;
    }

    body {
        background-color: #fff;
        background-image: none !important;
    }

        body::after {
            display: none;
        }

    div [class*="col-"] {
        float: none;
        padding: 0;
        width: auto;
    }

    .mobileShow {
        display: block;
    }

    .mobileNoShow {
        display: none;
    }

    table.gridCinza, .gridCinza thead, .gridCinza tbody, .gridCinza th, .gridCinza td, .gridCinza tr {
        display: block;
    }

    .gridCinza tr td {
        /* Behave  like a "row" */
        position: relative;
        padding: 1px 5px;
    }

    /**/ td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}
/*Tablet*/
@media screen and (max-width: 1000px) {
    .divPadrao {
        margin: 1.0rem;
        left: auto;
        padding: 16px;
    }

    ul.menu {
        padding: 0;
    }

    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}