@media(max-width: 1024px) {
    /* HOME */
    .home-page .grid-col-2.gap-40.align-items-center {
        display: flex !important;
        flex-direction: column !important;
    }

    .home-page header:not(.headerFixed, .header-mobile) {
        position: relative  !important;
    }

    .home-page .main .main__cover{
        height: auto !important;
    }

    .home-page .container, .quem-somos .container{
        padding: 10px 0 !important;
    }

    /* QUEM SOMOS */
    .quem-somos .bread{
        padding: 1.25rem 0 0 0 !important;
    }

    .quem-somos h2{
        margin: 0.5rem;
    }

    header {
        background-color: #000 !important;
    }

    header .logo img{
        margin: 1rem 0 0 0  !important;
    }

    header:not(.headerFixed, .header-mobile) {
        display: flex  !important;
        flex-direction: row-reverse  !important;
    }

    header .topo{
        display: none  !important;
    }

    header .logo{
        width: 30%  !important;
    margin: 1rem 0 1rem 0  !important;
    }

    .headerFixed .logo img{
        filter: initial !important;
    }
    
    header.headerFixed #menu > ul > li > a{
        color: #fff !important;
    }
}

@media(max-width: 765px){
    footer .wrapper .row{
        flex-direction: column !important;
        align-items: center !important;
    }
}

@media(max-width: 576px) {
    #scrollUp.is-active {
        bottom: 150px !important;
    }
}

@media(max-width: 567px) {
     /* HOME */
    .home-page .grid-col-2.gap-40.align-items-center {
        display: flex !important;
        flex-direction: column !important;
    }

    .home-page header:not(.headerFixed, .header-mobile) {
        position: relative  !important;
    }

    .home-page .main .main__cover{
        height: auto !important;
    }

    .home-page .slick-banner.slick-initialized {
        height: 200px  !important;
    }

    header {
        background-color: #000 !important;
    }
    header #menu{
        font-size: 2.5vw  !important;
    }

    header #menu > ul{
        gap: 0.5vw  !important;
    }

    header .logo img{
        margin: 1rem 0 0 0  !important;
    }

    header:not(.headerFixed, .header-mobile) {
        display: flex  !important;
        flex-direction: row-reverse  !important;
    }

    header .topo{
        display: none  !important;
    }

    header .logo{
        width: 50%  !important;
    margin: auto  !important;
    }
}