@media only screen and (min-width: 992px) and (max-width: 1198px) {}

/* Mobile Screen */
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .navbar {
        height: 105px;
    }

    .navbar .navbar-toggler {
        padding: 16px 16px;
        font-size: var(--title);
        line-height: 1;
        background-color: transparent;
        color: transparent;
        border: transparent;
        transition: 2ms;
    }

    .navbar .navbar-toggler-icon {
        display: inline-block;
        font-size: 40px;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='FFFFFF'%3e%3cpath stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .navbar-brand,
    .nav-link {
        margin: auto 20px;
    }

    .navbar .navbar-nav {
        background: var(--backgroud);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin: -35px auto;
        list-style: none;
    }

    .navbar a img {
        width: 29%;
        margin: -130px 0 0 470px;
    }

    .hero .carousel .carousel-item img {
        height: 345px;
        background-size: cover;
    }

    #about {
        margin-top: -455px !important;
    }

    .team .card {
        width: 330px;
        margin-left: 175px;
    }

    .team .card img {
        min-width: 50%;
        width: 100%;
        height: 50%;
        position: relative;
    }

    .contact-us .single-info {
        background: var(--backgroud);
        padding: 45px 60px;
        height: 180px;
        border-radius: 10px;
        position: relative;
        transition: all .3s ease-out 0s;
        margin-top: 10px;
    }

    #footer-section p {
        display: block !important;
        font-size: var(--text);
        font-family: var(--family);
        color: var(--black-light);
        margin: 6px;
        text-align: left;
        box-sizing: border-box;
    }

    #footer-section p a {
        margin: 9px 0 -11px 0px;
    }

    #footer-section a img {
        justify-content: center;
        margin: 0 auto;
    }

    #footer-section ul {
        justify-content: center;
        margin: 0 auto;
    }

    #footer-section ul li svg {
        font-size: 32px;
        color: var(--black-light);
    }

    .footer p {
        font-size: 0.85rem;
        /* Reduz o tamanho do texto em telas muito pequenas */
    }
}

/* Mobile Screen */
@media only screen and (max-width: 450px) {
    .navbar {
        height: 105px;
    }

    .navbar .navbar-toggler {
        padding: 16px 16px;
        font-size: var(--title);
        line-height: 1;
        transition: 2ms;
    }

    .navbar .navbar-toggler-icon {
        display: inline-block;
        font-size: 40px;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000'%3e%3cpath stroke='rgb(0 0 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .navbar .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

    .navbar img {
        width: 37% !important;
        margin: 0;
    }

    .hero .carousel-caption {
        padding-left: 5rem;
        padding-right: 5rem;
        bottom: 6rem;
        color: #000000;
    }

    .hero .carousel-caption h1 {
        font-size: 18px;
        font-weight: 600;
    }

    .hero .carousel-caption p {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: -1px;
    }

    .hero a {
        background: var(--color-secudary) !important;
        border: var(--white) solid !important;
        border-radius: 10px;
        margin-top: -70px;
    }

    .hero .carousel .carousel-item img {
        height: 345px;
        background-size: cover;
    }

    .hero .carousel-caption a.cta {
        color: #000;
        padding: 0.4rem 1.5rem;
    }

    /* #footer-section footer p {
        display: block !important;
        font-size: var(--text);
        font-family: var(--family);
        color: var(--black-light);
        margin: 6px;
        text-align: left;
        box-sizing: border-box;
    }

    #footer-section footer p a {
        color: var(--white);
        font-weight: 600;
        font-size: var(--text);
        margin: 9px 0 -11px 0px !important;
    }

    #footer-section a img {
        justify-content: center;
        margin: 0 auto;
    }

    #footer-section ul {
        justify-content: center;
        margin: 0 auto;
    }

    #footer-section ul li svg {
        font-size: 32px;
        color: var(--black-light);
    }

    .footer p {
        font-size: 0.85rem;
        /* Reduz o tamanho do texto em telas muito pequenas
    } */

}