@media screen and (min-width: 480px) {
    /* Estilos básicos para o menu */
    .box-content-home {
        position: relative;
        padding: 3px;
    }

    ul.tree {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    ul.tree > li {
        position: relative;
        padding-bottom: 4px;
    }

    ul.tree li a {
        display: block;
        padding: 7px 7px !important;
        border-left: 4px solid rgb(163, 163, 163);
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

    ul.tree li a:hover {
        border-left: 4px solid #2ab343;
        background-color: rgba(42, 179, 67, 0.15);
    }

    ul.tree li a img {
        padding: 4px 0px 4px 4px;
    }

    ul.tree li > a {
        color: #333;
        text-decoration: none;
    }

    ul.tree li ul {
        display: none;
        /* Esconde submenus inicialmente */
        position: absolute;
        top: 0%;
        left: 100%;
        background-color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
        padding: 5px 2px;
        min-width: 300px;
        z-index: 1000;
    }

    ul.tree li ul li {
        position: relative;
        padding-bottom: 5px;
    }

    ul.tree li ul li a {
        display: block;
        padding: 7px 7px !important;
        border-left: 4px solid rgb(163, 163, 163);
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }

    ul.tree li ul li a:hover {
        border-left: 4px solid #2ab343;
        background-color: rgba(42, 179, 67, 0.15);
    }

    /* Exibir submenus ao passar o mouse */
    ul.tree > li:hover > ul {
        display: inline-block;
    }

    /* Estilos do mega menu */
    ul.tree > li ul li ul {
        display: none;
        /* Esconde submenus inicialmente */
        position: absolute;
        top: 0%;
        left: 100%;
        padding: 5px 2px;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
        max-height: 500px;
        overflow-y: auto;
        /* min-width: unset; */
    }

    ul.tree > li ul li:hover ul {
        display: inline-block;
        left: 90%;

        /* Distância lateral para submenus do mega menu */
    }

    /*
        * STYLE 4
        */

    ul.tree > li ul li ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #f5f5f5;
    }

    ul.tree > li ul li ul::-webkit-scrollbar {
        width: 10px;
        background-color: #f5f5f5;
    }

    ul.tree > li ul li ul::-webkit-scrollbar-thumb {
        background-color: #707070;
        border: 2px solid #555555;
    }

    /* css para paginas internas */

    /* Estilos básicos para o menu */
    .box-content-interno {
        position: relative;
        padding: 0px;
        width: 100%;
    }

    ul.tree-interno {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    ul.tree-interno > li {
        display: block;
        margin: 3px 2px;
        /* padding: 3px 2px; */
    }

    ul.tree-interno li.open-this {
        background-color: rgba(42, 179, 67, 0.08);
        /* border:none; */
    }

    .open-this-background {
        background-color: rgba(42, 179, 67, 0.08);
        /* border:none; */
    }

    ul.tree-interno li a {
        display: block;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 4px 0px 4px 5px !important;
        border-bottom: 1px dotted rgb(163, 163, 163);
    }

    ul.tree-interno li a:hover {
        /* border-left: 2px solid #2ab343; */
        background-color: rgba(42, 179, 67, 0.15);
        /* color:white; */
    }

    ul.tree-interno li a img {
        padding: 0px 5px;
    }

    ul.tree-interno li > a {
        color: #333;
        text-decoration: none;
    }

    ul.tree-interno li ul {
        display: none;
        /* Esconde submenus inicialmente */
        background-color: #fff;
        padding-left: 10px;
        width: 100%;
        z-index: 1000;
    }

    ul.tree-interno li ul li {
        margin-bottom: 2px;
    }

    ul.tree-interno li ul li a {
        display: block;
    }

    /* Estilos do mega menu */
    ul.tree-interno > li ul li ul {
        display: none;
        top: 0%;
        left: 100%;
        padding-left: 12px;
    }

    ul.tree-interno .plus-icon {
        font-size: 16px;
        font-weight: bolder;
        padding: 0px 15px !important;
    }
}

/* mobile */
@media screen and (max-width: 480px) {
    .box-content-home {
        position: relative;
        padding: 0px;
        width: 100%;
    }

    ul.tree,
    ul.tree-interno {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    ul.tree > li,
    ul.tree-interno > li {
        display: block;
        /* margin: 7px 0px; */
        padding: 3px 0px;
    }

    ul.tree li a,
    ul.tree-interno li a {
        display: block;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 4px 2px !important;
        border-bottom: 1px dotted rgb(163, 163, 163);
    }

    ul.tree li a img,
    ul.tree-interno li a img {
        padding: 0px 5px;
    }

    ul.tree li > a,
    ul.tree-interno li > a {
        color: #333;
        text-decoration: none;
    }

    ul.tree li ul,
    ul.tree-interno li ul {
        display: none;
        /* Esconde submenus inicialmente */
        background-color: #fff;
        padding-left: 10px;
        width: 100%;
        z-index: 1000;
    }

    ul.tree li ul li,
    ul.tree-interno li ul li {
        margin-bottom: 2px;
    }

    ul.tree li ul li a,
    ul.tree-interno li ul li a {
        display: block;
    }

    /* Estilos do mega menu */
    ul.tree > li ul li ul,
    ul.tree-interno > li ul li ul {
        display: none;
        top: 0%;
        left: 100%;
        padding-left: 12px;
    }

    ul.tree .plus-icon,
    ul.tree-interno .plus-icon {
        font-size: 16px;
        font-weight: bolder;
        padding: 0px 15px !important;
    }

    ul.tree-interno li.open-this {
        background-color: rgba(42, 179, 67, 0.08);
        /* border:none; */
    }

    .open-this-background {
        background-color: rgba(42, 179, 67, 0.08);
        /* border:none; */
    }
}

.categ {
    background-color: #2ab343;
    color: #fff;
}