@media (max-width: 991px) {
    .main-nav-mobile {
        background: var(--secundaria);
    }
    #homename-link {
        color: #FFF;
        font-size: 14px;
    }
    #home-link {
        color: #FFF;
        background: var(--secundaria);
    }
    #phone-link {
        color: #FFF;
        background: var(--secundaria);
    }
    #whatsapp-link {
        color: #FFF;
        background: var(--secundaria);
    }
    #facebook-link {
        color: #FFF;
        background: var(--secundaria);
    }
    #menu-toggle {
        color: #FFF;
        background: var(--secundaria);
    }
    #home-link:hover,
    #phone-link:hover,
    #whatsapp-link:hover,
    #facebook-link:hover,
    #menu-toggle:hover,
    #menu-toggle.active {
        color: var(--highlight);
        background: var(--secundaria);
    }
    /* Fundo Lista - Menu Aberto */
    .nav.mobilemenu {
        background-color: #FFF;
        border-color: #ccc;
    }
    /* Nivel 1 */
    /* Cor Linha - Separa itens Menu */
    .nav.mobilemenu>li {
        border-color: #CCC;        
    }
    /* Cor Texto Menu itens - Nivel 1 */
    .nav.mobilemenu>li>a {
        color: var(--principal);
        background: transparent;
        font-size: 18px;
        text-transform: uppercase
    }
    /* Over Item - Nivel 1 */
    .nav.mobilemenu>li>a:hover {
        color: var(--secundaria);
        font-weight: 600;
        background: #f2f2f2;
    }
    /* Nivel 1 - Dropdown Aberto */
    .nav.mobilemenu .open>a,
    .nav.mobilemenu .open>a:hover,
    .nav.mobilemenu .open>a:focus {        
        color: var(--principal);
        background: #ffffff;
    }
    /* Nivel 2 */
    /* Fundo Lista - Dropdown */
    .nav.mobilemenu .dropdown-menu {
        background: #F2F2F2;
    }
    /* Cor Linha - Separa itens Menu */
    .nav.mobilemenu .dropdown-menu li {
        border-color: #FFF;
    }
    /* Cor Texto Menu itens - Nivel 2 */
    .nav.mobilemenu .dropdown-menu li a {
        color: var(--principal);
        background: transparent;
        font-size: 18px;
        text-align: left;
    }
    /* Over Item - Nivel 1 */
    .nav.mobilemenu .dropdown-menu li a:hover {
        color: var(--principal);
        background: #c4c4c4;
    }
    #homename-link {
        text-decoration: none;
    }
    /* Se data-mobilemenu = left */
    .main-body #homename-link {
        left: 58px;
        right: 58px;
        text-align: center;
        position: absolute;
        display: inline-block;
        float: none;
    }
    .icon-mobile {
        width: 44px;
        height: 44px;
        border: 0px none transparent;
        padding: 3px 0;
        text-align: center;
        text-decoration: none;
        font-size: 28px;
    }
    #home-link,
    #home-link:hover {
        float: left;
    }
    #phone-link,
    #whatsapp-link,
    #facebook-link {
        margin-right: 0;
    }
    .main-nav-mobile {
        z-index: 1031;
        position: fixed;
        left: 0px;
        right: 0px
    }
    .nav.mobilemenu {
        box-shadow: none;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
        z-index: 999;
        clear: both;
        height: 100vh;
        overflow-y: auto;
    }
    .nav.mobilemenu>li {
        float: none;
        text-align: left;
        border-top-width: 1px;
        border-top-style: solid;
        margin-left: 0;
    }
    .nav.mobilemenu>li>a {
        display: block;
        border-radius: 0px;
        text-decoration: none;
        padding: 12px;
        height: auto;
        background: none;
        position: relative;
        z-index: 1;
    }
    .nav.mobilemenu>li>a:after {
        position: absolute;
        right: 12px;
        font-size: 25px;
        top: 22px;
    }
    .nav.mobilemenu .dropdown-toggle[aria-expanded="true"]:after {
        transform: rotate(0deg);
    }
    /*for the animation*/
    .nav.mobilemenu .dropdown-toggle:after {
        transition: .2s;
        transform: rotate(90deg);
        transform-origin: center;
    }
    .nav.mobilemenu .dropdown-menu {
        position: static !important;
        transform: none !important;
        float: none;
        border-radius: 0;
        border: 0px none;
        box-shadow: none;
        margin: 1px 0 0;
        padding: 0;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .nav.mobilemenu .dropdown-menu li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .nav.mobilemenu .dropdown-menu li:last-child {
        border-bottom-width: 0;
        border-bottom-style: none;
    }
    .nav.mobilemenu .dropdown-menu li a {
        padding: 5px 15px;
        position: relative;
        z-index: 2000;
    }
    .nav.mobilemenu .dropdown i {
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .nav.mobilemenu .dropdown.open i {
        -ms-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}