/*========================================================================================
=======================================| 17000PX |========================================
========================================================================================*/
@media (max-width:1700px) {

/*===============================================
===================| HEADER |====================
===============================================*/


}


/*========================================================================================
========================================| 1350PX |========================================
========================================================================================*/
@media (max-width:1350px) {
/*===============================================
=================| MENU / NAV |==================
===============================================*/
    .home-header-nav { align-items: flex-start; }

    nav.home-header-nav-menu ul {
        display: flex;
        gap: 0;
        align-items: center;
        flex-direction: column;
    }

    nav.home-header-nav-menu ul {
        margin-top: 40px;
        padding-bottom: 28px;
    }

    .hamburguer {
        display: block;
        margin-top: 25px;
    }

    .hamburguer.active .bar:nth-child(2) {
        opacity: 0;
    }
    .hamburguer.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    .hamburguer.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    
    .nav-menu {
        position: fixed;
        left: -100%;
        position: absolute;
    }
    .nav-menu.active {
        left: 0;
        position: relative;
    }

    .home-header-nav-contact {
        width: 70px;
        border-radius: 50px;
        padding: 26px;
    }
}

/*========================================================================================
========================================| 1100PX |========================================
========================================================================================*/
@media (max-width:1100px) {
/*===============================================
============| HOME / HISTÓRIA CLUBE |============
===============================================*/
.section-home-history { flex-direction: column; }
.shhb-left {
    width: calc(100%);
    max-width: -webkit-calc(100%);
    max-width: -moz-calc(100%);
    max-width: calc(100%);
}
.shhb-right {
    width: calc(100%);
    padding: 60px;
}
.shhb-right-box {
    width: 100%;
    max-width: 100%;
}

/*===============================================
==============| HOME / CAMPEONATOS |=============
===============================================*/
.section-campeonatos-home {
    padding: 80px 0 0 0;
    position: relative;
}




/*===============================================
==============| HOME / BENEFÍCIOS |==============
===============================================*/
.section-home-beneficios { flex-direction: column; }
.shbb-left {
    width: calc(100%);
    order: 1;
}

.shbb-left-box {
    width: 100%;
    max-width: 100%;
    padding: 60px;
}

.shbb-right {
    width: calc(100%);
    max-width: -webkit-calc(100%);
    max-width: -moz-calc(100%);
    max-width: calc(100%);
}

}


/*========================================================================================
=========================================| 820PX |========================================
========================================================================================*/
@media (max-width:820px) {
/*===============================================
===================| HEADER |====================
===============================================*/


/*===============================================
==============| HOME / CAMPEONATOS |=============
===============================================*/
.campeonatos-home-button { padding-bottom: 140px; }


}



/*========================================================================================
=========================================| 600PX |========================================
========================================================================================*/
@media (max-width:600px) {
/*===============================================
===================| HEADER |====================
===============================================*/
.home-header-conatiner { padding: 10rem 0 15rem 0; }
.home-header-texto span { font-size: 18px; }
.home-header-texto h1 { font-size: 3em; }

/*===============================================
============| HOME / HISTÓRIA CLUBE |============
===============================================*/
.shhb-right-box-title { text-align: center; }
.shhb-right { padding: 20px; }
.shhb-right-box-button { text-align: center; }


/*===============================================
==============| HOME / BENEFÍCIOS |==============
===============================================*/
.shbb-left-box-title { text-align: center; }
.shbb-left-box { padding: 20px; }
.shbb-left-box-button { text-align: center; }

.shbb-left-box-box span {
    flex-basis: calc(50% - 15px);
    font-size: 18px;
}
.shbb-left-box-box span i { font-size: 24px; }

/*===============================================
=================| HOME / AÇÃO |=================
===============================================*/
.section-home-acao { padding: 40px 0 23rem 0; }
.home-acao-container h3 { font-size: 28px; }



}



/*========================================================================================
=========================================| 428PX |========================================
========================================================================================*/
@media (max-width:428px) {
/*===============================================
===================| HEADER |====================
===============================================*/
.home-header-nav-contact {
    width: 75px;
    height: 70px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

/*===============================================
============| HOME / HISTÓRIA CLUBE |============
===============================================*/
.shhb-right-box-title h1 { font-size: 26px; }
.shhb-right-box-desc { margin: 25px 0; }

/*===============================================
==============| HOME / BENEFÍCIOS |==============
===============================================*/
.shbb-left-box-box span { flex-basis: calc(100%); }

/*===============================================
===============| HOME / NOTÍCIAS |===============
===============================================*/
.shncb-box-title h3 {
    font-size: 20px;
    line-height: 1.6em;
}

/*===============================================
=============| SINGLE / CAMPEONATOS |============
===============================================*/
.single-content-title h1 { font-size: 22px; }


/*===============================================
====================| TITLE |====================
===============================================*/
.title-br {
    font-size: 26px;
    line-height: 38px;
    margin: 10px auto;
    font-weight: 700;
}

}


/*========================================================================================
=========================================| 414PX |========================================
========================================================================================*/
/* @media (max-width:414px) {} */


/*========================================================================================
=========================================| 390PX |========================================
========================================================================================*/
@media (max-width:390px) {
/*===============================================
===================| HEADER |====================
===============================================*/
.home-header-conatiner { padding: 10rem 0 13rem 0; }
.home-header-texto span { font-size: 16px; }
.home-header-texto h1 {
    font-size: 2.2em;
    margin: 5px 0 15px 0;
}

/*===============================================
===============| HOME / NOTÍCIAS |===============
===============================================*/
.shncb-box-title h3 {
    font-size: 18px;
    line-height: 1.2em;
}
.shncb-cd { padding: 10px; }
.shncb-cd-category { padding: 0 10px 0 0; }
.shncb-box { padding: 0 10px; }
.shncb-box-saiba-mais { padding: 20px 0px; }

/*===============================================
=================| HOME / AÇÃO |=================
===============================================*/
.section-home-acao { padding: 40px 0 23rem 0; }
.home-acao-container h3 { font-size: 22px; }

/*===============================================
=====================| FAQ |=====================
===============================================*/
.panel { margin-left: 10px; }
.panel p { padding-right: 10px; font-size: 14px; }


/*===============================================
==============| CABEÇALHO / PAGE |===============
===============================================*/
.cabecalho-pages { padding: 8rem 0; }
.cabecalho-pages-titulo { margin-top: 1.8rem; }
.cabecalho-pages-titulo h1 { font-size: 22px; }

/*===============================================
=============| SINGLE / CAMPEONATOS |============
===============================================*/
.single-content-title h1 { font-size: 18px; }

/*===============================================
====================| TITLE |====================
===============================================*/
.title-br {
    font-size: 22px;
    line-height: 26px;
}




/*===============================================
==============| HOME / BENEFÍCIOS |==============
===============================================*/


}


/*========================================================================================
=========================================| 320PX |========================================
========================================================================================*/
@media (max-width:320px) {
/*===============================================
===============| HOME / NOTÍCIAS |===============
===============================================*/
.shncb-box-title h3 {
    font-size: 18px;
    line-height: 1.2em;
}

}



/*
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (max-width:912px) {}
@media (max-width:820px) {}
@media (max-width:810px) {}
@media (max-width:800px) {}
@media (max-width:768px) {}
@media (max-width:600px) {}
@media (max-width:540px) {}
@media (max-width:428px) {}
@media (max-width:414px) {}
@media (max-width:412px) {}
@media (max-width:393px) {}
@media (max-width:390px) {}
@media (max-width:384px) {}
@media (max-width:375px) {}
@media (max-width:360px) {}
@media (max-width:320px) {}
@media (max-width:280px) {}
*/