@media (max-width:1199px) {
    div.nav-parent {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .w-lg-45 {
        width: 45%;
    }
}

@media (max-width: 991px) {
    .w-lg-45 {
        width: 100%;
    }

    .mw-300px-max991 {
        max-width: 300px;
    }

    .sticky-lg-top {
        position: static !important;
        top: auto !important;
    }

    .sticky-box-parent {
        min-height: fit-content;
    }

    .hero-inner {
        padding: 40vh 2rem 5rem;
        left: 0;
    }

    .ret-drt {
        width: 100vw;
    }

    .breadcrumb-item {
        font-size: 12px
    }

    .modalAcademia {
        width: 80vw;
        max-height: fit-content;
    }

    .modal_parent {
        top: 0;
        height: 100%;
    }

    .modalAcademia {
        overflow-y: scroll;
        position: relative;
        padding-right: 12px;
    }

    .modalAcademia::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px;
    }

    .modalAcademia::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: var(--destaque_color);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    }

    .modalAcademia::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
        border-radius: 4px;
    }

    .btn-flutuante a {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 768px) {
    .modal-close-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 52px;
        height: 36px;
        font-size: 36px;
        line-height: 1;
        color: var(--text_color);
        cursor: pointer;
        z-index: 10;
    }
}

@media (max-width: 575px) {

    .img_16-6-wraper,
    .img_4-3-wraper {
        aspect-ratio: 4 / 3;
        width: 100%;
    }

    main {
        padding-top: 140px;
    }

}

@media (max-width:460px) {

    .newsletter-section .form-control {
        font-size: 14px;
        padding: 8px;
    }

    .gallery-section {
        padding-bottom: 0px;
    }
}

@media (max-width:360px) {
    .mini-calendar {
        min-width: 250px;
    }
}