﻿@media (min-width: 1200px) {
    .mobile-menu {
        display: none;
    }
}

@media (min-width: 769px) AND (max-width: 1200px) {
    .mobile-menu {
        display: none;
    }
}

@media (max-width: 768px) {
    .mobile-menu {
        display: block;
    }

    ul.sub-menu .menu-item .menu-items {
        text-align: left;
        color: #277bc4;
    }

    .arrow-img {
        cursor: pointer;
        margin-top: -21.5px;
        padding: 25px;
        pointer-events: none;
        position: absolute;
        right: 0;
    }

    ul.mobile {
        display: block;
        margin-bottom: -15px;
        padding: 0;
        padding-top: 25px;
    }

    .mobile-menu {
        box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2);
        padding: 22px;
        position: relative;
    }

    p.mobile-toggle {
        color: #00326b;
        font-size: 20px;
        font-weight: 900;
    }

    i#arrow-menu {
        position: absolute;
        /* right: 25px; */
        right: 5px;
    }

    li.menu-item {
        padding: 5px 0;
    }

    ul.sub-menu {
        padding: 0;
        /* padding-top: 15px; */
        /* padding-bottom: 42px; */
        padding-bottom: 15px;
    }

    ul.sub-menu#dinamico li.menu-item div p i.fas {
        margin-right: 5px;
    }

    ul.sub-menu#dinamico li.menu-item div {
        line-height: 1.3;
    }

    a.itajai {
        font-weight: 800;
        font-size: 18px;
        display: block;
        margin-bottom: none;
        padding: 18px 0;
        border-top: 2px solid rgba(0, 0, 0, 0.1);
        color: #00326b;
        text-align: left;
    }
}