@media (max-width: 991px) {
    .posts-main-container {
        flex-direction: row-reverse;
    }

    .caixa-modal {
        padding: 30px;
    }

    #equipamentos .card {
        width: auto;
    }

    #artigos .posts-main-container.d-flex {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    #topbar {
        display: none !important;
    }

    .section-padding {
        padding: 50px 10px;
    }

    #banner-principal .container .buttons {
        margin-bottom: 20px;
        margin-left: 0;
        flex-wrap: wrap;
    }

    #banner-principal .container .col-lg-6 h1 {
        line-height: 1.3em;
        font-size: 2.5em;
        height: auto;
        max-height: auto !important;
        margin-bottom: 10px !important;
    }

    .banner-img-container,
    .company-location {
        display: none;
    }

    #footer .bottom-footer-paragraph {
        text-align: center;
    }

    #latest-post .post-content {
        padding: 25px !important;
    }

    .heading-1 {
        font-size: 35px;
        line-height: 1.5em;
    }
    
    .heading-2 {
        font-size: 25px;
        line-height: 1.5em;
    }
    
    .heading-3 {
        font-size: 22px;
        line-height: 1.5em;
    }
}


@media screen and (max-width: 576px) {
    .carousel-inner {
        display: flex;
        width: 90%;
        margin-inline: auto;
        padding: 1em 0;
        overflow: hidden;
    }

    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 2);
    }
}

@media screen and (min-width: 1024px) {
    .carousel-item {
        display: block;
        margin-right: 0;
        flex: 0 0 calc(100% / 3);
    }

    #equipamentos .card {
        width: auto;
    }
}