/* MAX-WIDTH 1024 PX */

@media only screen and (max-width: 1024px){


    .header-menu{
        display: none;
    }

    .banner-content-box{
        padding: 0 20px;
    }

    .banner-content-title{
        padding: 0 20px;
    }

    .banner-content-title h1{
        font-size: 28px;
        text-align: center;
        line-height: 1.5;
    }

    .banner-content-title p{
        font-size: 16px;
        text-align: center;
        width: 100%;
    }

    .acessoRapidoBox{
        padding: 0 20px;
    }

    .acessoRapidoTitle{

        & h2{
        font-size: 24px;
        }

        & p{
            font-size: 14px;
        }
    }

    .acessoRapidoList{
        justify-content: center;
    }

    .acessoRapidoItem{
        width: calc(50% - 10px);
    }

    .empresasTitle{
        width: 100%;
    }

    .empresasList{
        width: 100%;
        padding: 20px 0 0 0;
        gap: 10px;
    }

    .empresasItem{
        width: calc(50% - 10px);
    }

    .bignumbers__wrap{
        padding: 20px 0 60px 0;
    }

    .bignumbers__box{
        padding: 0 20px;
    }

    .bignumbers__list{
        gap: 40px;
        align-items: center;
    }

    .bignumbers__item{
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .oque__item{
        width: 100%;
    }

    .depoTitle h2{
        font-size: 18px;
    }

    .depoTitle p{
        font-size: 14px;
        margin-top: 10px;
    }

    .depoItem{
        width: 100%;
    }
    
        .depoItemTxt p{
            font-size: 13px;
        }

    .selos__title{
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0 0 20px 0;

        & h2{
            justify-content: center;
            align-items: center;
        }
    }

    .selos__list{
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .podTitle{
        width: 100%;

        & h2{
            font-size: 24px;
        }

        & p{
            font-size: 12px;
        }
    }

    .podBtnBox{
        width: 100%;
        margin-top: 15px;
    }

    .podItem{
        max-width: 100%;
    }


    .footer__info{
        justify-self: flex-start;
        margin-left: 0;
    }

    .footer__info-txt{
        align-items: flex-start;

        & span{
            text-align: left;
        }
    }

    .footer__social{
        justify-content: flex-start;
    }

    .footer__posinfo{
        padding: 20px 20px;

    }

    .page__titleBox{
        min-height: 200px;
        padding-top: 50px;

        &.height-sm{
            min-height: 150px;
        }

        &.height-lg{
            min-height: 250px;
        }

        &.height-xl{
            min-height: 300px;
        }

    }

    .page__title-bg{
        height: 100%;
        
        & img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }
    }

    .page__title{

        padding: 0 10px;

        & h1{
            font-size: 24px;
        }

        & h2{
            font-size: 24px;
        }

        & span{
            font-size: 14px;
            padding: 0 40px 0 0;
        }
    }

    .sobre__content{
        max-width: 90%;
        margin-top: -100px;
        padding: 30px 20px;
    }

        .sobre__content-title{
            & h1{
                font-size: 28px;
            }

            & h2{
                font-size: 24px;
            }

            & span{
                font-size: 14px;
                padding: 0 20px;
                margin-top: 5px;
            }
        }

        .sobre__content-txt{
            & p{
                font-size: 14px;
            }
        }

    .sobre__box{
        padding: 10px 0;
    }

    .sobre__info{
        padding: 20px 20px;
    }

    .sobre__info-item{
        width: 100%;
        gap: 0px;

        & img{
            max-width: 50px;
        }
    }

    .sobre__author-box{
        padding: 20px 20px;
    }

    .sobre__author-title{
        gap: 20px;
    }

        .sobre__author-title-img{
            width: 100%;
            max-width: 300px;
        }

        .sobre__author-title-txt{
            width: 100%;
            padding: 0;
            text-align: center;
            align-items: center;

            & h2{
                font-size: 20px;
            }

            & p{
                font-size: 14px;
            }
        }

    .sobre__historia{
        width: 90%;
    }

    .sobre__historia-title{
        & h2{
            font-size: 20px;
        }

        & p{
            margin-top: 10px;
        }

    }

    .sobre__historia-txt{
        & p{
            font-size: 14px;
        }
    }

    .sobre__deolho{

        & h2{
            font-size: 20px;
        }
    }

    .sobre__deolho-content{
        flex-direction: column;
        gap: 20px;
    }

        .sobre__deolho-txt{
            width: 100%;
            padding: 20px 20px;

            & p{
                font-size: 14px;
            }
        }

        .sobre__deolho-img{
            width: 100%;

            & img{
                max-width: 70px;
            }
        }

    .sobre__team{
        padding: 20px 0 0 0;
        gap: 15px;
        row-gap: 30px;
    }

    .sobre__team-item{
        width: calc(50% - 15px);
    }

        .sobre__team-item-img{
            & img{
                max-width: 100px;
            }
        }

        .sobre__team-item-content{
            margin-top: 10px;
        }

    .businessBank__item{
        max-width: 90%;
        flex-direction: column-reverse;

        &:nth-of-type(2){
            flex-direction: column-reverse;
        }
    }

    .businessBank__item-content{
        width: 100%;

        & h2{
            font-size: 22px;
        }

        & p{
            font-size: 14px;
        }
        
    }

    .businessBank__item-thumb{
        width: 100%;
    }

    .seguros__title{
        width: 90%;

        & h2{
            font-size: 18px;
            text-align: center;
        }

        & p{
            font-size: 14px;
        }
    }

    .seguros__list{
        width: 90%;
        justify-content: center;
    }

        .seguros__item{
            width: calc(50% - 10px);
            padding: 15px 10px;
        }

            .seguros__item-content{

                & h3{
                    font-size: 14px;
                }

            }

    .contato__boxes-item{
        width: 100%;
        max-width: 300px;
    }

    .contato__form{
        max-width: 90%;
    }

        .contato__form-txt{
            & h2{
                font-size: 22px;
            }

            & p{
                text-align: center;
                margin-top: 10px;
            }
    }

}

@media only screen and (max-width: 900px){

}

/* MAX-WIDTH 767 PX */

@media only screen and (max-width: 767px){

    .mobile-hide{
        display: none;
    }

    .mobile-show{
        display: flex !important;
    }

    .logos__list{
        padding: 10px 20px 20px 20px;
    }

    .logos__item{
        width: calc(33% - 10px);
    }

}