/* OAcom Template - Global Responsive Breakpoints */

/* =========================================================
   Desktop Large (max-width: 1400px)
   ========================================================= */
@media screen and (max-width: 1400px) {
    #footer-logo {
        margin-right: 0;
    }

    #footer-legal {
        display: none;
    }

    .smscreens {
        display: block !important;
        font-size: 8px;
        margin: 2rem 0;
    }

    .smscreens a {
        color: #CCC;
    }

    #sidebar-menu {
        font-size: 2rem;
        color: #000;
    }

    #sidebar-menu ul a {
        font-size: 1.5rem !important;
        color: #000;
    }

    .agence_telephone {
        font-family: 'PolicePrincipale';
        font-size: 2.5rem;
        color: #FFF;
    }
}

/* =========================================================
   Tablet (max-width: 1000px)
   ========================================================= */
@media screen and (max-width: 1000px) {
    #footer-agence {
        min-width: 200px;
    }

    #footer-legal {
        min-width: 200px;
    }
}

/* =========================================================
   Mobile Large (max-width: 980px)
   ========================================================= */
@media all and (max-width: 980px) {
    .overlay nav {
        font-size: 2em;
    }

    #sidebar-menu li.deeper > ul.nav-child {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        padding: 20px;
    }
}

/* =========================================================
   Mobile (max-width: 768px)
   ========================================================= */
@media all and (max-width: 768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .menu {
        font-size: 2.5em;
        top: 1rem;
        left: 1rem;
    }

    .overlay nav {
        font-size: 1.8em;
    }

    #sidebar-menu li.deeper ul.layer_actif {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        right: 0;
    }

    footer .container {
        flex-direction: column;
    }

    footer ul a {
        font-size: 1rem;
        line-height: 1.3rem;
    }
}

/* =========================================================
   Mobile Small (max-width: 480px)
   ========================================================= */
@media all and (max-width: 480px) {
    .overlay nav {
        font-size: 1.5em;
    }
}