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

/*========================================================================================
========================================| 1350PX |========================================
========================================================================================*/
@media (max-width:1350px) {
/*===============================================
================| HOME / HEADER |================
===============================================*/
/*====| HEADER / MENU |====*/
.header-right-menu {
    width: 100%;
    text-align: center;
}

.nav-menu ul {
    flex-direction: column;
    width: 260px;
}

.menu-icon { display: flex; }

.header-right {
    width: 300px;
    min-height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    justify-content: center;
    z-index: 200;
    background-color: var(--color-b-00);
    padding: 20px;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: 0.4s all cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -12px 1px 25px 0px rgba(0, 0, 0, 0.1);
}

.open-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: 0.4s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.header-right-menu-transletor {
    display: flex;
    justify-content: center;
}

.header-right-contact { display: none; }
.hrc-open { display: initial; }

/*===============================================
==================| HOME / 03 |==================
===============================================*/
.home-03-colun {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.home-03-box { width: 100%; }


}

/*========================================================================================
========================================| 1100PX |========================================
========================================================================================*/
@media (max-width:1100px) {
/*===============================================
===============| HOME / PROBLEMA |===============
===============================================*/
.problema-box-titulo h3 {
    font-size: 1em;
    color: var(--color-w-00);
    font-size: 600;
}

/*===============================================
==================| HOME / 02 |==================
===============================================*/
h2.home-title-format {
    font-size: 1em;
    margin-bottom: 25px;
}

.home-colun-box-titulo h2 { line-height: 1.6em; }

/*===============================================
===================| FOOTER |====================
===============================================*/
.footer-widget.flex-3 {
    flex-basis: calc(100%);
    margin-bottom: 35px;
}
.footer-widget-01 {
    text-align: center;
    max-width: 100%;
}
.footer-widget-01-rs { width: 100%; }

}

/*========================================================================================
=========================================| 820PX |========================================
========================================================================================*/
@media (max-width:820px) {
/*===============================================
================| HOME / VÍDEO |=================
===============================================*/
.home-video { height: 400px; }

.home-video-info-logo img { width: 140px; }

.home-video-info-title { width: 100%; }
.home-video-info-title h1 { font-size: 1em; }

/*===============================================
===============| HOME / PROBLEMA |===============
===============================================*/
.problema-box.flex-3 { flex-basis: calc(100%); }

/*===============================================
==================| HOME / 02 |==================
===============================================*/
.home-02-colun {
    display: flex;
    flex-direction: column; /* coloca um embaixo do outro */
    justify-content: flex-start; /* remove o space-between */
    width: 100%; /* coluna 100% */
}
.home-02-box { width: 100%; }

/*===============================================
==================| HOME / 03 |==================
===============================================*/
.home-colun {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.hcb-left { width: 100%; }

.hcb-right { width: 100%; }

.home-title { margin-top: 35px; }

/*===============================================
=============| PAGE / TREINAMENTOS |=============
===============================================*/


}

/*========================================================================================
=========================================| 600PX |========================================
========================================================================================*/
@media (max-width:600px) {
/*===============================================
==================| HOME / 01 |==================
===============================================*/
.home-video-info-title h2 {
  font-size: 1.4em;
  font-weight: 600;
  margin: 0;
}

/*===============================================
===============| PAGE / ANALISE |================
===============================================*/
.p-analise-il {
    display: flex;
    flex-direction: column;
}

.p-analise-il-p { margin-top: 15px; }

.p-analise-time.flex-4 { flex-basis: calc(100% - 15px); }
.p-analise-time img { width: 95%; }

.flex .flex-3 { flex-basis: calc(100% - 15px); }




/*===============================================
================| HOME / VÍDEO |=================
===============================================
.home-video { height: 220px; }

.home-video-info-logo img { width: 100px; }

.home-video-info-title h1 { font-size: .9em; }

.button-btn { line-height: 18px; }

.home-investidores-title h2 { font-size: 1.4em; }

.news-row-post { flex-basis: calc( 100% ); }*/

}

/*========================================================================================
=========================================| 428PX |========================================
========================================================================================*/
@media (max-width:428px) {
/*===============================================
==================| HOME / 01 |==================
===============================================*/
.home-video-info-title h2 {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}

/*===============================================
==================| HOME / 02 |==================
===============================================*/
.home-colun-box-video { width: 100%; }
.home-colun-box { width: 100%; }
.home-02-box { width: 100%; }

.home-colun {
    display: flex;
    flex-direction: column; /* coloca um embaixo do outro */
}

}

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

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

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



/*
@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) {}
*/