/* Tablet */

@media (max-width: 1024px) {

    .container {
        width: calc(100% - 40px);
    }

    .header-inner {
        flex-wrap: wrap;
    }

    .primary-menu {
        flex-wrap: wrap;
        gap: 15px;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .container {
        width: calc(100% - 30px);
    }

    .header-inner {
        min-height: 75px;
    }

    .primary-menu {
        flex-direction: column;
    }

    .footer-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-menu {
        flex-wrap: wrap;
        justify-content: center;
    }

}