@media only screen and (max-width: 920px){
    .container-card {
        gap: 2rem 2rem;
    }

    header#masthead ul#primary-menu {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100vh;
        width: 80%;
        overflow: hidden;
        padding: 1rem;
        background: #000;
        z-index: 2;
        transition: all 0.4s ease-in-out;
        display: flex;
        flex-direction: column;
        padding-top: 7rem;
    }

    .main-navigation ul ul.sub-menu {
        position: initial;
    }

    .menu-item-has-children .sub-menu{
        display: none;
    }

    .main-navigation li {
        padding: 1rem;
    }

    .main-navigation li a {
        font-size: 1.9rem;
    }

    .text-custom p{
        width: 90%;
    }
}

@media only screen and (max-width: 578px){
    footer#colophon .container {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    footer#colophon ul#primary-menu {
        margin: 0;
        padding: 0;
    }

    .button-serve button {
        padding: 0.5rem 7rem !important;
    }

    .content-banner .vc_column-inner .wpb_wrapper {
        padding: 0;
    }

    .top {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .main-navigation li a {
        font-size: 1rem;
    }

    button.menu-close i, button.menu-toggle i {
        font-size: 2rem;
    }

    .padding-top{
        padding-top: 0rem;
    }

    button.menu-close{
        display: block;
    }

    .text-banner p {
        font-size: 2rem;
    }
    .text-banner p:last-child {
        font-size: 1rem;
    }
    .logo {
        max-width: 150px;
    }
    .custom-map iframe {
        width: 100% !important;
    }
    .content-single-post {
        gap: 0rem 2rem;
        grid-template-columns: 100%;
    }
}